viithiisys / startup_jalsa_frontend

Download as
Browse Code »

Commit 6ca076ad848c12935cd4450563652ca7ef443428

Authored by Swarn Singh
1 parent 6ae8d3cdd3
Exists in master and in 1 other branch paytm

responsive design issue fixed

Showing 3 changed files with 124 additions and 76 deletions   Show diff stats
1 *{ 1 *{
2 outline: none !important; 2 outline: none !important;
3 } 3 }
4 .header{ 4 .header{
5 width: 100%; 5 width: 100%;
6 padding: 4px 20px; 6 padding: 4px 20px;
7 background-color: #42b549; 7 background-color: #42b549;
8 } 8 }
9 .logo{ 9 .logo{
10 height: 45px; 10 height: 45px;
11 } 11 }
12 .main-heading{ 12 .main-heading{
13 height: 70px; 13 height: 70px;
14 line-height: 70px; 14 line-height: 70px;
15 } 15 }
16 .card{ 16 .card{
17 margin: 40px 82px 27px 14px;
18 flex-direction: column; 17 flex-direction: column;
19 background-color: rgb(255,255,255); 18 background-color: rgb(255,255,255);
20 border-radius: 0; 19 border-radius: 0;
21 width: 676px; 20 width: 676px;
22 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 21 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
23 } 22 }
24 .card input{ 23 .card input{
25 display: none; 24 display: none;
26 } 25 }
27 .card .card-content{ 26 .card .card-content{
28 padding: 12px; 27 padding: 12px;
29 font-size: 12px; 28 font-size: 12px;
30 } 29 }
31 .card p{ 30 .card p{
32 margin-top:18px; 31 margin-top:18px;
33 margin-right:4px ; 32 margin-right:4px ;
34 margin-bottom:-5px; 33 margin-bottom:-5px;
35 /*margin-left:13px;*/ 34 /*margin-left:13px;*/
36 35
37 font-family: montserrat, arial, verdana; 36 font-family: montserrat, arial, verdana;
38 font-weight: normal; 37 font-weight: normal;
39 font-size: 12px; 38 font-size: 12px;
40 } 39 }
41 .card .thumbnail{ 40 .card .thumbnail{
42 padding: 15px 30px 1px 28px; 41 padding: 15px 30px 1px 28px;
43 border: 0; 42 border: 0;
44 border-radius: 0px !important; 43 border-radius: 0px !important;
45 } 44 }
46 .video-wrapper{ 45 .video-wrapper{
47 padding: 16px 0; 46 padding: 16px 0;
48 } 47 }
49 .stageRadio:checked+label{ 48 .stageRadio:checked+label{
50 background-color: #42b549; 49 background-color: #42b549;
51 color: #fff !important; 50 color: #fff !important;
52 } 51 }
53 52
54 /* css for radio buttons */ 53 /* css for radio buttons */
55 54
56 .option-input { 55 .option-input {
57 -webkit-appearance: none; 56 -webkit-appearance: none;
58 -moz-appearance: none; 57 -moz-appearance: none;
59 -ms-appearance: none; 58 -ms-appearance: none;
60 -o-appearance: none; 59 -o-appearance: none;
61 appearance: none; 60 appearance: none;
62 position: relative; 61 position: relative;
63 /*top: 13.33333px;*/ 62 /*top: 13.33333px;*/
64 right: 0; 63 right: 0;
65 bottom: 0; 64 bottom: 0;
66 left: 0; 65 left: 0;
67 height: 15px; 66 height: 15px;
68 width: 15px; 67 width: 15px;
69 transition: all 0.15s ease-out 0s; 68 transition: all 0.15s ease-out 0s;
70 background: transparent; 69 background: transparent;
71 border: 2px solid #42b549; 70 border: 2px solid #42b549;
72 color: #fff; 71 color: #fff;
73 cursor: pointer; 72 cursor: pointer;
74 display: inline-block; 73 display: inline-block;
75 margin-right: 0.5rem; 74 margin-right: 0.5rem;
76 outline: none; 75 outline: none;
77 position: relative; 76 position: relative;
78 z-index: 1000; 77 z-index: 1000;
79 } 78 }
80 .option-input:checked { 79 .option-input:checked {
81 background: #42b549; 80 background: #42b549;
82 } 81 }
83 .option-input:checked::before { 82 .option-input:checked::before {
84 height: 20px; 83 height: 20px;
85 width: 20px; 84 width: 20px;
86 position: absolute; 85 position: absolute;
87 /*content: '✔';*/ 86 /*content: '✔';*/
88 display: inline-block; 87 display: inline-block;
89 font-size: 12px; 88 font-size: 12px;
90 text-align: center; 89 text-align: center;
91 line-height: 22px; 90 line-height: 22px;
92 } 91 }
93 .option-input:checked::after { 92 .option-input:checked::after {
94 -webkit-animation: click-wave 0.65s; 93 -webkit-animation: click-wave 0.65s;
95 -moz-animation: click-wave 0.65s; 94 -moz-animation: click-wave 0.65s;
96 animation: click-wave 0.65s; 95 animation: click-wave 0.65s;
97 background: #40e0d0; 96 background: #40e0d0;
98 content: ''; 97 content: '';
99 display: block; 98 display: block;
100 position: relative; 99 position: relative;
101 z-index: 100; 100 z-index: 100;
102 } 101 }
103 .option-input-a.radio-a::after { 102 .option-input-a.radio-a::after {
104 border-radius: 50%; 103 border-radius: 50%;
105 } 104 }
106 /*second css*/ 105 /*second css*/
107 .option-input-a { 106 .option-input-a {
108 -webkit-appearance: none; 107 -webkit-appearance: none;
109 -moz-appearance: none; 108 -moz-appearance: none;
110 -ms-appearance: none; 109 -ms-appearance: none;
111 -o-appearance: none; 110 -o-appearance: none;
112 appearance: none; 111 appearance: none;
113 position: relative; 112 position: relative;
114 /*top: 13.33333px;*/ 113 /*top: 13.33333px;*/
115 right: 0; 114 right: 0;
116 bottom: 0; 115 bottom: 0;
117 left: 0; 116 left: 0;
118 height: 22px; 117 height: 22px;
119 width: 22px; 118 width: 22px;
120 transition: all 0.15s ease-out 0s; 119 transition: all 0.15s ease-out 0s;
121 background: transparent; 120 background: transparent;
122 border: 2px solid #42b549; 121 border: 2px solid #42b549;
123 color: #fff; 122 color: #fff;
124 cursor: pointer; 123 cursor: pointer;
125 display: inline-block; 124 display: inline-block;
126 margin-right: 0.5rem; 125 margin-right: 0.5rem;
127 outline: none; 126 outline: none;
128 position: relative; 127 position: relative;
129 z-index: 1000; 128 z-index: 1000;
130 } 129 }
131 .option-input-a:checked { 130 .option-input-a:checked {
132 background: #42b549; 131 background: #42b549;
133 } 132 }
134 .option-input-a:checked::before { 133 .option-input-a:checked::before {
135 height: 20px; 134 height: 20px;
136 width: 20px; 135 width: 20px;
137 position: absolute; 136 position: absolute;
138 /*content: '✔';*/ 137 /*content: '✔';*/
139 display: inline-block; 138 display: inline-block;
140 font-size: 12px; 139 font-size: 12px;
141 text-align: center; 140 text-align: center;
142 line-height: 22px; 141 line-height: 22px;
143 } 142 }
144 .option-input-a:checked::after { 143 .option-input-a:checked::after {
145 -webkit-animation: click-wave 0.65s; 144 -webkit-animation: click-wave 0.65s;
146 -moz-animation: click-wave 0.65s; 145 -moz-animation: click-wave 0.65s;
147 animation: click-wave 0.65s; 146 animation: click-wave 0.65s;
148 background: #40e0d0; 147 background: #40e0d0;
149 content: ''; 148 content: '';
150 display: block; 149 display: block;
151 position: relative; 150 position: relative;
152 z-index: 100; 151 z-index: 100;
153 } 152 }
154 .option-input-a.radio-a { 153 .option-input-a.radio-a {
155 border-radius: 50%; 154 border-radius: 50%;
156 } 155 }
157 .option-input-a.radio-a::after { 156 .option-input-a.radio-a::after {
158 border-radius: 50%; 157 border-radius: 50%;
159 } 158 }
160 159
161 /* css for radio ends */ 160 /* css for radio ends */
162 161
163 .card-small{ 162 .card-small{
164 cursor: pointer; 163 cursor: pointer;
165 } 164 }
166 .card-small img{ 165 .card-small img{
167 width: 37px; 166 width: 37px;
168 } 167 }
169 .card-small label{ 168 .card-small label{
170 width: 100%; 169 width: 100%;
171 font-weight: normal; 170 font-weight: normal;
172 font-size: 12px; 171 font-size: 12px;
173 margin-top: 5px; 172 margin-top: 5px;
174 } 173 }
175 /*.text-input{ 174 /*.text-input{
176 width: 100%; 175 width: 100%;
177 border: 0; 176 border: 0;
178 border-bottom: 2px solid #42b549; 177 border-bottom: 2px solid #42b549;
179 font-size: 18px; 178 font-size: 18px;
180 padding: 5px; 179 padding: 5px;
181 }*/ 180 }*/
182 .input-wrapper{ 181 .input-wrapper{
183 margin-bottom: 15px !important; 182 margin-bottom: 15px !important;
184 } 183 }
185 .select-input{ 184 .select-input{
186 width: 100%; 185 width: 100%;
187 border: 0; 186 border: 0;
188 border-bottom: 2px solid #42b549; 187 border-bottom: 2px solid #42b549;
189 background-color: transparent; 188 background-color: transparent;
190 font-size: 12px; 189 font-size: 12px;
191 padding: 5px; 190 padding: 5px;
192 } 191 }
193 .submit-button, .submit-button:hover{ 192 .submit-button, .submit-button:hover{
194 background-color: #42b549; 193 background-color: #42b549;
195 color: #fff; 194 color: #fff;
196 /*display: none;*/ 195 /*display: none;*/
197 } 196 }
198 .submit-button:disabled{ 197 .submit-button:disabled{
199 background-color: #ddd; 198 background-color: #ddd;
200 } 199 }
201 .textarea{ 200 .textarea{
202 min-height: 97px; 201 min-height: 97px;
203 } 202 }
204 .error-message{ 203 .error-message{
205 font-weight: inherit; 204 font-weight: inherit;
206 color: #ff0000; 205 color: #ff0000;
207 margin: 7px 4px -5px 26px; 206 margin: 7px 4px -5px 26px;
208 display: none; 207 display: none;
209 } 208 }
210 209
211 /*custom input*/ 210 /*custom input*/
212 .text-input, select { 211 .text-input, select {
213 width: 100%; 212 width: 100%;
214 padding: 12px 25px; 213 padding: 12px 25px;
215 margin: -2px 0; 214 margin: -2px 0;
216 display: inline-block; 215 display: inline-block;
217 border: 0px solid rgba(51, 51, 51, 0); 216 border: 0px solid rgba(51, 51, 51, 0);
218 border-radius: -3px; 217 border-radius: -3px;
219 box-sizing: border-box; 218 box-sizing: border-box;
220 box-shadow: 0 0 10px rgba(240, 255, 235); 219 box-shadow: 0 0 10px rgba(240, 255, 235);
221 -moz-box-shadow: 0 0 10px rgba(240, 255, 235); 220 -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
222 -webkit-box-shadow: 0 0 5px #777; 221 -webkit-box-shadow: 0 0 5px #777;
223 -o-box-shadow: 0 0 10px rgba(240, 255, 235); 222 -o-box-shadow: 0 0 10px rgba(240, 255, 235);
224 font-size: 12px; 223 font-size: 12px;
225 } 224 }
226 225
227 /* progress bar css */ 226 /* progress bar css */
228 227
229 @-webkit-keyframes 228 @-webkit-keyframes
230 load { 0% { 229 load { 0% {
231 stroke-dashoffset:0 230 stroke-dashoffset:0
232 } 231 }
233 } 232 }
234 @-moz-keyframes 233 @-moz-keyframes
235 load { 0% { 234 load { 0% {
236 stroke-dashoffset:0 235 stroke-dashoffset:0
237 } 236 }
238 } 237 }
239 @keyframes 238 @keyframes
240 load { 0% { 239 load { 0% {
241 stroke-dashoffset:0 240 stroke-dashoffset:0
242 } 241 }
243 } 242 }
244 243
245 /* Container */ 244 /* Container */
246 245
247 .progress-form { 246 .progress-form {
248 position: relative; 247 position: relative;
249 display: inline-block; 248 display: inline-block;
250 padding: 0; 249 padding: 0;
251 text-align: center; 250 text-align: center;
252 } 251 }
253 252
254 /* Item */ 253 /* Item */
255 254
256 .progress-form>li { 255 .progress-form>li {
257 display: inline-block; 256 display: inline-block;
258 position: relative; 257 position: relative;
259 text-align: center; 258 text-align: center;
260 color: #93A2AC; 259 color: #93A2AC;
261 font-family: Lato; 260 font-family: Lato;
262 font-weight: 100; 261 font-weight: 100;
263 margin: 2rem; 262 margin: 2rem;
264 } 263 }
265 264
266 .progress-form>li:before { 265 .progress-form>li:before {
267 content: attr(data-name); 266 content: attr(data-name);
268 position: absolute; 267 position: absolute;
269 width: 100%; 268 width: 100%;
270 bottom: -2rem; 269 bottom: -2rem;
271 font-weight: 400; 270 font-weight: 400;
272 } 271 }
273 272
274 .progress-form>li:after { 273 .progress-form>li:after {
275 content: attr(data-percent); 274 content: attr(data-percent);
276 position: absolute; 275 position: absolute;
277 width: 100%; 276 width: 100%;
278 top: 3.7rem; 277 top: 3.7rem;
279 left: 0; 278 left: 0;
280 font-size: 2rem; 279 font-size: 2rem;
281 text-align: center; 280 text-align: center;
282 } 281 }
283 282
284 .progress-form svg { 283 .progress-form svg {
285 width: 10rem; 284 width: 10rem;
286 height: 10rem; 285 height: 10rem;
287 } 286 }
288 287
289 .progress-form svg:nth-child(2) { 288 .progress-form svg:nth-child(2) {
290 position: absolute; 289 position: absolute;
291 left: 0; 290 left: 0;
292 top: 0; 291 top: 0;
293 transform: rotate(-90deg); 292 transform: rotate(-90deg);
294 -webkit-transform: rotate(-90deg); 293 -webkit-transform: rotate(-90deg);
295 -moz-transform: rotate(-90deg); 294 -moz-transform: rotate(-90deg);
296 -ms-transform: rotate(-90deg); 295 -ms-transform: rotate(-90deg);
297 } 296 }
298 297
299 .progress-form svg:nth-child(2) path { 298 .progress-form svg:nth-child(2) path {
300 fill: none; 299 fill: none;
301 stroke-width: 25; 300 stroke-width: 25;
302 stroke-dasharray: 629; 301 stroke-dasharray: 629;
303 stroke: rgba(255, 255, 255, 0.9); 302 stroke: rgba(255, 255, 255, 0.9);
304 -webkit-animation: load 10s; 303 -webkit-animation: load 10s;
305 -moz-animation: load 10s; 304 -moz-animation: load 10s;
306 -o-animation: load 10s; 305 -o-animation: load 10s;
307 animation: load 10s; 306 animation: load 10s;
308 } 307 }
309 /*circle of stage image*/ 308 /*circle of stage image*/
310 .circular{ 309 .circular{
311 310
312 -webkit-border-radius: 150px; 311 -webkit-border-radius: 150px;
313 -moz-border-radius: 150px; 312 -moz-border-radius: 150px;
314 border-radius: 150px; 313 border-radius: 150px;
315 box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); 314 box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
316 border: 5px solid white; 315 border: 5px solid white;
317 overflow: hidden; 316 overflow: hidden;
318 position: fixed; 317 position: fixed;
319 height: 100px; 318 height: 100px;
320 width: 100px; 319 width: 100px;
321 left: 80px; 320 left: 80px;
322 top: 20px; 321 top: 20px;
323 } 322 }
324 /*font-size*/ 323 /*font-size*/
325 .font{ 324 .font{
326 font-size: 14px; 325 font-size: 14px;
327 } 326 }
328 327
329 .f-family { 328 .f-family {
330 font-family:sans-serif; 329 font-family:sans-serif;
331 } 330 }
332 331
333 /*container-card css*/ 332 /*container-card css*/
334 .container-card { 333 .container-card {
335 width: auto; 334 width: auto;
336 float: left; 335 float: left;
337 margin: 31px 24px 26px 14px; 336 margin: 31px 24px 26px 14px;
338 } 337 }
339 338
340 /******This css for header container******/ 339 /******This css for header container******/
341 .h1 { 340 .h1 {
342 font-size: 20px; 341 font-size: 20px;
343 margin: 11px; 342 margin: 11px;
344 } 343 }
345 344
346 .paragraph { 345 .paragraph {
347 font-size: 14px; 346 font-size: 14px;
348 margin: 30px 10px 20px; 347 margin: 30px 10px 20px;
349 line-height: 1.5; 348 line-height: 1.5;
350 } 349 }
351 /*This css for stages container*/ 350 /*This css for stages container*/
352 351
353 .full-line { 352 .full-line {
354 border-bottom: 2px solid #dedede; 353 border-bottom: 2px solid #dedede;
355 padding: 15px 10px; 354 padding: 15px 10px;
356 } 355 }
357 356
358 .stages-card { 357 .stages-card {
359 width: auto; 358 width: auto;
360 float: left; 359 float: left;
361 margin: -30px 8px 7px 22px; 360 /*margin: -30px 8px 7px 22px;*/
362 } 361 }
363 362
364 /*form -css*/ 363 /*form -css*/
365 .form-all { 364 .form-all {
366 margin: 13px 4px 26px -2px; 365 margin: 13px 4px 26px -2px;
367 /*display: none;*/ 366 /*display: none;*/
368 } 367 }
369 368
370 .step-two-form{ 369 .step-two-form{
371 display: block; 370 display: block;
372 } 371 }
373 372
374 /*This is for stages images*/ 373 /*This is for stages images*/
375 .stage-img { 374 .stage-img {
376 width: 115px; 375 width: 115px;
377 } 376 }
378 377
379 .stage-thumbnail { 378 .stage-thumbnail {
380 float: left; 379 float: left;
381 margin-bottom: 0; 380 margin-bottom: 0;
382 } 381 }
383 382
384 .stage-shadow { 383 .stage-shadow {
385 /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 384 /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
386 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 385 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
387 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */ 386 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
388 /*margin: 3px 22px 14px 14px;*/ 387 /*margin: 3px 22px 14px 14px;*/
389 background-color: #ffffff; 388 background-color: #ffffff;
390 } 389 }
391 390
392 .line-size { 391 .line-size {
393 392
394 } 393 }
395 394
396 .card-paragraph { 395 .card-paragraph {
397 background-color: rgba(66, 181, 73, 0.61); 396 background-color: rgba(66, 181, 73, 0.61);
398 color: #fff; 397 color: #fff;
399 } 398 }
400 399
401 /* identity card css*/ 400 /* identity card css*/
402 401
403 .identity-shadow { 402 .identity-shadow {
404 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 403 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
405 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 404 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
406 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 405 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
407 margin: 15px 15px 17px 14px; 406 margin: 15px 15px 17px 14px;
408 background-color: #ffffff; 407 background-color: #ffffff;
409 /*display: none;*/ 408 /*display: none;*/
410 } 409 }
411 410
412 .identity-question { 411 .identity-question {
413 border-bottom: 2px solid #dedede; 412 border-bottom: 2px solid #dedede;
414 padding: 0px 10px; 413 padding: 0px 10px;
415 } 414 }
416 415
417 .identity-align { 416 .identity-align {
418 margin: 8px -12px 19px 13px; 417 margin: 8px -12px 19px 13px;
419 } 418 }
420 419
421 420
422 /********This css for sectors**************/ 421 /********This css for sectors**************/
423 .sectors-card { 422 .sectors-card {
424 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 423 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
425 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 424 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
426 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 425 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
427 margin: 27px 22px 14px 14px; 426 margin: 27px 22px 14px 14px;
428 background-color: #ffffff; 427 background-color: #ffffff;
429 /*display: none;*/ 428 /*display: none;*/
430 } 429 }
431 430
432 .sector-card { 431 .sector-card {
433 width: auto; 432 width: auto;
434 float: left; 433 float: left;
435 margin: 29px 22px 26px 14px; 434 margin: 29px 22px 26px 14px;
436 } 435 }
437 436
438 .sector-question { 437 .sector-question {
439 border-bottom: 2px solid #dedede; 438 border-bottom: 2px solid #dedede;
440 padding: 15px 10px; 439 padding: 15px 10px;
441 } 440 }
442 441
443 /*To make the Stages in the center*/ 442 /*To make the Stages in the center*/
444 .card-align { 443 .card-align {
445 margin: 56px -267px 11px -37px; 444 /*margin: 56px -267px 11px -37px;*/
446 } 445 }
447 446
448 /*To make the sectors in the center */ 447 /*To make the sectors in the center */
449 .sector-align { 448
450 margin: -2px -88px 62px 10px;
451 }
452 449
453 /*************sidebar content margin***********/ 450 /*************sidebar content margin***********/
454 .sidebar-align { 451 .sidebar-align {
455 margin: -5px -3px -18px 9px; 452 margin: -5px -3px -18px 9px;
456 } 453 }
457 454
458 .heading { 455 .heading {
459 margin: 15px 10px 15px 16px; 456 margin: 15px 10px 15px 16px;
460 } 457 }
461 .quiz { 458 .quiz {
462 margin: 5px 5px 6px 19px; 459 margin: 5px 5px 6px 19px;
463 font-size: 12px; 460 font-size: 12px;
464 } 461 }
465 462
466 #footer { 463 #footer {
467 background-image: url('/images/footer_design.png'); 464 background-image: url('/images/footer_design.png');
468 background-repeat: inherit; 465 background-repeat: inherit;
469 background-size: 1274px 223px; 466 background-size: 1274px 223px;
470 position: bottom; 467 position: bottom;
471 width: 100%; 468 width: 100%;
472 height: auto; 469 height: auto;
473 padding: 151px 3px 66px 83px; 470 padding: 151px 3px 66px 83px;
474 } 471 }
475 472
476 .footer { 473 .footer {
477 474
478 bottom: 0px; 475 bottom: 0px;
479 background-color: #42b549; 476 background-color: #42b549;
480 width: 100%; 477 width: 100%;
481 color:rgba(255, 255, 255, 0.77); 478 color:rgba(255, 255, 255, 0.77);
482 } 479 }
483 480
484 /********question box*****************/ 481 /********question box*****************/
485 .question-shadow { 482 .question-shadow {
486 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 483 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
487 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 484 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
488 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 485 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
489 margin: 15px 15px 17px 14px; 486 margin: 15px 15px 17px 14px;
490 background-color: #ffffff; 487 background-color: #ffffff;
491 } 488 }
492 489
493 .q-card-align { 490
494 margin: 57px -12px 19px 13px;
495 height: 304px;
496 }
497 491
498 .question-card { 492 .question-card {
499 width: auto; 493 width: auto;
500 float: left; 494 float: left;
501 margin: 29px 22px 26px 14px; 495 margin: 29px 22px 26px 14px;
502 } 496 }
503 497
504 /*for p*/ 498 /*for p*/
505 .line-space { 499 .line-space {
506 line-height: 1.6em; 500 line-height: 1.6em;
507 font-size: 11px; 501 font-size: 11px;
508 } 502 }
509 503
510 .line-adjust { 504 .line-adjust {
511 margin-left: 26px; 505 margin-left: 26px;
512 } 506 }
513 507
514 /*badge icon css*/ 508 /*badge icon css*/
515 509
516 .material-icons{ 510 .material-icons{
517 font-size: 17px !important; 511 font-size: 17px !important;
518 } 512 }
519 513
520 .icon-circle-a { 514 .icon-circle-a {
521 background: rgba(89, 89, 89, 0.92); 515 background: rgba(89, 89, 89, 0.92);
522 border-radius: 50%; 516 border-radius: 50%;
523 width: 30px; 517 width: 30px;
524 height: 30px; 518 height: 30px;
525 position: absolute; 519 position: absolute;
526 left: 14px; 520 left: 14px;
527 margin-top: 10px; 521 margin-top: 10px;
528 color: #fff; 522 color: #fff;
529 text-align: center; 523 text-align: center;
530 } 524 }
531 525
532 .icon-circle-b { 526 .icon-circle-b {
533 background: rgba(89, 89, 89, 0.92); 527 background: rgba(89, 89, 89, 0.92);
534 border-radius: 50%; 528 border-radius: 50%;
535 width: 30px; 529 width: 30px;
536 height: 30px; 530 height: 30px;
537 position: absolute; 531 position: absolute;
538 left: 14px; 532 left: 14px;
539 margin-top: 10px; 533 margin-top: 10px;
540 color: #fff; 534 color: #fff;
541 text-align: center; 535 text-align: center;
542 } 536 }
543 537
544 .icon-circle-c { 538 .icon-circle-c {
545 background: rgba(89, 89, 89, 0.92); 539 background: rgba(89, 89, 89, 0.92);
546 border-radius: 50%; 540 border-radius: 50%;
547 width: 30px; 541 width: 30px;
548 height: 30px; 542 height: 30px;
549 position: absolute; 543 position: absolute;
550 left: 0px; 544 left: 0px;
551 margin-top: 4px; 545 margin-top: 4px;
552 color: #fff; 546 color: #fff;
553 text-align: center; 547 text-align: center;
554 } 548 }
555 549
556 .icon-circle-d { 550 .icon-circle-d {
557 background: rgba(89, 89, 89, 0.92); 551 background: rgba(89, 89, 89, 0.92);
558 border-radius: 50%; 552 border-radius: 50%;
559 width: 30px; 553 width: 30px;
560 height: 30px; 554 height: 30px;
561 position: absolute; 555 position: absolute;
562 left: 0px; 556 left: 0px;
563 margin-top: 4px; 557 margin-top: 4px;
564 color: #fff; 558 color: #fff;
565 text-align: center; 559 text-align: center;
566 } 560 }
567 561
568 .icon-circle-e { 562 .icon-circle-e {
569 background: rgba(89, 89, 89, 0.92); 563 background: rgba(89, 89, 89, 0.92);
570 border-radius: 50%; 564 border-radius: 50%;
571 width: 30px; 565 width: 30px;
572 height: 30px; 566 height: 30px;
573 position: absolute; 567 position: absolute;
574 left: 0px; 568 left: 0px;
575 margin-top: 4px; 569 margin-top: 4px;
576 color: #fff; 570 color: #fff;
577 text-align: center; 571 text-align: center;
578 } 572 }
579 573
580 .icon-circle-f { 574 .icon-circle-f {
581 background: rgba(89, 89, 89, 0.92); 575 background: rgba(89, 89, 89, 0.92);
582 border-radius: 50%; 576 border-radius: 50%;
583 width: 30px; 577 width: 30px;
584 height: 30px; 578 height: 30px;
585 position: absolute; 579 position: absolute;
586 left: 0px; 580 left: 0px;
587 margin-top: 3px; 581 margin-top: 3px;
588 color: #fff; 582 color: #fff;
589 text-align: center; 583 text-align: center;
590 } 584 }
591 585
592 .icon-circle-g { 586 .icon-circle-g {
593 background: rgba(89, 89, 89, 0.92); 587 background: rgba(89, 89, 89, 0.92);
594 border-radius: 50%; 588 border-radius: 50%;
595 width: 30px; 589 width: 30px;
596 height: 30px; 590 height: 30px;
597 position: absolute; 591 position: absolute;
598 left: 14px; 592 left: 14px;
599 margin-top: 10px; 593 margin-top: 10px;
600 color: #fff; 594 color: #fff;
601 text-align: center; 595 text-align: center;
602 } 596 }
603 597
604 .icon-circle-h { 598 .icon-circle-h {
605 background: rgba(89, 89, 89, 0.92); 599 background: rgba(89, 89, 89, 0.92);
606 border-radius: 50%; 600 border-radius: 50%;
607 width: 30px; 601 width: 30px;
608 height: 30px; 602 height: 30px;
609 position: absolute; 603 position: absolute;
610 left: 0px; 604 left: 0px;
611 margin-top: 4px; 605 margin-top: 4px;
612 color: #fff; 606 color: #fff;
613 text-align: center; 607 text-align: center;
614 } 608 }
615 609
616 .icon-circle-i { 610 .icon-circle-i {
617 background: rgba(89, 89, 89, 0.92); 611 background: rgba(89, 89, 89, 0.92);
618 border-radius: 50%; 612 border-radius: 50%;
619 width: 30px; 613 width: 30px;
620 height: 30px; 614 height: 30px;
621 position: absolute; 615 position: absolute;
622 left: 0px; 616 left: 0px;
623 margin-top: 30px; 617 margin-top: 30px;
624 color: #fff; 618 color: #fff;
625 text-align: center; 619 text-align: center;
626 z-index: 100; 620 z-index: 100;
627 } 621 }
628 622
629 .icon-circle-j { 623 .icon-circle-j {
630 background: rgba(89, 89, 89, 0.92); 624 background: rgba(89, 89, 89, 0.92);
631 border-radius: 50%; 625 border-radius: 50%;
632 width: 30px; 626 width: 30px;
633 height: 30px; 627 height: 30px;
634 position: absolute; 628 position: absolute;
635 left: 0px; 629 left: 0px;
636 margin-top: 30px; 630 margin-top: 30px;
637 color: #fff; 631 color: #fff;
638 text-align: center; 632 text-align: center;
639 z-index: 100; 633 z-index: 100;
640 } 634 }
641 635
642 .icon-circle-k { 636 .icon-circle-k {
643 background: rgba(89, 89, 89, 0.92); 637 background: rgba(89, 89, 89, 0.92);
644 border-radius: 50%; 638 border-radius: 50%;
645 width: 30px; 639 width: 30px;
646 height: 30px; 640 height: 30px;
647 position: absolute; 641 position: absolute;
648 left: 0px; 642 left: 0px;
649 margin-top: 30px; 643 margin-top: 30px;
650 color: #fff; 644 color: #fff;
651 text-align: center; 645 text-align: center;
652 z-index: 100; 646 z-index: 100;
653 } 647 }
654 648
655 .icon-circle-l { 649 .icon-circle-l {
656 background: rgba(89, 89, 89, 0.92); 650 background: rgba(89, 89, 89, 0.92);
657 border-radius: 50%; 651 border-radius: 50%;
658 width: 30px; 652 width: 30px;
659 height: 30px; 653 height: 30px;
660 position: absolute; 654 position: absolute;
661 left: 0px; 655 left: 0px;
662 margin-top: 30px; 656 margin-top: 30px;
663 color: #fff; 657 color: #fff;
664 text-align: center; 658 text-align: center;
665 z-index: 100; 659 z-index: 100;
666 } 660 }
667 661
668 .icon-circle-m { 662 .icon-circle-m {
669 background: rgba(89, 89, 89, 0.92); 663 background: rgba(89, 89, 89, 0.92);
670 border-radius: 50%; 664 border-radius: 50%;
671 width: 30px; 665 width: 30px;
672 height: 30px; 666 height: 30px;
673 position: absolute; 667 position: absolute;
674 left: 0px; 668 left: 0px;
675 margin-top: 30px; 669 margin-top: 30px;
676 color: #fff; 670 color: #fff;
677 text-align: center; 671 text-align: center;
678 z-index: 100; 672 z-index: 100;
679 } 673 }
680 674
681 .icon-circle-n { 675 .icon-circle-n {
682 background: rgba(89, 89, 89, 0.92); 676 background: rgba(89, 89, 89, 0.92);
683 border-radius: 50%; 677 border-radius: 50%;
684 width: 30px; 678 width: 30px;
685 height: 30px; 679 height: 30px;
686 position: absolute; 680 position: absolute;
687 left: 0px; 681 left: 0px;
688 margin-top: 30px; 682 margin-top: 30px;
689 color: #fff; 683 color: #fff;
690 text-align: center; 684 text-align: center;
691 z-index: 100; 685 z-index: 100;
692 } 686 }
693 687
694 .icon-circle-x { 688 .icon-circle-x {
695 background: rgba(89, 89, 89, 0.92); 689 background: rgba(89, 89, 89, 0.92);
696 border-radius: 50%; 690 border-radius: 50%;
697 width: 30px; 691 width: 30px;
698 height: 30px; 692 height: 30px;
699 position: absolute; 693 position: absolute;
700 left: 13px; 694 left: 13px;
701 margin-top: 21px; 695 margin-top: 21px;
702 color: #fff; 696 color: #fff;
703 text-align: center; 697 text-align: center;
704 } 698 }
705 699
706 .icon-circle-p { 700 .icon-circle-p {
707 background: rgba(89, 89, 89, 0.92); 701 background: rgba(89, 89, 89, 0.92);
708 border-radius: 50%; 702 border-radius: 50%;
709 width: 30px; 703 width: 30px;
710 height: 30px; 704 height: 30px;
711 position: absolute; 705 position: absolute;
712 left: 0px; 706 left: 0px;
713 margin-top: 3px; 707 margin-top: 3px;
714 color: #fff; 708 color: #fff;
715 text-align: center; 709 text-align: center;
716 } 710 }
717 711
718 .icon-circle-z { 712 .icon-circle-z {
719 background: rgba(89, 89, 89, 0.92); 713 background: rgba(89, 89, 89, 0.92);
720 border-radius: 50%; 714 border-radius: 50%;
721 width: 30px; 715 width: 30px;
722 height: 30px; 716 height: 30px;
723 position: absolute; 717 position: absolute;
724 left: 0px; 718 left: 0px;
725 margin-top: 4px; 719 margin-top: 4px;
726 color: #fff; 720 color: #fff;
727 text-align: center; 721 text-align: center;
728 } 722 }
729 723
730 .icon-circle-q { 724 .icon-circle-q {
731 background: rgba(89, 89, 89, 0.92); 725 background: rgba(89, 89, 89, 0.92);
732 border-radius: 50%; 726 border-radius: 50%;
733 width: 30px; 727 width: 30px;
734 height: 30px; 728 height: 30px;
735 position: absolute; 729 position: absolute;
736 left: 0px; 730 left: 0px;
737 margin-top: 4px; 731 margin-top: 4px;
738 color: #fff; 732 color: #fff;
739 text-align: center; 733 text-align: center;
740 } 734 }
741 735
742 .icon-circle-ab { 736 .icon-circle-ab {
743 background: rgba(89, 89, 89, 0.92); 737 background: rgba(89, 89, 89, 0.92);
744 border-radius: 50%; 738 border-radius: 50%;
745 width: 30px; 739 width: 30px;
746 height: 30px; 740 height: 30px;
747 position: absolute; 741 position: absolute;
748 left: 14px; 742 left: 14px;
749 margin-top: 18px; 743 margin-top: 18px;
750 color: #fff; 744 color: #fff;
751 text-align: center; 745 text-align: center;
752 } 746 }
753 747
754 748
755 /*.icon-circle-a { 749 /*.icon-circle-a {
756 background: rgba(89, 89, 89, 0.92); 750 background: rgba(89, 89, 89, 0.92);
757 border-radius: 50%; 751 border-radius: 50%;
758 width: 30px; 752 width: 30px;
759 height: 30px; 753 height: 30px;
760 position: absolute; 754 position: absolute;
761 left: 0px; 755 left: 0px;
762 margin-top: 4px; 756 margin-top: 4px;
763 color: #fff; 757 color: #fff;
764 text-align: center; 758 text-align: center;
765 } 759 }
766 760
767 .icon-circle-select { 761 .icon-circle-select {
768 background: rgba(89, 89, 89, 0.92); 762 background: rgba(89, 89, 89, 0.92);
769 border-radius: 50%; 763 border-radius: 50%;
770 width: 30px; 764 width: 30px;
771 height: 30px; 765 height: 30px;
772 position: absolute; 766 position: absolute;
773 left: 0px; 767 left: 0px;
774 margin-top: 3px; 768 margin-top: 3px;
775 color: #fff; 769 color: #fff;
776 text-align: center; 770 text-align: center;
777 } 771 }
778 772
779 .icon-circle-textarea { 773 .icon-circle-textarea {
780 background: rgba(89, 89, 89, 0.92); 774 background: rgba(89, 89, 89, 0.92);
781 border-radius: 50%; 775 border-radius: 50%;
782 width: 30px; 776 width: 30px;
783 height: 30px; 777 height: 30px;
784 position: absolute; 778 position: absolute;
785 left: 0px; 779 left: 0px;
786 margin-top: 30px; 780 margin-top: 30px;
787 color: #fff; 781 color: #fff;
788 text-align: center; 782 text-align: center;
789 }*/ 783 }*/
790 784
791 /*quiz*/ 785 /*quiz*/
792 .group { 786 .q-card-align div{
793 margin: -2px -28px 15px 1px; 787 margin-bottom: 15px;
794 } 788 }
795 789
796 .drop-down { 790 .drop-down {
797 background-color: #fff; 791 background-color: #fff;
798 border-radius: 0; 792 border-radius: 0;
799 font-size: 12px; 793 font-size: 12px;
800 } 794 }
801 795
802 .footer-link, .footer-link:hover { 796 .footer-link, .footer-link:hover {
803 color:#fff; 797 color:#fff;
804 } 798 }
805 /*idea content margin*/ 799 /*idea content margin*/
806 .content-idea{ 800 .content-idea{
807 margin:196px 12px 8px; 801 margin:196px 12px 8px;
808 } 802 }
809 803
810 .content-product{ 804 .content-product{
811 margin:193px -19px 9px; 805 margin:193px -19px 9px;
812 } 806 }
813 807
814 .content-growth{ 808 .content-growth{
815 margin:192px 11px 8px; 809 margin:192px 11px 8px;
816 } 810 }
817 .last-content-card{ 811 .last-content-card{
818 margin: 0px -85px -4px -51px; 812 /*margin: 0px -85px -4px -51px;*/
819 } 813 }
820 814
821 @media (max-width: 600px) { 815 @media (max-width: 600px) {
822 .content-idea{ 816 .content-idea{
823 margin: auto; 817 margin: auto;
824 } 818 }
825 819
826 .content-product{ 820 .content-product{
827 margin: auto; 821 margin: auto;
828 } 822 }
829 823
830 .content-growth{ 824 .content-growth{
831 margin: auto; 825 margin: auto;
832 } 826 }
833 .stages-card{ 827 .stages-card{
834 margin: auto; 828 margin: auto;
835 margin-bottom: 15px; 829 margin-bottom: 15px;
836 } 830 }
837 .last-content-card{ 831 .last-content-card{
838 margin: auto; 832 margin: auto;
839 } 833 }
840 .card-align{ 834 .card-align{
841 margin: auto; 835 margin: auto;
842 } 836 }
843 } 837 }
844 838
845 .toggler { 839 .toggler {
846 width: 500px; 840 width: 500px;
847 height: 200px; 841 height: 200px;
848 } 842 }
849 #button { 843 #button {
850 padding: .5em 1em; 844 padding: .5em 1em;
851 text-decoration: none; 845 text-decoration: none;
852 } 846 }
853 #effect { 847 #effect {
854 position: relative; 848 position: relative;
855 width: 240px; 849 width: 240px;
856 height: 170px; 850 height: 170px;
857 padding: 0.4em; 851 padding: 0.4em;
858 } 852 }
859 #effect h3 { 853 #effect h3 {
860 margin: 0; 854 margin: 0;
861 padding: 0.4em; 855 padding: 0.4em;
862 text-align: center; 856 text-align: center;
863 } 857 }
864 858
865 #snackbar { 859 #snackbar {
866 visibility: hidden; 860 visibility: hidden;
867 min-width: 250px; 861 min-width: 250px;
868 margin-left: -125px; 862 margin-left: -125px;
869 background-color: #333; 863 background-color: #333;
870 color: #fff; 864 color: #fff;
871 text-align: center; 865 text-align: center;
872 border-radius: 2px; 866 border-radius: 2px;
873 padding: 16px; 867 padding: 16px;
874 position: fixed; 868 position: fixed;
875 z-index: 1; 869 z-index: 1;
876 left: 50%; 870 left: 50%;
877 bottom: 30px; 871 bottom: 30px;
878 font-size: 17px; 872 font-size: 17px;
879 } 873 }
880 874
881 #snackbar.show { 875 #snackbar.show {
882 visibility: visible; 876 visibility: visible;
883 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s; 877 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
884 animation: fadin 0.5s, fadout 0.5s 2.5s; 878 animation: fadin 0.5s, fadout 0.5s 2.5s;
885 } 879 }
886 880
887 @-webkit-keyframes fadin { 881 @-webkit-keyframes fadin {
888 from {bottom: 0; opacity: 0;} 882 from {bottom: 0; opacity: 0;}
889 to {bottom: 30px; opacity: 1;} 883 to {bottom: 30px; opacity: 1;}
890 } 884 }
891 885
892 @keyframes fadin { 886 @keyframes fadin {
893 from {bottom: 0; opacity: 0;} 887 from {bottom: 0; opacity: 0;}
894 to {bottom: 30px; opacity: 1;} 888 to {bottom: 30px; opacity: 1;}
895 } 889 }
896 890
897 @-webkit-keyframes fadout { 891 @-webkit-keyframes fadout {
898 from {bottom: 30px; opacity: 1;} 892 from {bottom: 30px; opacity: 1;}
899 to {bottom: 0; opacity: 0;} 893 to {bottom: 0; opacity: 0;}
900 } 894 }
901 895
902 @keyframes fadout { 896 @keyframes fadout {
903 from {bottom: 30px; opacity: 1;} 897 from {bottom: 30px; opacity: 1;}
904 to {bottom: 0; opacity: 0;} 898 to {bottom: 0; opacity: 0;}
905 } 899 }
906 900
907 901
908 #snacsskbar { 902 #snacsskbar {
909 visibility: hidden; 903 visibility: hidden;
910 min-width: 250px; 904 min-width: 250px;
911 margin-left: -125px; 905 margin-left: -125px;
912 background-color: #333; 906 background-color: #333;
913 color: #fff; 907 color: #fff;
914 text-align: center; 908 text-align: center;
915 border-radius: 2px; 909 border-radius: 2px;
916 padding: 16px; 910 padding: 16px;
917 position: fixed; 911 position: fixed;
918 z-index: 1; 912 z-index: 1;
919 left: 50%; 913 left: 50%;
920 top: 30px; 914 top: 30px;
921 font-size: 17px; 915 font-size: 17px;
922 } 916 }
923 917
924 #snacsskbar.show { 918 #snacsskbar.show {
925 visibility: visible; 919 visibility: visible;
926 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; 920 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
927 animation: fadein 0.5s, fadeout 0.5s 2.5s; 921 animation: fadein 0.5s, fadeout 0.5s 2.5s;
928 } 922 }
929 923
930 @-webkit-keyframes fadein { 924 @-webkit-keyframes fadein {
931 from {top: 0; opacity: 0;} 925 from {top: 0; opacity: 0;}
932 to {top: 30px; opacity: 1;} 926 to {top: 30px; opacity: 1;}
933 } 927 }
934 928
935 @keyframes fadein { 929 @keyframes fadein {
936 from {top: 0; opacity: 0;} 930 from {top: 0; opacity: 0;}
937 to {top: 30px; opacity: 1;} 931 to {top: 30px; opacity: 1;}
938 } 932 }
939 933
940 @-webkit-keyframes fadeout { 934 @-webkit-keyframes fadeout {
941 from {top: 30px; opacity: 1;} 935 from {top: 30px; opacity: 1;}
942 to {top: 0; opacity: 0;} 936 to {top: 0; opacity: 0;}
943 } 937 }
944 938
945 @keyframes fadeout { 939 @keyframes fadeout {
946 from {top: 30px; opacity: 1;} 940 from {top: 30px; opacity: 1;}
947 to {top: 0; opacity: 0;} 941 to {top: 0; opacity: 0;}
948 } 942 }
949 943
950 input.hidden { 944 input.hidden {
951 position: absolute; 945 position: absolute;
952 left: -9999px; 946 left: -9999px;
953 } 947 }
954 948
955 #profile-image1 { 949 #profile-image1 {
956 cursor: pointer; 950 cursor: pointer;
957 width: 100px; 951 width: 100px;
958 height: 100px; 952 height: 100px;
959 border:2px solid #eee ; 953 border:2px solid #eee ;
960 } 954 }
961 955
962 .tital{ font-size:16px; font-weight:500;} 956 .tital{ font-size:16px; font-weight:500;}
963 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0} 957 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0}
964 .footerpadd{padding: 5px;} 958 .footerpadd{padding: 5px;}
965 959
966 960
967 .container1{ 961 .container1{
968 width: 100% 962 width: 100%
963 }
964
965 .no-margin{
966 margin: 0 0 0 !important;
967 }
968 .no-padding{
969 padding: 0 0 0 0 !important;
970 }
971 .select-stage{
972 margin: 10px 0;
973 }
974 .cards-content{
975 margin-top: 40px;
976 }
977 .cards-content p{
978 font-size: 13px;
979 }
980 .q-card-align{
981 margin-top: 15px;
982 }
983 .width-auto{
984 width: auto !important;
985 }
986 .margin-right-label{
987 margin-right: 20px;
988 }
989 .margin-right-label label{
990 margin-left: 5px;
991 }
992 @media (max-width: 768px){
993 .cards-content{
994 margin-top: 15px;
995 margin-bottom: 30px;
996 }
997 .no-padding-mobile{
998 padding-left: 0 !important;
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 2
3 <!-- define angular app --> 3 <!-- define angular app -->
4 <html ng-app="scotchApp"> 4 <html ng-app="scotchApp">
5 5
6 <head> 6 <head>
7 <meta charset="utf-8">
8 <meta http-equiv="X-UA-Compatible" content="IE=edge">
9 <meta name="viewport" content="width=device-width, initial-scale=1">
7 <title>Startup</title> 10 <title>Startup</title>
8 <!-- SCROLLS --> 11 <!-- SCROLLS -->
9 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"/> 12 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"/>
10 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css"/> 13 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css"/>
11 14
12 <!-- SPELLS --> 15 <!-- SPELLS -->
16 <script type="text/javascript" src="js/jquery-3.2.1.js"></script>
13 <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script> 17 <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
14 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script> 18 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>
15 <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> 19 <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
16 <link rel="stylesheet" type="text/css" href="css/custom.css"> 20 <link rel="stylesheet" type="text/css" href="css/custom.css">
17 <script src="https://checkout.razorpay.com/v1/checkout.js"></script> 21 <script src="https://checkout.razorpay.com/v1/checkout.js"></script>
18 <link rel="stylesheet" href="css/circle.css"> 22 <link rel="stylesheet" href="css/circle.css">
19 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 23 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
20 <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css"> 24 <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
21 <script src="script.js"></script> 25 <script src="script.js"></script>
22 <script src="js/angular-svg-round-progressbar.js"></script> 26 <script src="js/angular-svg-round-progressbar.js"></script>
23 <script src="js/angular.js"></script> 27 <script src="js/angular.js"></script>
24 <script src="js/bootstrap.js"></script> 28 <script src="js/bootstrap.js"></script>
25 <script type="text/javascript" src="js/jquery-3.2.1.js"></script> 29
26 </head> 30 </head>
27 31
28 <!-- define angular controller --> 32 <!-- define angular controller -->
29 <body ng-controller="mainController"> 33 <body ng-controller="mainController">
30 34
31 <!-- <nav class="navbar navbar-default"> 35 <!-- <nav class="navbar navbar-default">
32 <div class="container"> 36 <div class="container">
33 <div class="navbar-header"> 37 <div class="navbar-header">
34 <a class="navbar-brand" href="/">Angular Routing Example</a> 38 <a class="navbar-brand" href="/">Angular Routing Example</a>
35 </div> 39 </div>
36 40
37 <ul class="nav navbar-nav navbar-right"> 41 <ul class="nav navbar-nav navbar-right">
38 <li><a href="#"><i class="fa fa-home"></i> Home</a></li> 42 <li><a href="#"><i class="fa fa-home"></i> Home</a></li>
39 <li><a href="#about"><i class="fa fa-shield"></i> About</a></li> 43 <li><a href="#about"><i class="fa fa-shield"></i> About</a></li>
40 <li><a href="#contact"><i class="fa fa-comment"></i> Contact</a></li> 44 <li><a href="#contact"><i class="fa fa-comment"></i> Contact</a></li>
41 </ul> 45 </ul>
42 </div> 46 </div>
43 </nav> --> 47 </nav> -->
44 48
45 <div id="main"> 49 <div id="main">
46 50
47 <!-- angular templating --> 51 <!-- angular templating -->
48 <!-- this is where content will be injected --> 52 <!-- this is where content will be injected -->
49 <div ng-view></div> 53 <div ng-view></div>
50 54
51 </div> 55 </div>
52 56
53 <!-- <footer class="text-center"> 57 <!-- <footer class="text-center">
54 <p>View the tutorial on <a href="http://scotch.io/tutorials/javascript/single-page-apps-with-angularjs-routing-and-templating">Scotch.io</a></p> 58 <p>View the tutorial on <a href="http://scotch.io/tutorials/javascript/single-page-apps-with-angularjs-routing-and-templating">Scotch.io</a></p>
55 59
56 <p>View a tutorial on <a href="http://scotch.io/tutorials/javascript/animating-angularjs-apps-ngview">Animating Your Angular Single Page App</a></p> 60 <p>View a tutorial on <a href="http://scotch.io/tutorials/javascript/animating-angularjs-apps-ngview">Animating Your Angular Single Page App</a></p>
57 </footer> --> 61 </footer> -->
58 62
59 </body> 63 </body>
60 64
61 </html> 65 </html>
62 66
1 <!-- <div class="jumbotron text-center"> 1 <!-- <div class="jumbotron text-center">
2 <h1>Home Page</h1> 2 <h1>Home Page</h1>
3 3
4 <p>{{ message }}</p> 4 <p>{{ message }}</p>
5 </div> --> 5 </div> -->
6 <!-- <div ng-if="checkView"> --> 6 <!-- <div ng-if="checkView"> -->
7 <div class="header"> 7 <div class="header">
8 <img src="images/white.png" class="logo"> 8 <img src="images/white.png" class="logo">
9 </div> <!-- CLOSE HEADER --> 9 </div> <!-- CLOSE HEADER -->
10 <form name="applicantForm" id="signupForm"> 10 <form name="applicantForm" id="signupForm">
11 <p style="margin:1% 18% -1%">Please select one stage.</p> 11 <div class="col-xs-12 col-md-10 col-md-offset-1">
12 <div class="col-xs-12 col-md-8 col-md-offset-2"> 12
13 <p class="select-stage">Please select one stage.</p>
13 <div class="stage-shadow"> 14 <div class="stage-shadow">
14 <div class="stages card-align"> 15 <div class="stages card-align">
15 <div class="col-xs-12 col-md-4" style="margin: -2px -51px 2px 1px;"> 16 <div class="col-xs-12 col-md-4 no-padding">
16 <div class="card stages-card"> 17 <div class="card stages-card">
17 <input type="radio" ng-model="data.stage" class="stageRadio" value="Idea" name="Idea" id="ideation" ng-required="Idea" ng-checked="true" ng-click="stage(data.stage); stagekeyPress()"> 18 <input type="radio" ng-model="data.stage" class="stageRadio" value="Idea" name="Idea" id="ideation" ng-required="Idea" ng-checked="true" checked="true" ng-click="stage(data.stage); stagekeyPress()">
18 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation"> 19 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation">
19 <img class="stage-img stage-idea" src="images/idea-stage.png" alt="Lights"> 20 <img class="stage-img stage-idea" src="images/idea-stage.png" alt="Lights">
20 <div class="card-content f-family"> 21 <div class="card-content f-family">
21 <p align="center">Idea</p> 22 <p align="center">Idea</p>
22 </div> 23 </div>
23 </label> 24 </label>
24 </div> 25 </div>
25 <p class="content-idea"> 26 <div class="clearfix"></div>
26 &#x26AC; Have an idea and need execution help?<br> 27 <div class="cards-content">
27 &#x26AC; Get feedback from mentors<br> 28 <p>
28 &#x26AC; Validate your idea. 29 &#x26AC; Have an idea and need execution help?<br>
29 </p> 30 &#x26AC; Get feedback from mentors<br>
31 &#x26AC; Validate your idea.
32 </p>
33 </div>
30 </div> 34 </div>
31 <div class="col-xs-12 col-md-4"> 35 <div class="col-xs-12 col-md-4 no-padding-mobile">
32 <div class="card stages-card"> 36 <div class="card stages-card">
33 <input type="radio" ng-model="data.stage" class="stageRadio" value="Product" name="Product" id="Proof" ng-required="Product" ng-click="stage(data.stage); stagekeyPress()"> 37 <input type="radio" ng-model="data.stage" class="stageRadio" value="Product" name="Idea" id="Proof" ng-required="Product" ng-click="stage(data.stage); stagekeyPress()">
34 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof"> 38 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof">
35 <img class="stage-img stage-product" src="images/production-stage.png" alt="Lights"> 39 <img class="stage-img stage-product" src="images/production-stage.png" alt="Lights">
36 <div class="card-content f-family"> 40 <div class="card-content f-family">
37 <p align="center">Product</p> 41 <p align="center">Product</p>
38 </div> 42 </div>
39 </label> 43 </label>
40 </div> 44 </div>
41 <p class="content-product"> 45 <div class="clearfix"></div>
42 &#x26AC; Have a prototype and want to take it to next level?<br> 46 <div class="cards-content">
43 &#x26AC; Advice on fundraising<br> 47 <p>
44 &#x26AC; Advice on go-to-market strategy 48 &#x26AC; Have a prototype and want to take it to next level?<br>
45 </p> 49 &#x26AC; Advice on fundraising<br>
50 &#x26AC; Advice on go-to-market strategy
51 </p>
52 </div>
46 </div> 53 </div>
47 <div class="col-xs-12 col-md-4 last-content-card"> 54 <div class="col-xs-12 col-md-4 no-padding">
48 <div class="card stages-card"> 55 <div class="card stages-card">
49 <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Growth" id="Beta" ng-required="Growth" ng-click="stage(data.stage); stagekeyPress()"> 56 <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Idea" id="Beta" ng-required="Growth" ng-click="stage(data.stage); stagekeyPress()">
50 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta"> 57 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta">
51 <img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights"> 58 <img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights">
52 <div class="card-content f-family"> 59 <div class="card-content f-family">
53 <p align="center">Growth</p> 60 <p align="center">Growth</p>
54 </div> 61 </div>
55 </label> 62 </label>
56 </div> 63 </div>
57 <p class="content-growth"> 64 <div class="clearfix"></div>
58 &#x26AC; Have traction and looking to scale up?<br> 65 <div class="cards-content">
59 &#x26AC; Connect with Series A investors<br> 66 <p>
60 &#x26AC; Connect and hire top startups 67 &#x26AC; Have traction and looking to scale up?<br>
61 </p> 68 &#x26AC; Connect with Series A investors<br>
69 &#x26AC; Connect and hire top startups
70 </p>
71 </div>
62 </div> 72 </div>
63 <div class="clearfix"></div> 73 <div class="clearfix"></div>
64 </div> 74 </div>
65 <div class="clearfix"></div> 75 <div class="clearfix"></div>
66 </div> <!-- CLOSE STAGE SHADOW --> 76 </div> <!-- CLOSE STAGE SHADOW -->
67 <div class="form-all"> 77 <div class="form-all">
68 <table style="width: 100%;"> 78 <table style="width: 100%;">
69 <tr> 79 <tr>
70 <td> 80 <td>
71 <div class="step-one-form"> 81 <div class="step-one-form">
72 <!-- form step 1 --> 82 <!-- form step 1 -->
73 <div class="col-xs-12 col-md-6 input-wrapper"> 83 <div class="col-xs-12 col-md-6 input-wrapper">
74 <div id="snackbar">Error ! Please fill in all fields.</div> 84 <div id="snackbar">Error ! Please fill in all fields.</div>
75 <div class="icon-circle-c"> 85 <div class="icon-circle-c">
76 <i class="material-icons" style="line-height: 31px;">assignment_ind</i> 86 <i class="material-icons" style="line-height: 31px;">assignment_ind</i>
77 </div> 87 </div>
78 <input type="text" class="text-input" required ng-model="data.name" placeholder="Startup Name" id="myBtn" name="name" ng-change="entername(data.name); namekeyPress(data.name)"> 88 <input type="text" class="text-input" required ng-model="data.name" placeholder="Startup Name" id="myBtn" name="name" ng-change="entername(data.name); namekeyPress(data.name)">
79 </div> 89 </div>
80 <div class="col-xs-12 col-md-6 input-wrapper"> 90 <div class="col-xs-12 col-md-6 input-wrapper">
81 <div id="snackbar">Error ! Please fill in all fields.</div> 91 <div id="snackbar">Error ! Please fill in all fields.</div>
82 <div class="icon-circle-d"> 92 <div class="icon-circle-d">
83 <i class="material-icons" style="line-height: 30px;">email</i> 93 <i class="material-icons" style="line-height: 30px;">email</i>
84 </div> 94 </div>
85 <input type="email" name="email" class="text-input" required class="" ng-model="data.email" placeholder="Email Address" ng-blur="emailcheck(data.email)" ng-focus="removeError()" ng-change="enteremail(data.email); emailkeyPress(data.email)"> 95 <input type="email" name="email" class="text-input" required class="" ng-model="data.email" placeholder="Email Address" ng-blur="emailcheck(data.email)" ng-focus="removeError()" ng-change="enteremail(data.email); emailkeyPress(data.email)">
86 <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label> 96 <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
87 <label ng-if="check">Email already exist.</label> 97 <label ng-if="check">Email already exist.</label>
88 98
89 <!-- <label class="error-message f-family control-label" id="alreadyExist" ng-if="check">Email already exist.</label> --> 99 <!-- <label class="error-message f-family control-label" id="alreadyExist" ng-if="check">Email already exist.</label> -->
90 </div> 100 </div>
91 <div class="col-xs-12 col-md-6 input-wrapper"> 101 <div class="col-xs-12 col-md-6 input-wrapper">
92 <div class="clearfix" style="margin:12px 0px 0px 0px"></div>
93 <div class="icon-circle-e"> 102 <div class="icon-circle-e">
94 <i class="material-icons" style="line-height: 30px;">phone</i> 103 <i class="material-icons" style="line-height: 30px;">phone</i>
95 </div> 104 </div>
96 <input type="number" required class="text-input" ng-model="data.number" placeholder="Mobile No." ng-blur="numbercheck(data.number)" ng-focus="removeNoError()" ng-change="enternumber(data.number); phonekeyPress(data.number)"> 105 <input type="number" required class="text-input" ng-model="data.number" placeholder="Mobile No." ng-blur="numbercheck(data.number)" ng-focus="removeNoError()" ng-change="enternumber(data.number); phonekeyPress(data.number)">
97 <!-- <label class="error-message f-family control-label" id="noExist" " ng-if="numberCheck">Contact Number already exist.</label> --> 106 <!-- <label class="error-message f-family control-label" id="noExist" " ng-if="numberCheck">Contact Number already exist.</label> -->
98 <label ng-if="numberCheck">Contact Number already exist.</label> 107 <label ng-if="numberCheck">Contact Number already exist.</label>
99 </div> 108 </div>
100 <div class="col-xs-12 col-md-6 input-wrapper f-family"> 109 <div class="col-xs-12 col-md-6 input-wrapper f-family">
101 <div class="clearfix" style="margin:12px 0px 0px 0px"></div>
102 <div class="icon-circle-f"> 110 <div class="icon-circle-f">
103 <i class="material-icons" style="line-height: 30px;">location_city</i> 111 <i class="material-icons" style="line-height: 30px;">location_city</i>
104 </div> 112 </div>
105 <select ng-model="data.city" ng-change="selectcity(data.city); citykeyPress(data.city)" required style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;"> 113 <select ng-model="data.city" ng-change="selectcity(data.city); citykeyPress(data.city)" required style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;">
106 <option name="city" selected disabled value="">Choose City</option> 114 <option name="city" selected disabled value="">Choose City</option>
107 <option value="Ahmedabad">Ahmedabad</option> 115 <option value="Ahmedabad">Ahmedabad</option>
108 <option value="Bangalore">Bangalore</option> 116 <option value="Bangalore">Bangalore</option>
109 <option value="NCR">Delhi-NCR</option> 117 <option value="NCR">Delhi-NCR</option>
110 <option value="Hyderabad">Hyderabad</option> 118 <option value="Hyderabad">Hyderabad</option>
111 <option value="Jaipur">Jaipur</option> 119 <option value="Jaipur">Jaipur</option>
112 <option value="Mumbai">Mumbai</option> 120 <option value="Mumbai">Mumbai</option>
113 <option value="Pune">Pune</option> 121 <option value="Pune">Pune</option>
114 <option value="Indore">Indore</option> 122 <option value="Indore">Indore</option>
115 <option value="Chandigarh">Chandigarh</option> 123 <option value="Chandigarh">Chandigarh</option>
116 <option value="anyOther">Any other</option> 124 <option value="anyOther">Any other</option>
117 </select> 125 </select>
118 </div> 126 </div>
119 <div class="clearfix"></div> 127 <div class="clearfix"></div>
120 <div style="margin-left: 679px;" class="text-center"> 128 <div class="col-xs-12 text-right">
121 <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" ng-click="next()"> 129 <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" ng-click="next()">
122 Next 130 Next
123 </button> 131 </button>
124 </div> 132 </div>
125 </div> 133 </div>
126 <!-- close step-one-form --> 134 <!-- close step-one-form -->
127 </td> 135 </td>
128 </tr> 136 </tr>
129 </table> 137 </table>
130 </div><!-- CLOSE form-all --> 138 </div><!-- CLOSE form-all -->
131 <div class="step-two-form" ng-show="infoForm"> 139 <div class="step-two-form" ng-show="infoForm">
132 <div class="sectors-card"> 140 <div class="sectors-card">
133 <div class="icon-circle-b"> 141 <div class="icon-circle-b">
134 <i class="material-icons" style="line-height: 31px;">open_with</i> 142 <i class="material-icons" style="line-height: 31px;">open_with</i>
135 </div> 143 </div>
136 <div class="sector-question"> 144 <div class="sector-question">
137 <div class="col-xs-8 font f-family"> 145 <div class="col-xs-12 font f-family">
138 To which sector would you relate your company? 146 To which sector would you relate your company?
139 </div> 147 </div>
140 <div class="clearfix"></div> 148 <div class="clearfix"></div>
141 </div> 149 </div>
142 <div class="clearfix" style="height:15px;"></div> 150 <div class="clearfix" style="height:15px;"></div>
143 <div class="sector-align"> 151 <div class="sector-align">
144 <div class="col-xs-8 col-md-3"> 152 <div class="col-xs-6 col-md-3">
145 <label class="card-small"> 153 <label class="card-small">
146 <input type="radio" required value="retail" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors"> 154 <input type="radio" required value="retail" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
147 <img src="images/retail.png"> 155 <img src="images/retail.png">
148 <label class="f-family">Retail</label> 156 <label class="f-family">Retail</label>
149 </label> 157 </label>
150 </div> 158 </div>
151 <div class="col-xs-8 col-md-3"> 159 <div class="col-xs-6 col-md-3">
152 <label class="card-small"> 160 <label class="card-small">
153 <input type="radio" required value="travel" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors"> 161 <input type="radio" required value="travel" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
154 <img src="images/transport.png"> 162 <img src="images/transport.png">
155 <label class="f-family">Travel</label> 163 <label class="f-family">Travel</label>
156 </label> 164 </label>
157 </div> 165 </div>
158 <div class="col-xs-8 col-md-3"> 166 <div class="col-xs-6 col-md-3">
159 <label class="card-small"> 167 <label class="card-small">
160 <input type="radio" required value="b2b commerce" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors"> 168 <input type="radio" required value="b2b commerce" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
161 <img src="images/paymens.png"> 169 <img src="images/paymens.png">
162 <label class="f-family">B2B commerce</label> 170 <label class="f-family">B2B commerce</label>
163 </label> 171 </label>
164 </div> 172 </div>
165 <div class="col-xs-8 col-md-3"> 173 <div class="col-xs-6 col-md-3">
166 <label class="card-small"> 174 <label class="card-small">
167 <input type="radio" required value="agritech" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors"> 175 <input type="radio" required value="agritech" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
168 <img src="images/food.png"> 176 <img src="images/food.png">
169 <label class="f-family">Agritech</label> 177 <label class="f-family">Agritech</label>
170 </label> 178 </label>
171 </div> 179 </div>
172 <div class="col-xs-8 col-md-3"> 180 <div class="col-xs-6 col-md-3">
173 <label class="card-small"> 181 <label class="card-small">
174 <input type="radio" required value="fintech" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors"> 182 <input type="radio" required value="fintech" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
175 <img src="images/online_media.png"> 183 <img src="images/online_media.png">
176 <label class="f-family">Fintech</label> 184 <label class="f-family">Fintech</label>
177 </label> 185 </label>
178 </div> 186 </div>
179 <div class="col-xs-8 col-md-3"> 187 <div class="col-xs-6 col-md-3">
180 <label class="card-small"> 188 <label class="card-small">
181 <input type="radio" required value="hyperlocal services" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors"> 189 <input type="radio" required value="hyperlocal services" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
182 <img src="images/hardware.png"> 190 <img src="images/hardware.png">
183 <label class="f-family">Hyperlocal services</label> 191 <label class="f-family">Hyperlocal services</label>
184 </label> 192 </label>
185 </div> 193 </div>
186 <div class="col-xs-8 col-md-3"> 194 <div class="col-xs-6 col-md-3">
187 <label class="card-small"> 195 <label class="card-small">
188 <input type="radio" required value="education" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors"> 196 <input type="radio" required value="education" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
189 <img src="images/education.png"> 197 <img src="images/education.png">
190 <label class="f-family">Education</label> 198 <label class="f-family">Education</label>
191 </label> 199 </label>
192 </div> 200 </div>
193 <div class="col-xs-8 col-md-3"> 201 <div class="col-xs-6 col-md-3">
194 <label class="card-small"> 202 <label class="card-small">
195 <input type="radio" required value="rural" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors"> 203 <input type="radio" required value="rural" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
196 <img src="images/RURAL_ICON.png"> 204 <img src="images/RURAL_ICON.png">
197 <label class="f-family">Rural</label> 205 <label class="f-family">Rural</label>
198 </label> 206 </label>
199 </div> 207 </div>
200 </div> 208 </div>
201 <div class="clearfix"></div> 209 <div class="clearfix"></div>
202 </div> <!-- CLOSE sectors-card --> 210 </div> <!-- CLOSE sectors-card -->
203 <div class="col-xs-12 col-md-12 f-family line-adjust"> 211 <div class="col-xs-11 col-md-12 f-family line-adjust">
204 <strong>What technology are you using in the product?</strong> 212 <strong>What technology are you using in the product?</strong>
205 <p class="line-space" >Please explain in detail the technologies that you are using or plan to use in the product?</p> 213 <p class="line-space" >Please explain in detail the technologies that you are using or plan to use in the product?</p>
206 </div> 214 </div>
207 <div class="col-xs-12 col-md-12 input-wrapper"> 215 <div class="col-xs-12 col-md-12 input-wrapper">
208 <div class="icon-circle-h"> 216 <div class="icon-circle-h">
209 <i class="material-icons" style="line-height: 30px;">phone_android</i> 217 <i class="material-icons" style="line-height: 30px;">phone_android</i>
210 </div> 218 </div>
211 <input type="text" class="text-input" ng-model="data.technology" placeholder="Technology" ng-change="entertechnology(data.technology); technologykeyPress(data.technology)" required> 219 <input type="text" class="text-input" ng-model="data.technology" placeholder="Technology" ng-change="entertechnology(data.technology); technologykeyPress(data.technology)" required>
212 </div> 220 </div>
213 <div class="col-xs-12 col-md-12 f-family line-adjust"> 221 <div class="col-xs-11 col-md-12 f-family line-adjust">
214 <strong>Tell us about the problem that your company is trying to address. </strong> 222 <strong>Tell us about the problem that your company is trying to address. </strong>
215 <p class="line-space" ></p> 223 <p class="line-space" ></p>
216 </div> 224 </div>
217 <div class="col-xs-12 col-md-12 input-wrapper"> 225 <div class="col-xs-12 col-md-12 input-wrapper">
218 <div class="icon-circle-i"> 226 <div class="icon-circle-i">
219 <i class="material-icons" style="line-height: 30px;">report_problem</i> 227 <i class="material-icons" style="line-height: 30px;">report_problem</i>
220 </div> 228 </div>
221 <textarea name="Problem" class="text-input textarea" ng-model="data.problem" placeholder="Problem" ng-change="enterproblem(data.problem); problemkeyPress(data.problem)" required></textarea> 229 <textarea name="Problem" class="text-input textarea" ng-model="data.problem" placeholder="Problem" ng-change="enterproblem(data.problem); problemkeyPress(data.problem)" required></textarea>
222 </div> 230 </div>
223 <div class="col-xs-12 col-md-12 f-family line-adjust"> 231 <div class="col-xs-12 col-md-12 f-family line-adjust">
224 <strong>Tell us about the solution that your product/company has come up with.</strong> 232 <strong>Tell us about the solution that your product/company has come up with.</strong>
225 <p class="line-space" ></p> 233 <p class="line-space" ></p>
226 </div> 234 </div>
227 <div class="col-xs-12 col-md-12 input-wrapper"> 235 <div class="col-xs-12 col-md-12 input-wrapper">
228 <div class="icon-circle-j"> 236 <div class="icon-circle-j">
229 <i class="material-icons" style="line-height: 30px;">help</i> 237 <i class="material-icons" style="line-height: 30px;">help</i>
230 </div> 238 </div>
231 <textarea name="solution" class="text-input textarea" ng-model="data.solution" placeholder="Solution" ng-change="entersolution(data.solution); solutionkeyPress(data.solution)" required></textarea> 239 <textarea name="solution" class="text-input textarea" ng-model="data.solution" placeholder="Solution" ng-change="entersolution(data.solution); solutionkeyPress(data.solution)" required></textarea>
232 </div> 240 </div>
233 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="businessmodel"> 241 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="businessmodel">
234 <strong>What is your business model?</strong> 242 <strong>What is your business model?</strong>
235 <p class="line-space" >How do you plan to make money?</p> 243 <p class="line-space" >How do you plan to make money?</p>
236 </div> 244 </div>
237 <div class="col-xs-12 col-md-12 input-wrapper f-family" ng-if="businessmodel"> 245 <div class="col-xs-12 col-md-12 input-wrapper f-family" ng-if="businessmodel">
238 <div class="icon-circle-p"> 246 <div class="icon-circle-p">
239 <i class="material-icons" style="line-height: 30px;">business_center</i> 247 <i class="material-icons" style="line-height: 30px;">business_center</i>
240 </div> 248 </div>
241 <select name="businessmodel" ng-model="data.business" ng-change="enterbusiness(data.business); businesskeyPress(data.business)" required style="background-color: #fff;border-radius: 0; font-size: 12px;"> 249 <select name="businessmodel" ng-model="data.business" ng-change="enterbusiness(data.business); businesskeyPress(data.business)" required style="background-color: #fff;border-radius: 0; font-size: 12px;">
242 <option selected disabled value="">Business Model</option> 250 <option selected disabled value="">Business Model</option>
243 <option value="B2B">B2B</option> 251 <option value="B2B">B2B</option>
244 <option value="B2C">B2C</option> 252 <option value="B2C">B2C</option>
245 <option value="B2G">B2G</option> 253 <option value="B2G">B2G</option>
246 </select> 254 </select>
247 </div> 255 </div>
248 <div class="clearfix"></div> 256 <div class="clearfix"></div>
249 <!-- **************************For Quiz All About Input********************** --> 257 <!-- **************************For Quiz All About Input********************** -->
250 <div class="question-shadow"> 258 <div class="question-shadow">
251 <div class="icon-circle-x"> 259 <div class="icon-circle-x">
252 <i class="material-icons" style="line-height: 30px;">question_answer</i> 260 <i class="material-icons" style="line-height: 30px;">question_answer</i>
253 </div> 261 </div>
254 <div class="sector-question"> 262 <div class="sector-question">
255 <div class="col-xs-12 font f-family"> 263 <div class="col-xs-12 font f-family">
256 You can share the top 5 problems that your startup is facing at the moment– and we will share those problems with our mentors who will give their feedback on what is the right approach to solve that problem. 264 You can share the top 5 problems that your startup is facing at the moment– and we will share those problems with our mentors who will give their feedback on what is the right approach to solve that problem.
257 </div> 265 </div>
258 <div class="clearfix"></div> 266 <div class="clearfix"></div>
259 </div> 267 </div>
260 <div class="stages q-card-align"> 268 <div class="stages q-card-align">
261 <div class="col-sm-8 group"> 269 <div class="col-sm-8 group">
262 <input type="text" class="text-input" ng-model="data.question1" name="snpid" placeholder="Question1" ng-change="abc(); questionkeyPress(data.question1)" required> 270 <input type="text" class="text-input" ng-model="data.question1" name="snpid" placeholder="Question1" ng-change="abc(); questionkeyPress(data.question1)" required>
263 <span class="highlight"></span> 271 <span class="highlight"></span>
264 <span class="bar"></span> 272 <span class="bar"></span>
265 </div> 273 </div>
266 <div class="col-sm-3 col-md-offset-1"> 274 <div class="col-sm-3 col-md-offset-1">
267 <select class="drop-down" ng-model="data.typeQ1" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required> 275 <select class="drop-down" ng-model="data.typeQ1" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
268 <option value="typeQ1">Select</option> 276 <option value="typeQ1">Select</option>
269 <option>Sales</option> 277 <option>Sales</option>
270 <option>Marketing</option> 278 <option>Marketing</option>
271 <option>Technology</option> 279 <option>Technology</option>
272 <option>Scale</option> 280 <option>Scale</option>
273 <option>Fund-raising</option> 281 <option>Fund-raising</option>
274 <option>Go-to-market strategy</option> 282 <option>Go-to-market strategy</option>
275 <option>Team/hiring issues</option> 283 <option>Team/hiring issues</option>
276 <option>Emotional/personal issues</option> 284 <option>Emotional/personal issues</option>
277 <option>Any other</option> 285 <option>Any other</option>
278 </select> 286 </select>
279 </div> 287 </div>
280 <div class="col-sm-8 group"> 288 <div class="col-sm-8 group">
281 <input type="text" class="text-input" ng-model="data.question2" name="snpid" placeholder="Question2" ng-change="abc(); questionkeyPress(data.question2)" required> 289 <input type="text" class="text-input" ng-model="data.question2" name="snpid" placeholder="Question2" ng-change="abc(); questionkeyPress(data.question2)" required>
282 <span class="highlight"></span> 290 <span class="highlight"></span>
283 <span class="bar"></span> 291 <span class="bar"></span>
284 </div> 292 </div>
285 <div class="col-sm-3 col-md-offset-1"> 293 <div class="col-sm-3 col-md-offset-1">
286 <select class="drop-down" ng-model="data.typeQ2" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required> 294 <select class="drop-down" ng-model="data.typeQ2" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
287 <option value="typeQ2">Select</option> 295 <option value="typeQ2">Select</option>
288 <option>Sales</option> 296 <option>Sales</option>
289 <option>Marketing</option> 297 <option>Marketing</option>
290 <option>Technology</option> 298 <option>Technology</option>
291 <option>Scale</option> 299 <option>Scale</option>
292 <option>Fund-raising</option> 300 <option>Fund-raising</option>
293 <option>Go-to-market strategy</option> 301 <option>Go-to-market strategy</option>
294 <option>Team/hiring issues</option> 302 <option>Team/hiring issues</option>
295 <option>Emotional/personal issues</option> 303 <option>Emotional/personal issues</option>
296 <option>Any other</option> 304 <option>Any other</option>
297 </select> 305 </select>
298 </div> 306 </div>
299 <div class="col-sm-8 group"> 307 <div class="col-sm-8 group">
300 <input type="text" class="text-input" ng-model="data.question3" name="snpid" placeholder="Question3" ng-change="abc(); questionkeyPress(data.question3)" required> 308 <input type="text" class="text-input" ng-model="data.question3" name="snpid" placeholder="Question3" ng-change="abc(); questionkeyPress(data.question3)" required>
301 <span class="highlight"></span> 309 <span class="highlight"></span>
302 <span class="bar"></span> 310 <span class="bar"></span>
303 </div> 311 </div>
304 <div class="col-sm-3 col-md-offset-1"> 312 <div class="col-sm-3 col-md-offset-1">
305 <select class="drop-down" ng-model="data.typeQ3" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required> 313 <select class="drop-down" ng-model="data.typeQ3" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
306 <option value="typeQ3">Select</option> 314 <option value="typeQ3">Select</option>
307 <option>Sales</option> 315 <option>Sales</option>
308 <option>Marketing</option> 316 <option>Marketing</option>
309 <option>Technology</option> 317 <option>Technology</option>
310 <option>Scale</option> 318 <option>Scale</option>
311 <option>Fund-raising</option> 319 <option>Fund-raising</option>
312 <option>Go-to-market strategy</option> 320 <option>Go-to-market strategy</option>
313 <option>Team/hiring issues</option> 321 <option>Team/hiring issues</option>
314 <option>Emotional/personal issues</option> 322 <option>Emotional/personal issues</option>
315 <option>Any other</option> 323 <option>Any other</option>
316 </select> 324 </select>
317 </div> 325 </div>
318 <div class="col-sm-8 group"> 326 <div class="col-sm-8 group">
319 <input type="text" class="text-input" ng-model="data.question4" name="snpid" placeholder="Question4" ng-change="abc(); questionkeyPress(data.question4)" required> 327 <input type="text" class="text-input" ng-model="data.question4" name="snpid" placeholder="Question4" ng-change="abc(); questionkeyPress(data.question4)" required>
320 <span class="highlight"></span> 328 <span class="highlight"></span>
321 <span class="bar"></span> 329 <span class="bar"></span>
322 </div> 330 </div>
323 <div class="col-sm-3 col-md-offset-1"> 331 <div class="col-sm-3 col-md-offset-1">
324 <select class="drop-down" ng-model="data.typeQ4" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required> 332 <select class="drop-down" ng-model="data.typeQ4" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
325 <option value="typeQ4">Select</option> 333 <option value="typeQ4">Select</option>
326 <option>Sales</option> 334 <option>Sales</option>
327 <option>Marketing</option> 335 <option>Marketing</option>
328 <option>Technology</option> 336 <option>Technology</option>
329 <option>Scale</option> 337 <option>Scale</option>
330 <option>Fund-raising</option> 338 <option>Fund-raising</option>
331 <option>Go-to-market strategy</option> 339 <option>Go-to-market strategy</option>
332 <option>Team/hiring issues</option> 340 <option>Team/hiring issues</option>
333 <option>Emotional/personal issues</option> 341 <option>Emotional/personal issues</option>
334 <option>Any other</option> 342 <option>Any other</option>
335 </select> 343 </select>
336 </div> 344 </div>
337 <div class="col-sm-8 group"> 345 <div class="col-sm-8 group">
338 <input type="text" class="text-input" ng-model="data.question5" name="snpid" placeholder="Question5" ng-change="abc(); questionkeyPress(data.question5)" required> 346 <input type="text" class="text-input" ng-model="data.question5" name="snpid" placeholder="Question5" ng-change="abc(); questionkeyPress(data.question5)" required>
339 <span class="highlight"></span> 347 <span class="highlight"></span>
340 <span class="bar"></span> 348 <span class="bar"></span>
341 </div> 349 </div>
342 <div class="col-sm-3 col-md-offset-1"> 350 <div class="col-sm-3 col-md-offset-1">
343 <select class="drop-down" ng-model="data.typeQ5" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required> 351 <select class="drop-down" ng-model="data.typeQ5" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
344 <option value="typeQ5">Select</option> 352 <option value="typeQ5">Select</option>
345 <option>Sales</option> 353 <option>Sales</option>
346 <option>Marketing</option> 354 <option>Marketing</option>
347 <option>Technology</option> 355 <option>Technology</option>
348 <option>Scale</option> 356 <option>Scale</option>
349 <option>Fund-raising</option> 357 <option>Fund-raising</option>
350 <option>Go-to-market strategy</option> 358 <option>Go-to-market strategy</option>
351 <option>Team/hiring issues</option> 359 <option>Team/hiring issues</option>
352 <option>Emotional/personal issues</option> 360 <option>Emotional/personal issues</option>
353 <option>Any other</option> 361 <option>Any other</option>
354 </select> 362 </select>
355 </div> 363 </div>
364 <div class="clearfix"></div>
356 </div> 365 </div>
357 <div class="clearfix"></div> 366 <div class="clearfix"></div>
358 </div> <!--CLOSE question-shadow --> 367 </div> <!--CLOSE question-shadow -->
359 <div class="clearfix"></div> 368 <div class="clearfix"></div>
360 <!-- **************************CLOSE QUIZ FORM********************** --> 369 <!-- **************************CLOSE QUIZ FORM********************** -->
361 <div class="hideform"> 370 <div class="hideform" ng-if="prototyp">
362 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="prototyp"> 371 <div class="col-xs-12 col-md-12 f-family line-adjust">
363 <strong>Do you have a prototype ready?</strong> 372 <strong>Do you have a prototype ready?</strong>
364 <p class="line-space" >If yes, please share the link to demo/website/application</p> 373 <p class="line-space" >If yes, please share the link to demo/website/application</p>
365 </div> 374 </div>
366 <div class="col-xs-12 col-md-12 input-wrapper"> 375 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="prototyp">
367 <div class="icon-circle-k" ng-if="prototyp"> 376 <div class="icon-circle-k">
368 <i class="material-icons" style="line-height: 30px;">device_hub</i> 377 <i class="material-icons" style="line-height: 30px;">device_hub</i>
369 </div> 378 </div>
370 <textarea name="prototyp" ng-required="prototyp" class="text-input textarea" ng-model="data.prototype" ng-if="prototyp" placeholder="Prototype" ng-change="abc(); prototypekeyPress(data.prototype)"></textarea> 379 <textarea name="prototyp" ng-required="prototyp" class="text-input textarea" ng-model="data.prototype" ng-if="prototyp" placeholder="Prototype" ng-change="abc(); prototypekeyPress(data.prototype)"></textarea>
371 </div> 380 </div>
372 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="market"> 381 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="market">
373 <strong>What is your go-to-market strategy?</strong> 382 <strong>What is your go-to-market strategy?</strong>
374 <p class="line-space" ></p> 383 <p class="line-space" ></p>
375 </div> 384 </div>
376 <div class="col-xs-12 col-md-12 input-wrapper"> 385 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="market">
377 <div class="icon-circle-l" ng-if="market"> 386 <div class="icon-circle-l">
378 <i class="material-icons" style="line-height: 30px;">multiline_chart</i> 387 <i class="material-icons" style="line-height: 30px;">multiline_chart</i>
379 </div> 388 </div>
380 <textarea name="market" ng-required="market" class="text-input textarea" ng-model="data.market" ng-if="market" placeholder="Go to market strategy" ng-change="abc(); marketkeyPress(data.market)"></textarea> 389 <textarea name="market" ng-required="market" class="text-input textarea" ng-model="data.market" ng-if="market" placeholder="Go to market strategy" ng-change="abc(); marketkeyPress(data.market)"></textarea>
381 </div> 390 </div>
382 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="risks"> 391 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="risks">
383 <strong>Who are your existing competitors and potential risk factors?</strong> 392 <strong>Who are your existing competitors and potential risk factors?</strong>
384 <p class="line-space" ></p> 393 <p class="line-space" ></p>
385 </div> 394 </div>
386 <div class="col-xs-12 col-md-12 input-wrapper"> 395 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="risks">
387 <div class="icon-circle-m" ng-if="risks"> 396 <div class="icon-circle-m">
388 <i class="material-icons" style="line-height: 30px;">smoking_rooms</i> 397 <i class="material-icons" style="line-height: 30px;">smoking_rooms</i>
389 </div> 398 </div>
390 <textarea name="risks" ng-required="risks" class="text-input textarea" ng-model="data.risks" ng-if="risks" placeholder="Competition and risks" ng-change="abc(); riskkeyPress(data.risks)"></textarea> 399 <textarea name="risks" ng-required="risks" class="text-input textarea" ng-model="data.risks" ng-if="risks" placeholder="Competition and risks" ng-change="abc(); riskkeyPress(data.risks)"></textarea>
391 </div> 400 </div>
392 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="team"> 401 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="team">
393 <strong>Who all are there in your team?</strong> 402 <strong>Who all are there in your team?</strong>
394 <p class="line-space" >What are their backgrounds?</p> 403 <p class="line-space" >What are their backgrounds?</p>
395 </div> 404 </div>
396 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="team"> 405 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="team">
397 <div class="icon-circle-n" ng-if="team"> 406 <div class="icon-circle-n" ng-if="team">
398 <i class="material-icons" style="line-height: 30px;">games</i> 407 <i class="material-icons" style="line-height: 30px;">games</i>
399 </div> 408 </div>
400 <textarea name="team" ng-required="team" class="text-input textarea" ng-model="data.team" ng-if="team" placeholder="Team" ng-change="abc(); teamkeyPress(data.team)"></textarea> 409 <textarea name="team" ng-required="team" class="text-input textarea" ng-model="data.team" ng-if="team" placeholder="Team" ng-change="abc(); teamkeyPress(data.team)"></textarea>
401 </div> 410 </div>
402 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="pitch"> 411 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="pitch">
403 <strong>Upload the pitch-deck/presentation mentioning the details of the startup.</strong> 412 <strong>Upload the pitch-deck/presentation mentioning the details of the startup.</strong>
404 <p class="line-space" ></p> 413 <p class="line-space" ></p>
405 </div> 414 </div>
406 <div class="col-xs-12 col-md-12 input-wrapper"> 415 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="pitch">
407 <div class="icon-circle-z" ng-if="pitch"> 416 <div class="icon-circle-z">
408 <i class="material-icons" style="line-height: 30px;">offline_pin</i> 417 <i class="material-icons" style="line-height: 30px;">offline_pin</i>
409 </div> 418 </div>
410 <input type="text" ng-required="pitch" class="text-input" ng-model="data.pitch" ng-if="pitch" placeholder="Upload pitch deck" ng-change="abc(); pitchkeyPress(data.pitch)"> 419 <input type="text" ng-required="pitch" class="text-input" ng-model="data.pitch" ng-if="pitch" placeholder="Upload pitch deck" ng-change="abc(); pitchkeyPress(data.pitch)">
411 </div> 420 </div>
412 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="financials"> 421 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="financials">
413 <strong>Upload the financial projections/funding requirements of your company?</strong> 422 <strong>Upload the financial projections/funding requirements of your company?</strong>
414 <p class="line-space" ></p> 423 <p class="line-space" ></p>
415 </div> 424 </div>
416 <div class="col-xs-12 col-md-12 input-wrapper"> 425 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="financials">
417 <div class="icon-circle-q" ng-if="financials"> 426 <div class="icon-circle-q">
418 <i class="material-icons" style="line-height: 30px;">timeline</i> 427 <i class="material-icons" style="line-height: 30px;">timeline</i>
419 </div> 428 </div>
420 <input type="text" name="financials" ng-required="financials" class="text-input" ng-model="data.financials" ng-if="financials" placeholder="Upload financials" ng-change="abc(); financialskeyPress(data.financials)"> 429 <input type="text" name="financials" ng-required="financials" class="text-input" ng-model="data.financials" ng-if="financials" placeholder="Upload financials" ng-change="abc(); financialskeyPress(data.financials)">
421 </div> 430 </div>
422 <div class="clearfix"></div> 431 <div class="clearfix"></div>
423 <div class="clearfix" ng-if="prototyp"></div>
424 </div> 432 </div>
425 <!-- <div class="clearfix"></div> --> 433 <!-- <div class="clearfix"></div> -->
426 <!-- THIS CODE FOR WHO ARE YOU FORM --> 434 <!-- THIS CODE FOR WHO ARE YOU FORM -->
427 <!-- <div class="row"> 435 <!-- <div class="row">
428 <div class="col-md-3"></div> 436 <div class="col-md-3"></div>
429 <div class="col-md-3"></div> 437 <div class="col-md-3"></div>
430 <div class="col-md-3"></div> 438 <div class="col-md-3"></div>
431 </div> --> 439 </div> -->
432 <div class="identity-shadow"> 440 <div class="identity-shadow">
433 <div class="icon-circle-ab"> 441 <div class="icon-circle-ab">
434 <i class="material-icons" style="line-height: 30px;">perm_identity</i> 442 <i class="material-icons" style="line-height: 30px;">perm_identity</i>
435 </div> 443 </div>
436 <div class="identity-question"> 444 <div class="identity-question">
437 <div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;"> 445 <div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;">
438 <b>Who are you?</b> 446 <b>Who are you?</b>
439 <p style="color:grey">kindly choose one option.</p> 447 <p style="color:grey">kindly choose one option.</p>
440 </div> 448 </div>
441 <div class="clearfix"></div> 449 <div class="clearfix"></div>
442 </div> 450 </div>
443 <div class="stages identity-align"> 451 <div class="stages identity-align">
444 <div class="col-xs-12"> 452 <div class="col-xs-12">
445 <label class="card-small"> 453 <label class="card-small margin-right-label">
446 <input type="radio" required value="student" ng-model="data.identity" class="option-input-a radio-a" ng-change="student(data.identity); studentkeyPress()" name="file" ng-click="show='a'"> 454 <input type="radio" required value="student" ng-model="data.identity" class="option-input-a radio-a pull-left" id="studentRadio" ng-change="student(data.identity); studentkeyPress()" name="file" ng-click="show='a'">
447 <!-- <img src="images/RURAL_ICON.png"> --> 455 <!-- <img src="images/RURAL_ICON.png"> -->
448 <label class="f-family">Student</label> 456 <label class="f-family pull-left width-auto" for="studentRadio">Student</label>
449 </label> 457 </label>
450 <label class="card-small"> 458 <label class="card-small margin-right-label">
451 <input type="radio" required value="others" ng-model="data.identity" class="option-input-a radio-a" ng-change="student(data.identity); studentkeyPress()" name="file" ng-click="show='b'"> 459 <input type="radio" required value="others" ng-model="data.identity" class="option-input-a radio-a pull-left" id="othersRadio" ng-change="student(data.identity); studentkeyPress()" name="file" ng-click="show='b'">
452 <!-- <img src="images/education.png"> --> 460 <!-- <img src="images/education.png"> -->
453 <label class="f-family">Others</label> 461 <label class="f-family pull-left width-auto" for="othersRadio">Others</label>
454 </label> 462 </label>
455 </div> 463 </div>
456 <!-- <div class="col-xs-6"> 464 <!--
465 <div class="col-xs-6" ng-show="show=='a'">
457 <label class="card-small"> 466 <label class="card-small">
458 467
459 <input type="file" file-model="data.pic" required id="picture" name="pic" accept="image/*" ng-show="show=='a'"> 468 <input type="file" file-model="data.pic" required id="picture" name="pic" accept="image/*">
460 </label> 469 </label>
461 </div> --> 470 </div> -->
462 </div><!-- CLOSE stages identity-align --> 471 </div><!-- CLOSE stages identity-align -->
463 <div class="clearfix"></div> 472 <div class="clearfix"></div>
464 </div><!-- CLOSE identity-shadow --> 473 </div><!-- CLOSE identity-shadow -->
465 <div class="col-xs-12 col-md-10 input-wrapper"> 474 <div class="col-xs-12 input-wrapper">
466 <div class="icon-circle-h"> 475 <div class="icon-circle-h">
467 <i class="material-icons" style="line-height: 30px;">phone_android</i> 476 <i class="material-icons" style="line-height: 30px;">phone_android</i>
468 </div> 477 </div>
469 <input class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code"> 478 <input class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code">
470 <button type="button" ng-click="tokenCall(data.referalToken)">Apply</button> 479 <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right">Apply</button>
471 </div> 480 </div>
472 481
473 <div class="clearfix"></div> 482 <div class="clearfix"></div>
474 483
475 <div class="text-center"> 484 <div class="text-center">
476 <input type="submit" class="btn submit-button" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="create()"> 485 <input type="submit" class="btn submit-button" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="create()">
477 </div> 486 </div>
478 </div> <!-- CLOSE step-two-form --> 487 </div> <!-- CLOSE step-two-form -->
479 </div> <!-- col-xs-12 col-md-8 col-md-offset-2 --> 488 </div> <!-- col-xs-12 col-md-8 col-md-offset-2 -->
480 </form> <!-- CLOSE FORM --> 489 </form> <!-- CLOSE FORM -->
481 <footer> 490 <footer>
482 <img id="footer" class="img-responsive banner"> 491 <img id="footer" class="img-responsive banner">
483 <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center> 492 <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center>
484 </footer> 493 </footer>
485 <!-- </div> CLOSE CHECK VIEW --> 494 <!-- </div> CLOSE CHECK VIEW -->
486 <div ng-if="verifyView"> 495 <div ng-if="verifyView">
487 <div style="margin-bottom: 0px;" class="text-center"> 496 <div style="margin-bottom: 0px;" class="text-center">
488 <input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()"> 497 <input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()">
489 <!-- <button ng-disabled="applicantForm.$invalid">Save</button> --> 498 <!-- <button ng-disabled="applicantForm.$invalid">Save</button> -->
490 </div> 499 </div>
491 </div> 500 </div>