Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code »

Commit 5c4d9622d922adc860f433844ec004dd918ba87b

Authored by Palak Handa
1 parent 6ca076ad84
Exists in master and in 1 other branch paytm

modify

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