Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code »

Commit 5259a7d0edf997a19781384e55b5c6a238e4e7bb

Authored by Digvijay Singh
1 parent 871e7fa3cd
Exists in master and in 1 other branch paytm

video links added

Showing 3 changed files with 105 additions and 12 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 margin-left:
12 }
13
14 .hyperColor{
15 color: white !important;
16 cursor: pointer !important;
11 } 17 }
12 .main-heading{ 18 .main-heading{
13 height: 70px; 19 height: 70px;
14 line-height: 70px; 20 line-height: 70px;
15 } 21 }
16 .card{ 22 .card{
17 flex-direction: column; 23 flex-direction: column;
18 background-color: rgb(255,255,255); 24 background-color: rgb(255,255,255);
19 border-radius: 0; 25 border-radius: 0;
20 width: 676px; 26 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); 27 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 } 28 }
23 .card input{ 29 .card input{
24 display: none; 30 display: none;
25 } 31 }
26 .card .card-content{ 32 .card .card-content{
27 padding: 12px; 33 padding: 12px;
28 font-size: 12px; 34 font-size: 12px;
29 } 35 }
30 .card p{ 36 .card p{
31 margin-top:18px; 37 margin-top:18px;
32 margin-right:4px ; 38 margin-right:4px ;
33 margin-bottom:-5px; 39 margin-bottom:-5px;
34 /*margin-left:13px;*/ 40 /*margin-left:13px;*/
35 41
36 font-family: montserrat, arial, verdana; 42 font-family: montserrat, arial, verdana;
37 font-weight: normal; 43 font-weight: normal;
38 font-size: 12px; 44 font-size: 12px;
39 } 45 }
40 .card .thumbnail{ 46 .card .thumbnail{
41 padding: 15px 30px 1px 28px; 47 padding: 15px 30px 1px 28px;
42 border: 0; 48 border: 0;
43 border-radius: 0px !important; 49 border-radius: 0px !important;
44 } 50 }
45 .video-wrapper{ 51 .video-wrapper{
46 padding: 16px 0; 52 padding: 16px 0;
47 } 53 }
48 .stageRadio:checked+label{ 54 .stageRadio:checked+label{
49 background-color: #42b549; 55 background-color: #42b549;
50 color: #fff !important; 56 color: #fff !important;
51 } 57 }
52 58
53 /* css for radio buttons */ 59 /* css for radio buttons */
54 60
55 .option-input { 61 .option-input {
56 -webkit-appearance: none; 62 -webkit-appearance: none;
57 -moz-appearance: none; 63 -moz-appearance: none;
58 -ms-appearance: none; 64 -ms-appearance: none;
59 -o-appearance: none; 65 -o-appearance: none;
60 appearance: none; 66 appearance: none;
61 position: relative; 67 position: relative;
62 /*top: 13.33333px;*/ 68 /*top: 13.33333px;*/
63 right: 0; 69 right: 0;
64 bottom: 0; 70 bottom: 0;
65 left: 0; 71 left: 0;
66 height: 15px; 72 height: 15px;
67 width: 15px; 73 width: 15px;
68 transition: all 0.15s ease-out 0s; 74 transition: all 0.15s ease-out 0s;
69 background: transparent; 75 background: transparent;
70 border: 2px solid #42b549; 76 border: 2px solid #42b549;
71 color: #fff; 77 color: #fff;
72 cursor: pointer; 78 cursor: pointer;
73 display: inline-block; 79 display: inline-block;
74 margin-right: 0.5rem; 80 margin-right: 0.5rem;
75 outline: none; 81 outline: none;
76 position: relative; 82 position: relative;
77 z-index: 1000; 83 z-index: 1000;
78 } 84 }
79 .option-input:checked { 85 .option-input:checked {
80 background: #42b549; 86 background: #42b549;
81 } 87 }
82 .option-input:checked::before { 88 .option-input:checked::before {
83 height: 20px; 89 height: 20px;
84 width: 20px; 90 width: 20px;
85 position: absolute; 91 position: absolute;
86 /*content: '✔';*/ 92 /*content: '✔';*/
87 display: inline-block; 93 display: inline-block;
88 font-size: 12px; 94 font-size: 12px;
89 text-align: center; 95 text-align: center;
90 line-height: 22px; 96 line-height: 22px;
91 } 97 }
92 .option-input:checked::after { 98 .option-input:checked::after {
93 -webkit-animation: click-wave 0.65s; 99 -webkit-animation: click-wave 0.65s;
94 -moz-animation: click-wave 0.65s; 100 -moz-animation: click-wave 0.65s;
95 animation: click-wave 0.65s; 101 animation: click-wave 0.65s;
96 background: #40e0d0; 102 background: #40e0d0;
97 content: ''; 103 content: '';
98 display: block; 104 display: block;
99 position: relative; 105 position: relative;
100 z-index: 100; 106 z-index: 100;
101 } 107 }
102 .option-input-a.radio-a::after { 108 .option-input-a.radio-a::after {
103 border-radius: 50%; 109 border-radius: 50%;
104 } 110 }
105 /*second css*/ 111 /*second css*/
106 .option-input-a { 112 .option-input-a {
107 -webkit-appearance: none; 113 -webkit-appearance: none;
108 -moz-appearance: none; 114 -moz-appearance: none;
109 -ms-appearance: none; 115 -ms-appearance: none;
110 -o-appearance: none; 116 -o-appearance: none;
111 appearance: none; 117 appearance: none;
112 position: relative; 118 position: relative;
113 /*top: 13.33333px;*/ 119 /*top: 13.33333px;*/
114 right: 0; 120 right: 0;
115 bottom: 0; 121 bottom: 0;
116 left: 0; 122 left: 0;
117 height: 22px; 123 height: 22px;
118 width: 22px; 124 width: 22px;
119 transition: all 0.15s ease-out 0s; 125 transition: all 0.15s ease-out 0s;
120 background: transparent; 126 background: transparent;
121 border: 2px solid #42b549; 127 border: 2px solid #42b549;
122 color: #fff; 128 color: #fff;
123 cursor: pointer; 129 cursor: pointer;
124 display: inline-block; 130 display: inline-block;
125 margin-right: 0.5rem; 131 margin-right: 0.5rem;
126 outline: none; 132 outline: none;
127 position: relative; 133 position: relative;
128 z-index: 1000; 134 z-index: 1000;
129 } 135 }
130 .option-input-a:checked { 136 .option-input-a:checked {
131 background: #42b549; 137 background: #42b549;
132 } 138 }
133 .option-input-a:checked::before { 139 .option-input-a:checked::before {
134 height: 20px; 140 height: 20px;
135 width: 20px; 141 width: 20px;
136 position: absolute; 142 position: absolute;
137 /*content: '✔';*/ 143 /*content: '✔';*/
138 display: inline-block; 144 display: inline-block;
139 font-size: 12px; 145 font-size: 12px;
140 text-align: center; 146 text-align: center;
141 line-height: 22px; 147 line-height: 22px;
142 } 148 }
143 .option-input-a:checked::after { 149 .option-input-a:checked::after {
144 -webkit-animation: click-wave 0.65s; 150 -webkit-animation: click-wave 0.65s;
145 -moz-animation: click-wave 0.65s; 151 -moz-animation: click-wave 0.65s;
146 animation: click-wave 0.65s; 152 animation: click-wave 0.65s;
147 background: #40e0d0; 153 background: #40e0d0;
148 content: ''; 154 content: '';
149 display: block; 155 display: block;
150 position: relative; 156 position: relative;
151 z-index: 100; 157 z-index: 100;
152 } 158 }
153 .option-input-a.radio-a { 159 .option-input-a.radio-a {
154 border-radius: 50%; 160 border-radius: 50%;
155 } 161 }
156 .option-input-a.radio-a::after { 162 .option-input-a.radio-a::after {
157 border-radius: 50%; 163 border-radius: 50%;
158 } 164 }
159 165
160 /* css for radio ends */ 166 /* css for radio ends */
161 167
162 .card-small{ 168 .card-small{
163 cursor: pointer; 169 cursor: pointer;
164 } 170 }
165 .card-small img{ 171 .card-small img{
166 width: 37px; 172 width: 37px;
167 } 173 }
168 .card-small label{ 174 .card-small label{
169 width: 100%; 175 width: 100%;
170 font-weight: normal; 176 font-weight: normal;
171 font-size: 12px; 177 font-size: 12px;
172 margin-top: 5px; 178 margin-top: 5px;
173 } 179 }
174 /*.text-input{ 180 /*.text-input{
175 width: 100%; 181 width: 100%;
176 border: 0; 182 border: 0;
177 border-bottom: 2px solid #42b549; 183 border-bottom: 2px solid #42b549;
178 font-size: 18px; 184 font-size: 18px;
179 padding: 5px; 185 padding: 5px;
180 }*/ 186 }*/
181 .input-wrapper{ 187 .input-wrapper{
182 margin-bottom: 15px !important; 188 margin-bottom: 15px !important;
183 } 189 }
184 .select-input{ 190 .select-input{
185 width: 100%; 191 width: 100%;
186 border: 0; 192 border: 0;
187 border-bottom: 2px solid #42b549; 193 border-bottom: 2px solid #42b549;
188 background-color: transparent; 194 background-color: transparent;
189 font-size: 12px; 195 font-size: 12px;
190 padding: 5px; 196 padding: 5px;
191 } 197 }
192 .submit-button, .submit-button:hover{ 198 .submit-button, .submit-button:hover{
193 background-color: #42b549; 199 background-color: #42b549;
194 color: #fff; 200 color: #fff;
195 /*display: none;*/ 201 /*display: none;*/
196 } 202 }
197 .submit-button:disabled{ 203 .submit-button:disabled{
198 background-color: #ddd; 204 background-color: #ddd;
199 } 205 }
200 .textarea{ 206 .textarea{
201 min-height: 97px; 207 min-height: 97px;
202 } 208 }
203 .error-message{ 209 .error-message{
204 font-weight: inherit; 210 font-weight: inherit;
205 color: #ff0000; 211 color: #ff0000;
206 margin: 7px 4px -5px 26px; 212 margin: 7px 4px -5px 26px;
207 display: none; 213 display: none;
208 } 214 }
209 215
210 /*custom input*/ 216 /*custom input*/
211 .text-input, select { 217 .text-input, select {
212 width: 100%; 218 width: 100%;
213 padding: 12px 25px; 219 padding: 12px 25px;
214 margin: -2px 0; 220 margin: -2px 0;
215 display: inline-block; 221 display: inline-block;
216 border: 0px solid rgba(51, 51, 51, 0); 222 border: 0px solid rgba(51, 51, 51, 0);
217 border-radius: -3px; 223 border-radius: -3px;
218 box-sizing: border-box; 224 box-sizing: border-box;
219 box-shadow: 0 0 10px rgba(240, 255, 235); 225 box-shadow: 0 0 10px rgba(240, 255, 235);
220 -moz-box-shadow: 0 0 10px rgba(240, 255, 235); 226 -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
221 -webkit-box-shadow: 0 0 5px #777; 227 -webkit-box-shadow: 0 0 5px #777;
222 -o-box-shadow: 0 0 10px rgba(240, 255, 235); 228 -o-box-shadow: 0 0 10px rgba(240, 255, 235);
223 font-size: 12px; 229 font-size: 12px;
224 } 230 }
225 231
226 /* progress bar css */ 232 /* progress bar css */
227 233
228 @-webkit-keyframes 234 @-webkit-keyframes
229 load { 0% { 235 load { 0% {
230 stroke-dashoffset:0 236 stroke-dashoffset:0
231 } 237 }
232 } 238 }
233 @-moz-keyframes 239 @-moz-keyframes
234 load { 0% { 240 load { 0% {
235 stroke-dashoffset:0 241 stroke-dashoffset:0
236 } 242 }
237 } 243 }
238 @keyframes 244 @keyframes
239 load { 0% { 245 load { 0% {
240 stroke-dashoffset:0 246 stroke-dashoffset:0
241 } 247 }
242 } 248 }
243 249
244 /* Container */ 250 /* Container */
245 251
246 .progress-form { 252 .progress-form {
247 position: relative; 253 position: relative;
248 display: inline-block; 254 display: inline-block;
249 padding: 0; 255 padding: 0;
250 text-align: center; 256 text-align: center;
251 } 257 }
252 258
253 /* Item */ 259 /* Item */
254 260
255 .progress-form>li { 261 .progress-form>li {
256 display: inline-block; 262 display: inline-block;
257 position: relative; 263 position: relative;
258 text-align: center; 264 text-align: center;
259 color: #93A2AC; 265 color: #93A2AC;
260 font-family: Lato; 266 font-family: Lato;
261 font-weight: 100; 267 font-weight: 100;
262 margin: 2rem; 268 margin: 2rem;
263 } 269 }
264 270
265 .progress-form>li:before { 271 .progress-form>li:before {
266 content: attr(data-name); 272 content: attr(data-name);
267 position: absolute; 273 position: absolute;
268 width: 100%; 274 width: 100%;
269 bottom: -2rem; 275 bottom: -2rem;
270 font-weight: 400; 276 font-weight: 400;
271 } 277 }
272 278
273 .progress-form>li:after { 279 .progress-form>li:after {
274 content: attr(data-percent); 280 content: attr(data-percent);
275 position: absolute; 281 position: absolute;
276 width: 100%; 282 width: 100%;
277 top: 3.7rem; 283 top: 3.7rem;
278 left: 0; 284 left: 0;
279 font-size: 2rem; 285 font-size: 2rem;
280 text-align: center; 286 text-align: center;
281 } 287 }
282 288
283 .progress-form svg { 289 .progress-form svg {
284 width: 10rem; 290 width: 10rem;
285 height: 10rem; 291 height: 10rem;
286 } 292 }
287 293
288 .progress-form svg:nth-child(2) { 294 .progress-form svg:nth-child(2) {
289 position: absolute; 295 position: absolute;
290 left: 0; 296 left: 0;
291 top: 0; 297 top: 0;
292 transform: rotate(-90deg); 298 transform: rotate(-90deg);
293 -webkit-transform: rotate(-90deg); 299 -webkit-transform: rotate(-90deg);
294 -moz-transform: rotate(-90deg); 300 -moz-transform: rotate(-90deg);
295 -ms-transform: rotate(-90deg); 301 -ms-transform: rotate(-90deg);
296 } 302 }
297 303
298 .progress-form svg:nth-child(2) path { 304 .progress-form svg:nth-child(2) path {
299 fill: none; 305 fill: none;
300 stroke-width: 25; 306 stroke-width: 25;
301 stroke-dasharray: 629; 307 stroke-dasharray: 629;
302 stroke: rgba(255, 255, 255, 0.9); 308 stroke: rgba(255, 255, 255, 0.9);
303 -webkit-animation: load 10s; 309 -webkit-animation: load 10s;
304 -moz-animation: load 10s; 310 -moz-animation: load 10s;
305 -o-animation: load 10s; 311 -o-animation: load 10s;
306 animation: load 10s; 312 animation: load 10s;
307 } 313 }
308 /*circle of stage image*/ 314 /*circle of stage image*/
309 .circular{ 315 .circular{
310 316
311 -webkit-border-radius: 150px; 317 -webkit-border-radius: 150px;
312 -moz-border-radius: 150px; 318 -moz-border-radius: 150px;
313 border-radius: 150px; 319 border-radius: 150px;
314 box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); 320 box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
315 border: 5px solid white; 321 border: 5px solid white;
316 overflow: hidden; 322 overflow: hidden;
317 position: fixed; 323 position: fixed;
318 height: 100px; 324 height: 100px;
319 width: 100px; 325 width: 100px;
320 left: 80px; 326 left: 80px;
321 top: 20px; 327 top: 20px;
322 } 328 }
323 /*font-size*/ 329 /*font-size*/
324 .font{ 330 .font{
325 font-size: 14px; 331 font-size: 14px;
326 } 332 }
327 333
328 .f-family { 334 .f-family {
329 font-family:sans-serif; 335 font-family:sans-serif;
330 } 336 }
331 337
332 /*container-card css*/ 338 /*container-card css*/
333 .container-card { 339 .container-card {
334 width: auto; 340 width: auto;
335 float: left; 341 float: left;
336 margin: 31px 24px 26px 14px; 342 margin: 31px 24px 26px 14px;
337 } 343 }
338 344
339 /******This css for header container******/ 345 /******This css for header container******/
340 .h1 { 346 .h1 {
341 font-size: 20px; 347 font-size: 20px;
342 margin: 11px; 348 margin: 11px;
343 } 349 }
344 350
345 .paragraph { 351 .paragraph {
346 font-size: 14px; 352 font-size: 14px;
347 margin: 30px 10px 20px; 353 margin: 30px 10px 20px;
348 line-height: 1.5; 354 line-height: 1.5;
349 } 355 }
350 /*This css for stages container*/ 356 /*This css for stages container*/
351 357
352 .full-line { 358 .full-line {
353 border-bottom: 2px solid #dedede; 359 border-bottom: 2px solid #dedede;
354 padding: 15px 10px; 360 padding: 15px 10px;
355 } 361 }
356 362
357 .stages-card { 363 .stages-card {
358 width: auto; 364 width: auto;
359 float: left; 365 float: left;
360 /*margin: -30px 8px 7px 22px;*/ 366 /*margin: -30px 8px 7px 22px;*/
361 } 367 }
362 368
363 /*form -css*/ 369 /*form -css*/
364 .form-all { 370 .form-all {
365 margin: 13px 4px 26px -2px; 371 margin: 13px 4px 26px -2px;
366 /*display: none;*/ 372 /*display: none;*/
367 } 373 }
368 374
369 .step-two-form{ 375 .step-two-form{
370 display: block; 376 display: block;
371 } 377 }
372 378
373 /*This is for stages images*/ 379 /*This is for stages images*/
374 .stage-img { 380 .stage-img {
375 width: 115px; 381 width: 115px;
376 } 382 }
377 383
378 .stage-thumbnail { 384 .stage-thumbnail {
379 float: left; 385 float: left;
380 margin-bottom: 0; 386 margin-bottom: 0;
381 } 387 }
382 388
383 .stage-shadow { 389 .stage-shadow {
384 /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 390 /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
385 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 391 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
386 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */ 392 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
387 /*margin: 3px 22px 14px 14px;*/ 393 /*margin: 3px 22px 14px 14px;*/
388 background-color: #ffffff; 394 background-color: #ffffff;
389 } 395 }
390 396
391 .line-size { 397 .line-size {
392 398
393 } 399 }
394 400
395 .card-paragraph { 401 .card-paragraph {
396 background-color: rgba(66, 181, 73, 0.61); 402 background-color: rgba(66, 181, 73, 0.61);
397 color: #fff; 403 color: #fff;
398 } 404 }
399 405
400 /* identity card css*/ 406 /* identity card css*/
401 407
402 .identity-shadow { 408 .identity-shadow {
403 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 409 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
404 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 410 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
405 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 411 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
406 margin: 15px 15px 17px 14px; 412 margin: 15px 15px 17px 14px;
407 background-color: #ffffff; 413 background-color: #ffffff;
408 /*display: none;*/ 414 /*display: none;*/
409 } 415 }
410 416
411 .identity-question { 417 .identity-question {
412 border-bottom: 2px solid #dedede; 418 border-bottom: 2px solid #dedede;
413 padding: 0px 10px; 419 padding: 0px 10px;
414 } 420 }
415 421
416 .identity-align { 422 .identity-align {
417 margin: 8px -12px 19px 13px; 423 margin: 8px -12px 19px 13px;
418 } 424 }
419 425
420 426
421 /********This css for sectors**************/ 427 /********This css for sectors**************/
422 .sectors-card { 428 .sectors-card {
423 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 429 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
424 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 430 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
425 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 431 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
426 margin: 27px 22px 14px 14px; 432 margin: 27px 22px 14px 14px;
427 background-color: #ffffff; 433 background-color: #ffffff;
428 /*display: none;*/ 434 /*display: none;*/
429 } 435 }
430 436
431 .sector-card { 437 .sector-card {
432 width: auto; 438 width: auto;
433 float: left; 439 float: left;
434 margin: 29px 22px 26px 14px; 440 margin: 29px 22px 26px 14px;
435 } 441 }
436 442
437 .sector-question { 443 .sector-question {
438 border-bottom: 2px solid #dedede; 444 border-bottom: 2px solid #dedede;
439 padding: 15px 10px; 445 padding: 15px 10px;
440 } 446 }
441 447
442 /*To make the Stages in the center*/ 448 /*To make the Stages in the center*/
443 .card-align { 449 .card-align {
444 /*margin: 56px -267px 11px -37px;*/ 450 /*margin: 56px -267px 11px -37px;*/
445 } 451 }
446 452
447 /*To make the sectors in the center */ 453 /*To make the sectors in the center */
448 454
449 455
450 /*************sidebar content margin***********/ 456 /*************sidebar content margin***********/
451 .sidebar-align { 457 .sidebar-align {
452 margin: -5px -3px -18px 9px; 458 margin: -5px -3px -18px 9px;
453 } 459 }
454 460
455 .heading { 461 .heading {
456 margin: 15px 10px 15px 16px; 462 margin: 15px 10px 15px 16px;
457 } 463 }
458 .quiz { 464 .quiz {
459 margin: 5px 5px 6px 19px; 465 margin: 5px 5px 6px 19px;
460 font-size: 12px; 466 font-size: 12px;
461 } 467 }
462 468
463 #footer { 469 #footer {
464 background-image: url('/images/footer_design.png'); 470 background-image: url(/images/footer_design.png);
465 background-repeat: inherit; 471 background-repeat: inherit;
466 background-size: 1274px 223px; 472 position: bottom;
467 position: bottom; 473 width: 100%;
468 width: 100%; 474 height: auto;
469 height: auto; 475 padding: 97px 3px 66px 83px;
470 padding: 151px 3px 66px 83px;
471 } 476 }
472 477
473 .footer { 478 .footer {
474 479
475 bottom: 0px; 480 bottom: 0px;
476 background-color: #42b549; 481 background-color: #76b34f !important;
477 width: 100%; 482 width: 100%;
478 color:rgba(255, 255, 255, 0.77); 483 color:rgba(255, 255, 255, 0.77);
479 } 484 }
480 485
481 /********question box*****************/ 486 /********question box*****************/
482 .question-shadow { 487 .question-shadow {
483 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 488 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
484 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 489 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
485 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 490 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
486 margin: 15px 15px 17px 14px; 491 margin: 15px 15px 17px 14px;
487 background-color: #ffffff; 492 background-color: #ffffff;
488 } 493 }
489 494
490 495
491 496
492 .question-card { 497 .question-card {
493 width: auto; 498 width: auto;
494 float: left; 499 float: left;
495 margin: 29px 22px 26px 14px; 500 margin: 29px 22px 26px 14px;
496 } 501 }
497 502
498 /*for p*/ 503 /*for p*/
499 .line-space { 504 .line-space {
500 line-height: 1.6em; 505 line-height: 1.6em;
501 font-size: 11px; 506 font-size: 11px;
502 } 507 }
503 508
504 .line-adjust { 509 .line-adjust {
505 margin-left: 26px; 510 margin-left: 26px;
506 } 511 }
507 512
508 /*badge icon css*/ 513 /*badge icon css*/
509 514
510 .material-icons{ 515 .material-icons{
511 font-size: 17px !important; 516 font-size: 17px !important;
512 } 517 }
513 518
514 .icon-circle-a { 519 .icon-circle-a {
515 background: rgba(89, 89, 89, 0.92); 520 background: rgba(89, 89, 89, 0.92);
516 border-radius: 50%; 521 border-radius: 50%;
517 width: 30px; 522 width: 30px;
518 height: 30px; 523 height: 30px;
519 position: absolute; 524 position: absolute;
520 left: 14px; 525 left: 14px;
521 margin-top: 10px; 526 margin-top: 10px;
522 color: #fff; 527 color: #fff;
523 text-align: center; 528 text-align: center;
524 } 529 }
525 530
526 .icon-circle-b { 531 .icon-circle-b {
527 background: rgba(89, 89, 89, 0.92); 532 background: rgba(89, 89, 89, 0.92);
528 border-radius: 50%; 533 border-radius: 50%;
529 width: 30px; 534 width: 30px;
530 height: 30px; 535 height: 30px;
531 position: absolute; 536 position: absolute;
532 left: 14px; 537 left: 14px;
533 margin-top: 10px; 538 margin-top: 10px;
534 color: #fff; 539 color: #fff;
535 text-align: center; 540 text-align: center;
536 } 541 }
537 542
538 .icon-circle-c { 543 .icon-circle-c {
539 background: rgba(89, 89, 89, 0.92); 544 background: rgba(89, 89, 89, 0.92);
540 border-radius: 50%; 545 border-radius: 50%;
541 width: 30px; 546 width: 30px;
542 height: 30px; 547 height: 30px;
543 position: absolute; 548 position: absolute;
544 left: 0px; 549 left: 0px;
545 margin-top: 4px; 550 margin-top: 4px;
546 color: #fff; 551 color: #fff;
547 text-align: center; 552 text-align: center;
548 } 553 }
549 554
550 .icon-circle-d { 555 .icon-circle-d {
551 background: rgba(89, 89, 89, 0.92); 556 background: rgba(89, 89, 89, 0.92);
552 border-radius: 50%; 557 border-radius: 50%;
553 width: 30px; 558 width: 30px;
554 height: 30px; 559 height: 30px;
555 position: absolute; 560 position: absolute;
556 left: 0px; 561 left: 0px;
557 margin-top: 4px; 562 margin-top: 4px;
558 color: #fff; 563 color: #fff;
559 text-align: center; 564 text-align: center;
560 } 565 }
561 566
562 .icon-circle-e { 567 .icon-circle-e {
563 background: rgba(89, 89, 89, 0.92); 568 background: rgba(89, 89, 89, 0.92);
564 border-radius: 50%; 569 border-radius: 50%;
565 width: 30px; 570 width: 30px;
566 height: 30px; 571 height: 30px;
567 position: absolute; 572 position: absolute;
568 left: 0px; 573 left: 0px;
569 margin-top: 4px; 574 margin-top: 4px;
570 color: #fff; 575 color: #fff;
571 text-align: center; 576 text-align: center;
572 } 577 }
573 578
574 .icon-circle-f { 579 .icon-circle-f {
575 background: rgba(89, 89, 89, 0.92); 580 background: rgba(89, 89, 89, 0.92);
576 border-radius: 50%; 581 border-radius: 50%;
577 width: 30px; 582 width: 30px;
578 height: 30px; 583 height: 30px;
579 position: absolute; 584 position: absolute;
580 left: 0px; 585 left: 0px;
581 margin-top: 3px; 586 margin-top: 3px;
582 color: #fff; 587 color: #fff;
583 text-align: center; 588 text-align: center;
584 } 589 }
585 590
586 .icon-circle-g { 591 .icon-circle-g {
587 background: rgba(89, 89, 89, 0.92); 592 background: rgba(89, 89, 89, 0.92);
588 border-radius: 50%; 593 border-radius: 50%;
589 width: 30px; 594 width: 30px;
590 height: 30px; 595 height: 30px;
591 position: absolute; 596 position: absolute;
592 left: 14px; 597 left: 14px;
593 margin-top: 10px; 598 margin-top: 10px;
594 color: #fff; 599 color: #fff;
595 text-align: center; 600 text-align: center;
596 } 601 }
597 602
598 .icon-circle-h { 603 .icon-circle-h {
599 background: rgba(89, 89, 89, 0.92); 604 background: rgba(89, 89, 89, 0.92);
600 border-radius: 50%; 605 border-radius: 50%;
601 width: 30px; 606 width: 30px;
602 height: 30px; 607 height: 30px;
603 position: absolute; 608 position: absolute;
604 left: 0px; 609 left: 0px;
605 margin-top: 4px; 610 margin-top: 4px;
606 color: #fff; 611 color: #fff;
607 text-align: center; 612 text-align: center;
608 } 613 }
609 614
610 .icon-circle-i { 615 .icon-circle-i {
611 background: rgba(89, 89, 89, 0.92); 616 background: rgba(89, 89, 89, 0.92);
612 border-radius: 50%; 617 border-radius: 50%;
613 width: 30px; 618 width: 30px;
614 height: 30px; 619 height: 30px;
615 position: absolute; 620 position: absolute;
616 left: 0px; 621 left: 0px;
617 margin-top: 30px; 622 margin-top: 30px;
618 color: #fff; 623 color: #fff;
619 text-align: center; 624 text-align: center;
620 z-index: 100; 625 z-index: 100;
621 } 626 }
622 627
623 .icon-circle-j { 628 .icon-circle-j {
624 background: rgba(89, 89, 89, 0.92); 629 background: rgba(89, 89, 89, 0.92);
625 border-radius: 50%; 630 border-radius: 50%;
626 width: 30px; 631 width: 30px;
627 height: 30px; 632 height: 30px;
628 position: absolute; 633 position: absolute;
629 left: 0px; 634 left: 0px;
630 margin-top: 30px; 635 margin-top: 30px;
631 color: #fff; 636 color: #fff;
632 text-align: center; 637 text-align: center;
633 z-index: 100; 638 z-index: 100;
634 } 639 }
635 640
636 .icon-circle-k { 641 .icon-circle-k {
637 background: rgba(89, 89, 89, 0.92); 642 background: rgba(89, 89, 89, 0.92);
638 border-radius: 50%; 643 border-radius: 50%;
639 width: 30px; 644 width: 30px;
640 height: 30px; 645 height: 30px;
641 position: absolute; 646 position: absolute;
642 left: 0px; 647 left: 0px;
643 margin-top: 30px; 648 margin-top: 30px;
644 color: #fff; 649 color: #fff;
645 text-align: center; 650 text-align: center;
646 z-index: 100; 651 z-index: 100;
647 } 652 }
648 653
649 .icon-circle-l { 654 .icon-circle-l {
650 background: rgba(89, 89, 89, 0.92); 655 background: rgba(89, 89, 89, 0.92);
651 border-radius: 50%; 656 border-radius: 50%;
652 width: 30px; 657 width: 30px;
653 height: 30px; 658 height: 30px;
654 position: absolute; 659 position: absolute;
655 left: 0px; 660 left: 0px;
656 margin-top: 30px; 661 margin-top: 30px;
657 color: #fff; 662 color: #fff;
658 text-align: center; 663 text-align: center;
659 z-index: 100; 664 z-index: 100;
660 } 665 }
661 666
662 .icon-circle-m { 667 .icon-circle-m {
663 background: rgba(89, 89, 89, 0.92); 668 background: rgba(89, 89, 89, 0.92);
664 border-radius: 50%; 669 border-radius: 50%;
665 width: 30px; 670 width: 30px;
666 height: 30px; 671 height: 30px;
667 position: absolute; 672 position: absolute;
668 left: 0px; 673 left: 0px;
669 margin-top: 30px; 674 margin-top: 30px;
670 color: #fff; 675 color: #fff;
671 text-align: center; 676 text-align: center;
672 z-index: 100; 677 z-index: 100;
673 } 678 }
674 679
675 .icon-circle-n { 680 .icon-circle-n {
676 background: rgba(89, 89, 89, 0.92); 681 background: rgba(89, 89, 89, 0.92);
677 border-radius: 50%; 682 border-radius: 50%;
678 width: 30px; 683 width: 30px;
679 height: 30px; 684 height: 30px;
680 position: absolute; 685 position: absolute;
681 left: 0px; 686 left: 0px;
682 margin-top: 30px; 687 margin-top: 30px;
683 color: #fff; 688 color: #fff;
684 text-align: center; 689 text-align: center;
685 z-index: 100; 690 z-index: 100;
686 } 691 }
687 692
688 .icon-circle-x { 693 .icon-circle-x {
689 background: rgba(89, 89, 89, 0.92); 694 background: rgba(89, 89, 89, 0.92);
690 border-radius: 50%; 695 border-radius: 50%;
691 width: 30px; 696 width: 30px;
692 height: 30px; 697 height: 30px;
693 position: absolute; 698 position: absolute;
694 left: 13px; 699 left: 13px;
695 margin-top: 21px; 700 margin-top: 21px;
696 color: #fff; 701 color: #fff;
697 text-align: center; 702 text-align: center;
698 } 703 }
699 704
700 .icon-circle-p { 705 .icon-circle-p {
701 background: rgba(89, 89, 89, 0.92); 706 background: rgba(89, 89, 89, 0.92);
702 border-radius: 50%; 707 border-radius: 50%;
703 width: 30px; 708 width: 30px;
704 height: 30px; 709 height: 30px;
705 position: absolute; 710 position: absolute;
706 left: 0px; 711 left: 0px;
707 margin-top: 3px; 712 margin-top: 3px;
708 color: #fff; 713 color: #fff;
709 text-align: center; 714 text-align: center;
710 } 715 }
711 716
712 .icon-circle-z { 717 .icon-circle-z {
713 background: rgba(89, 89, 89, 0.92); 718 background: rgba(89, 89, 89, 0.92);
714 border-radius: 50%; 719 border-radius: 50%;
715 width: 30px; 720 width: 30px;
716 height: 30px; 721 height: 30px;
717 position: absolute; 722 position: absolute;
718 left: 0px; 723 left: 0px;
719 margin-top: 4px; 724 margin-top: 4px;
720 color: #fff; 725 color: #fff;
721 text-align: center; 726 text-align: center;
722 } 727 }
723 728
724 .icon-circle-q { 729 .icon-circle-q {
725 background: rgba(89, 89, 89, 0.92); 730 background: rgba(89, 89, 89, 0.92);
726 border-radius: 50%; 731 border-radius: 50%;
727 width: 30px; 732 width: 30px;
728 height: 30px; 733 height: 30px;
729 position: absolute; 734 position: absolute;
730 left: 0px; 735 left: 0px;
731 margin-top: 4px; 736 margin-top: 4px;
732 color: #fff; 737 color: #fff;
733 text-align: center; 738 text-align: center;
734 } 739 }
735 740
736 .icon-circle-ab { 741 .icon-circle-ab {
737 background: rgba(89, 89, 89, 0.92); 742 background: rgba(89, 89, 89, 0.92);
738 border-radius: 50%; 743 border-radius: 50%;
739 width: 30px; 744 width: 30px;
740 height: 30px; 745 height: 30px;
741 position: absolute; 746 position: absolute;
742 left: 14px; 747 left: 14px;
743 margin-top: 18px; 748 margin-top: 18px;
744 color: #fff; 749 color: #fff;
745 text-align: center; 750 text-align: center;
746 } 751 }
747 752
748 .referel-icon { 753 .referel-icon {
749 background: rgba(89, 89, 89, 0.92); 754 background: rgba(89, 89, 89, 0.92);
750 border-radius: 50%; 755 border-radius: 50%;
751 width: 30px; 756 width: 30px;
752 height: 30px; 757 height: 30px;
753 position: absolute; 758 position: absolute;
754 left: 0px; 759 left: 0px;
755 margin-top: 3px; 760 margin-top: 3px;
756 color: #fff; 761 color: #fff;
757 text-align: center; 762 text-align: center;
758 } 763 }
759 764
760 765
761 /*quiz*/ 766 /*quiz*/
762 .q-card-align div{ 767 .q-card-align div{
763 margin-bottom: 15px; 768 margin-bottom: 15px;
764 } 769 }
765 770
766 .drop-down { 771 .drop-down {
767 background-color: #fff; 772 background-color: #fff;
768 border-radius: 0; 773 border-radius: 0;
769 font-size: 12px; 774 font-size: 12px;
770 } 775 }
771 776
772 .footer-link, .footer-link:hover { 777 .footer-link, .footer-link:hover {
773 color:#fff; 778 color:#fff;
774 } 779 }
775 /*idea content margin*/ 780 /*idea content margin*/
776 .content-idea{ 781 .content-idea{
777 margin:196px 12px 8px; 782 margin:196px 12px 8px;
778 } 783 }
779 784
780 .content-product{ 785 .content-product{
781 margin:193px -19px 9px; 786 margin:193px -19px 9px;
782 } 787 }
783 788
784 .content-growth{ 789 .content-growth{
785 margin:192px 11px 8px; 790 margin:192px 11px 8px;
786 } 791 }
787 .last-content-card{ 792 .last-content-card{
788 /*margin: 0px -85px -4px -51px;*/ 793 /*margin: 0px -85px -4px -51px;*/
789 } 794 }
790 795
791 @media (max-width: 600px) { 796 @media (max-width: 600px) {
792 .content-idea{ 797 .content-idea{
793 margin: auto; 798 margin: auto;
794 } 799 }
795 800
796 .content-product{ 801 .content-product{
797 margin: auto; 802 margin: auto;
798 } 803 }
799 804
800 .content-growth{ 805 .content-growth{
801 margin: auto; 806 margin: auto;
802 } 807 }
803 .stages-card{ 808 .stages-card{
804 margin: auto; 809 margin: auto;
805 margin-bottom: 15px; 810 margin-bottom: 15px;
806 } 811 }
807 .last-content-card{ 812 .last-content-card{
808 margin: auto; 813 margin: auto;
809 } 814 }
810 .card-align{ 815 .card-align{
811 margin: auto; 816 margin: auto;
812 } 817 }
813 } 818 }
814 819
815 .toggler { 820 .toggler {
816 width: 500px; 821 width: 500px;
817 height: 200px; 822 height: 200px;
818 } 823 }
819 #button { 824 #button {
820 padding: .5em 1em; 825 padding: .5em 1em;
821 text-decoration: none; 826 text-decoration: none;
822 } 827 }
823 #effect { 828 #effect {
824 position: relative; 829 position: relative;
825 width: 240px; 830 width: 240px;
826 height: 170px; 831 height: 170px;
827 padding: 0.4em; 832 padding: 0.4em;
828 } 833 }
829 #effect h3 { 834 #effect h3 {
830 margin: 0; 835 margin: 0;
831 padding: 0.4em; 836 padding: 0.4em;
832 text-align: center; 837 text-align: center;
833 } 838 }
834 839
835 #snackbar { 840 #snackbar {
836 visibility: hidden; 841 visibility: hidden;
837 min-width: 250px; 842 min-width: 250px;
838 margin-left: -125px; 843 margin-left: -125px;
839 background-color: #333; 844 background-color: #333;
840 color: #fff; 845 color: #fff;
841 text-align: center; 846 text-align: center;
842 border-radius: 2px; 847 border-radius: 2px;
843 padding: 16px; 848 padding: 16px;
844 position: fixed; 849 position: fixed;
845 z-index: 1; 850 z-index: 1;
846 left: 50%; 851 left: 50%;
847 bottom: 30px; 852 bottom: 30px;
848 font-size: 17px; 853 font-size: 17px;
849 } 854 }
850 855
851 #snackbar.show { 856 #snackbar.show {
852 visibility: visible; 857 visibility: visible;
853 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s; 858 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
854 animation: fadin 0.5s, fadout 0.5s 2.5s; 859 animation: fadin 0.5s, fadout 0.5s 2.5s;
855 } 860 }
856 861
857 @-webkit-keyframes fadin { 862 @-webkit-keyframes fadin {
858 from {bottom: 0; opacity: 0;} 863 from {bottom: 0; opacity: 0;}
859 to {bottom: 30px; opacity: 1;} 864 to {bottom: 30px; opacity: 1;}
860 } 865 }
861 866
862 @keyframes fadin { 867 @keyframes fadin {
863 from {bottom: 0; opacity: 0;} 868 from {bottom: 0; opacity: 0;}
864 to {bottom: 30px; opacity: 1;} 869 to {bottom: 30px; opacity: 1;}
865 } 870 }
866 871
867 @-webkit-keyframes fadout { 872 @-webkit-keyframes fadout {
868 from {bottom: 30px; opacity: 1;} 873 from {bottom: 30px; opacity: 1;}
869 to {bottom: 0; opacity: 0;} 874 to {bottom: 0; opacity: 0;}
870 } 875 }
871 876
872 @keyframes fadout { 877 @keyframes fadout {
873 from {bottom: 30px; opacity: 1;} 878 from {bottom: 30px; opacity: 1;}
874 to {bottom: 0; opacity: 0;} 879 to {bottom: 0; opacity: 0;}
875 } 880 }
876 881
877 882
878 #snacsskbar { 883 #snacsskbar {
879 visibility: hidden; 884 visibility: hidden;
880 min-width: 250px; 885 min-width: 250px;
881 margin-left: -125px; 886 margin-left: -125px;
882 background-color: #333; 887 background-color: #333;
883 color: #fff; 888 color: #fff;
884 text-align: center; 889 text-align: center;
885 border-radius: 2px; 890 border-radius: 2px;
886 padding: 16px; 891 padding: 16px;
887 position: fixed; 892 position: fixed;
888 z-index: 1; 893 z-index: 1;
889 left: 50%; 894 left: 50%;
890 top: 30px; 895 top: 30px;
891 font-size: 17px; 896 font-size: 17px;
892 } 897 }
893 898
894 #snacsskbar.show { 899 #snacsskbar.show {
895 visibility: visible; 900 visibility: visible;
896 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; 901 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
897 animation: fadein 0.5s, fadeout 0.5s 2.5s; 902 animation: fadein 0.5s, fadeout 0.5s 2.5s;
898 } 903 }
899 904
900 @-webkit-keyframes fadein { 905 @-webkit-keyframes fadein {
901 from {top: 0; opacity: 0;} 906 from {top: 0; opacity: 0;}
902 to {top: 30px; opacity: 1;} 907 to {top: 30px; opacity: 1;}
903 } 908 }
904 909
905 @keyframes fadein { 910 @keyframes fadein {
906 from {top: 0; opacity: 0;} 911 from {top: 0; opacity: 0;}
907 to {top: 30px; opacity: 1;} 912 to {top: 30px; opacity: 1;}
908 } 913 }
909 914
910 @-webkit-keyframes fadeout { 915 @-webkit-keyframes fadeout {
911 from {top: 30px; opacity: 1;} 916 from {top: 30px; opacity: 1;}
912 to {top: 0; opacity: 0;} 917 to {top: 0; opacity: 0;}
913 } 918 }
914 919
915 @keyframes fadeout { 920 @keyframes fadeout {
916 from {top: 30px; opacity: 1;} 921 from {top: 30px; opacity: 1;}
917 to {top: 0; opacity: 0;} 922 to {top: 0; opacity: 0;}
918 } 923 }
919 924
920 input.hidden { 925 input.hidden {
921 position: absolute; 926 position: absolute;
922 left: -9999px; 927 left: -9999px;
923 } 928 }
924 929
925 #profile-image1 { 930 #profile-image1 {
926 cursor: pointer; 931 cursor: pointer;
927 width: 100px; 932 width: 100px;
928 height: 100px; 933 height: 100px;
929 border:2px solid #eee ; 934 border:2px solid #eee ;
930 } 935 }
931 936
932 .tital{ font-size:16px; font-weight:500;} 937 .tital{ font-size:16px; font-weight:500;}
933 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0} 938 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0}
934 .footerpadd{padding: 5px;} 939 .footerpadd{padding: 5px;}
935 940
936 941
937 .container1{ 942 .container1{
938 width: 100% 943 width: 100%
939 } 944 }
940 945
941 .no-margin{ 946 .no-margin{
942 margin: 0 0 0 !important; 947 margin: 0 0 0 !important;
943 } 948 }
944 .no-padding{ 949 .no-padding{
945 padding: 0 0 0 0 !important; 950 padding: 0 0 0 0 !important;
946 } 951 }
947 .select-stage{ 952 .select-stage{
948 margin: 10px 0; 953 margin: 10px 0;
949 } 954 }
950 .cards-content{ 955 .cards-content{
951 margin-top: 40px; 956 margin-top: 40px;
952 } 957 }
953 .cards-content p{ 958 .cards-content p{
954 font-size: 13px; 959 font-size: 13px;
955 } 960 }
956 .q-card-align{ 961 .q-card-align{
957 margin-top: 15px; 962 margin-top: 15px;
958 } 963 }
959 .width-auto{ 964 .width-auto{
960 width: auto !important; 965 width: auto !important;
961 } 966 }
962 .margin-right-label{ 967 .margin-right-label{
963 margin-right: 20px; 968 margin-right: 20px;
964 } 969 }
965 .margin-right-label label{ 970 .margin-right-label label{
966 margin-left: 5px; 971 margin-left: 5px;
967 } 972 }
968 .apply-coupen-btn{ 973 .apply-coupen-btn{
969 position: absolute; 974 position: absolute;
970 top: -2px; 975 top: -2px;
971 right: 13px; 976 right: 13px;
972 border: none; 977 border: none;
973 height: 44px; 978 height: 44px;
974 color: #fff; 979 color: #fff;
975 background-color: #666; 980 background-color: #666;
976 width: 100px; 981 width: 100px;
977 } 982 }
978 .coupen-approved{ 983 .coupen-approved{
979 position: absolute; 984 position: absolute;
980 right: 120px; 985 right: 120px;
981 top: 6px; 986 top: 6px;
982 color: rgb(66, 181, 73); 987 color: rgb(66, 181, 73);
983 font-size: 30px !important; 988 font-size: 30px !important;
984 } 989 }
985 990 .right-side-links{
991 margin-top: 12px;
992 }
993 .right-side-links a{
994 width: auto;
995 display: inline;
996 }
997 .right-side-links a:first-child{
998 border-right: 1px solid #fff;
999 padding-right: 4px;
1000 }
986 1001
987 @media (max-width: 768px){ 1002 @media (max-width: 768px){
988 .cards-content{ 1003 .cards-content{
989 margin-top: 15px; 1004 margin-top: 15px;
990 margin-bottom: 30px; 1005 margin-bottom: 30px;
991 } 1006 }
992 .no-padding-mobile{ 1007 .no-padding-mobile{
993 padding-left: 0 !important; 1008 padding-left: 0 !important;
994 padding-right: 0 !important; 1009 padding-right: 0 !important;
995 } 1010 }
996 .sector-align .card-small{ 1011 .sector-align .card-small{
997 height: 74px; 1012 height: 74px;
998 } 1013 }
999 .stages-card{ 1014 .stages-card{
1000 width: 92%; 1015 width: 92%;
1001 } 1016 }
1002 .right-stage-card{ 1017 .right-stage-card{
1003 float: right; 1018 float: right;
1004 } 1019 }
1005 .margin-auto-mobile{ 1020 .margin-auto-mobile{
1006 margin-left: 4%; 1021 margin-left: 4%;
1007 } 1022 }
1008 .card .thumbnail{ 1023 .card .thumbnail{
1009 padding: 15px 0 1px 0; 1024 padding: 15px 0 1px 0;
1010 } 1025 }
1011 .thumbnail > img, .thumbnail a > img{ 1026 .thumbnail > img, .thumbnail a > img{
1012 width: 50%; 1027 width: 50%;
1013 } 1028 }
1029 .right-side-links a{
1030 display: block;
1031 width: 100%;
1032 }
1033 .right-side-links a:first-child{
1034 border-right: 0 solid #fff;
1035 padding-right: 0;
1036 }
1037 .right-side-links{
1038 margin-top: 0;
1039 }
1040
1041 .modal-footers {
1042 padding: 19px 20px 20px;
1043 margin-top: 15px;
1044 text-align: center !important;
1045 margin-bottom: 4px;
1046 }
1014 } 1047 }
1048
1049
1 <div class="header"> 1 <div class="header">
2 <img src="images/white.png" class="logo"> 2 <div style="float: left;">
3 <img src="images/white.png" class="logo" >
4 </div>
5 <div style="float: right;" class="right-side-links">
6 <a class="hyperColor" ng-click="openyoutube16()">Glipmses of 2016</a>
7 <a class="hyperColor" ng-click="openyoutube17()">Concept for 2017</a>
8 </div>
9 <div class="clearfix"></div>
10
3 </div> 11 </div>
4 <!-- CLOSE HEADER --> 12 <!-- CLOSE HEADER -->
5 <form name="applicantForm" id="signupForm"> 13 <form name="applicantForm" id="signupForm">
14
6 <div class="col-xs-12 col-md-10 col-md-offset-1"> 15 <div class="col-xs-12 col-md-10 col-md-offset-1">
7 <p class="select-stage" style="font-size:20px;">Please select one stage.</p> 16 <p class="select-stage" style="font-size:20px;">Please select one stage.</p>
8 <div class="stage-shadow"> 17 <div class="stage-shadow">
9 <div class="stages card-align"> 18 <div class="stages card-align">
10 <div class="col-xs-4 no-padding"> 19 <div class="col-xs-4 no-padding">
11 <div class="card stages-card"> 20 <div class="card stages-card">
12 <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('Idea')"> 21 <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('Idea')">
13 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation"> 22 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation">
14 <img class="stage-img stage-idea" src="images/idea-stage.png" alt="Lights"> 23 <img class="stage-img stage-idea" src="images/idea-stage.png" alt="Lights">
15 <div class="card-content f-family"> 24 <div class="card-content f-family">
16 <p align="center">Idea</p> 25 <p align="center">Idea</p>
17 </div> 26 </div>
18 </label> 27 </label>
19 </div> 28 </div>
20 <div class="clearfix"></div> 29 <div class="clearfix"></div>
21 <div class="cards-content hidden-xs"> 30 <div class="cards-content hidden-xs">
22 <p> 31 <p>
23 &#x26AC; Have an idea and need execution help?<br> 32 &#x26AC; Have an idea and need execution help?<br>
24 &#x26AC; Get feedback from mentors<br> 33 &#x26AC; Get feedback from mentors<br>
25 &#x26AC; Validate your idea. 34 &#x26AC; Validate your idea.
26 </p> 35 </p>
27 </div> 36 </div>
28 </div> 37 </div>
29 <div class="col-xs-4 no-padding-mobile"> 38 <div class="col-xs-4 no-padding-mobile">
30 <div class="card stages-card margin-auto-mobile"> 39 <div class="card stages-card margin-auto-mobile">
31 <input type="radio" ng-model="data.stage" class="stageRadio" value="Product" name="Idea" id="Proof" ng-required="Product" ng-click="stage('Product')"> 40 <input type="radio" ng-model="data.stage" class="stageRadio" value="Product" name="Idea" id="Proof" ng-required="Product" ng-click="stage('Product')">
32 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof"> 41 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof">
33 <img class="stage-img stage-product" src="images/production-stage.png" alt="Lights"> 42 <img class="stage-img stage-product" src="images/production-stage.png" alt="Lights">
34 <div class="card-content f-family"> 43 <div class="card-content f-family">
35 <p align="center">Product</p> 44 <p align="center">Product</p>
36 </div> 45 </div>
37 </label> 46 </label>
38 </div> 47 </div>
39 <div class="clearfix"></div> 48 <div class="clearfix"></div>
40 <div class="cards-content hidden-xs"> 49 <div class="cards-content hidden-xs">
41 <p> 50 <p>
42 &#x26AC; Have a prototype and want to take it to next level?<br> 51 &#x26AC; Have a prototype and want to take it to next level?<br>
43 &#x26AC; Advice on fundraising<br> 52 &#x26AC; Advice on fundraising<br>
44 &#x26AC; Advice on go-to-market strategy 53 &#x26AC; Advice on go-to-market strategy
45 </p> 54 </p>
46 </div> 55 </div>
47 </div> 56 </div>
48 <div class="col-xs-4 no-padding"> 57 <div class="col-xs-4 no-padding">
49 <div class="card stages-card right-stage-card"> 58 <div class="card stages-card right-stage-card">
50 <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Idea" id="Beta" ng-required="Growth" ng-click="stage('Growth')"> 59 <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Idea" id="Beta" ng-required="Growth" ng-click="stage('Growth')">
51 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta"> 60 <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta">
52 <img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights"> 61 <img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights">
53 <div class="card-content f-family"> 62 <div class="card-content f-family">
54 <p align="center">Growth</p> 63 <p align="center">Growth</p>
55 </div> 64 </div>
56 </label> 65 </label>
57 </div> 66 </div>
58 <div class="clearfix"></div> 67 <div class="clearfix"></div>
59 <div class="cards-content hidden-xs"> 68 <div class="cards-content hidden-xs">
60 <p> 69 <p>
61 &#x26AC; Have traction and looking to scale up?<br> 70 &#x26AC; Have traction and looking to scale up?<br>
62 &#x26AC; Connect with Series A investors<br> 71 &#x26AC; Connect with Series A investors<br>
63 &#x26AC; Connect and hire top startups 72 &#x26AC; Connect and hire top startups
64 </p> 73 </p>
65 </div> 74 </div>
66 </div> 75 </div>
67 <div class="clearfix"></div> 76 <div class="clearfix"></div>
68 </div> 77 </div>
69 <div class="clearfix"></div> 78 <div class="clearfix"></div>
70 </div> 79 </div>
71 <div class="hidden-sm hidden-md hidden-lg"> 80 <div class="hidden-sm hidden-md hidden-lg">
72 <div class="cards-content" ng-if="data.stage == 'Idea'"> 81 <div class="cards-content" ng-if="data.stage == 'Idea'">
73 <p> 82 <p>
74 &#x26AC; Have an idea and need execution help?<br> 83 &#x26AC; Have an idea and need execution help?<br>
75 &#x26AC; Get feedback from mentors<br> 84 &#x26AC; Get feedback from mentors<br>
76 &#x26AC; Validate your idea. 85 &#x26AC; Validate your idea.
77 </p> 86 </p>
78 </div> 87 </div>
79 <div class="cards-content" ng-if="data.stage == 'Product'"> 88 <div class="cards-content" ng-if="data.stage == 'Product'">
80 <p> 89 <p>
81 &#x26AC; Have a prototype and want to take it to next level?<br> 90 &#x26AC; Have a prototype and want to take it to next level?<br>
82 &#x26AC; Advice on fundraising<br> 91 &#x26AC; Advice on fundraising<br>
83 &#x26AC; Advice on go-to-market strategy 92 &#x26AC; Advice on go-to-market strategy
84 </p> 93 </p>
85 </div> 94 </div>
86 <div class="cards-content" ng-if="data.stage == 'Growth'"> 95 <div class="cards-content" ng-if="data.stage == 'Growth'">
87 <p> 96 <p>
88 &#x26AC; Have traction and looking to scale up?<br> 97 &#x26AC; Have traction and looking to scale up?<br>
89 &#x26AC; Connect with Series A investors<br> 98 &#x26AC; Connect with Series A investors<br>
90 &#x26AC; Connect and hire top startups 99 &#x26AC; Connect and hire top startups
91 </p> 100 </p>
92 </div> 101 </div>
93 </div> 102 </div>
94 <!-- CLOSE STAGE SHADOW --> 103 <!-- CLOSE STAGE SHADOW -->
95 <div class="form-all"> 104 <div class="form-all">
96 <table style="width: 100%;"> 105 <table style="width: 100%;">
97 <tr> 106 <tr>
98 <td> 107 <td>
99 <div class="step-one-form"> 108 <div class="step-one-form">
100 <!-- form step 1 --> 109 <!-- form step 1 -->
101 <div class="col-xs-12 col-md-6 input-wrapper"> 110 <div class="col-xs-12 col-md-6 input-wrapper">
102 <div id="snackbar">Error ! Please fill in all fields.</div> 111 <div id="snackbar">Error ! Please fill in all fields.</div>
103 <div class="icon-circle-c"> 112 <div class="icon-circle-c">
104 <i class="material-icons" style="line-height: 31px;">assignment_ind</i> 113 <i class="material-icons" style="line-height: 31px;">assignment_ind</i>
105 </div> 114 </div>
106 <input type="text" class="text-input" required ng-model="data.name" placeholder="Name" id="myBtn" name="name" ng-change="entername(data.name); namekeyPress(data.name)"> 115 <input type="text" class="text-input" required ng-model="data.name" placeholder="Name" id="myBtn" name="name" ng-change="entername(data.name); namekeyPress(data.name)">
107 </div> 116 </div>
108 <div class="col-xs-12 col-md-6 input-wrapper"> 117 <div class="col-xs-12 col-md-6 input-wrapper">
109 <div id="snackbar">Error ! Please fill in all fields.</div> 118 <div id="snackbar">Error ! Please fill in all fields.</div>
110 <div class="icon-circle-d"> 119 <div class="icon-circle-d">
111 <i class="material-icons" style="line-height: 30px;">email</i> 120 <i class="material-icons" style="line-height: 30px;">email</i>
112 </div> 121 </div>
113 <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)"> 122 <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)">
114 <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label> 123 <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
115 <label ng-if="check">Email already exist.</label> 124 <label ng-if="check">Email already exist.</label>
116 </div> 125 </div>
117 <div class="col-xs-12 col-md-6 input-wrapper"> 126 <div class="col-xs-12 col-md-6 input-wrapper">
118 <div class="icon-circle-e"> 127 <div class="icon-circle-e">
119 <i class="material-icons" style="line-height: 30px;">phone</i> 128 <i class="material-icons" style="line-height: 30px;">phone</i>
120 </div> 129 </div>
121 <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)"> 130 <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)">
122 <label ng-if="numberCheck">Contact Number already exist.</label> 131 <label ng-if="numberCheck">Contact Number already exist.</label>
123 </div> 132 </div>
124 <div class="col-xs-12 col-md-6 input-wrapper f-family"> 133 <div class="col-xs-12 col-md-6 input-wrapper f-family">
125 <div class="icon-circle-f"> 134 <div class="icon-circle-f">
126 <i class="material-icons" style="line-height: 30px;">location_city</i> 135 <i class="material-icons" style="line-height: 30px;">location_city</i>
127 </div> 136 </div>
128 <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;"> 137 <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;">
129 <option name="city" selected disabled value="">Choose City</option> 138 <option name="city" selected disabled value="">Choose City</option>
130 <option value="Agra">Agra</option> 139 <option value="Agra">Agra</option>
131 <option value="Ahmedabad">Ahmedabad</option> 140 <option value="Ahmedabad">Ahmedabad</option>
132 <option value="Ajmer">Ajmer</option> 141 <option value="Ajmer">Ajmer</option>
133 <option value="Aligarh">Aligarh</option> 142 <option value="Aligarh">Aligarh</option>
134 <option value="Allahabad">Allahabad</option> 143 <option value="Allahabad">Allahabad</option>
135 <option value="Ambattur">Ambattur</option> 144 <option value="Ambattur">Ambattur</option>
136 <option value="Amravati">Amravati</option> 145 <option value="Amravati">Amravati</option>
137 <option value="Amritsar">Amritsar</option> 146 <option value="Amritsar">Amritsar</option>
138 <option value="Asansol">Asansol</option> 147 <option value="Asansol">Asansol</option>
139 <option value="Aurangabad">Aurangabad</option> 148 <option value="Aurangabad">Aurangabad</option>
140 <option value="Bareilly">Bareilly</option> 149 <option value="Bareilly">Bareilly</option>
141 <option value="Belgaum">Belgaum</option> 150 <option value="Belgaum">Belgaum</option>
142 <option value="Bengaluru">Bengaluru</option> 151 <option value="Bengaluru">Bengaluru</option>
143 <option value="Bhavnagar">Bhavnagar</option> 152 <option value="Bhavnagar">Bhavnagar</option>
144 <option value="Bhayander">Bhayander</option> 153 <option value="Bhayander">Bhayander</option>
145 <option value="Bhilai Nagar">Bhilai Nagar</option> 154 <option value="Bhilai Nagar">Bhilai Nagar</option>
146 <option value="Bhiwandi">Bhiwandi</option> 155 <option value="Bhiwandi">Bhiwandi</option>
147 <option value="Bhopal">Bhopal</option> 156 <option value="Bhopal">Bhopal</option>
148 <option value="Bhubaneswar">Bhubaneswar</option> 157 <option value="Bhubaneswar">Bhubaneswar</option>
149 <option value="Bikaner">Bikaner</option> 158 <option value="Bikaner">Bikaner</option>
150 <option value="Chandigarh">Chandigarh</option> 159 <option value="Chandigarh">Chandigarh</option>
151 <option value="Chennai">Chennai</option> 160 <option value="Chennai">Chennai</option>
152 <option value="Chinchwad">Chinchwad</option> 161 <option value="Chinchwad">Chinchwad</option>
153 <option value="Coimbatore">Coimbatore</option> 162 <option value="Coimbatore">Coimbatore</option>
154 <option value="Cuttack">Cuttack</option> 163 <option value="Cuttack">Cuttack</option>
155 <option value="Dehradun">Dehradun</option> 164 <option value="Dehradun">Dehradun</option>
156 <option value="Delhi-NCR">Delhi-NCR</option> 165 <option value="Delhi-NCR">Delhi-NCR</option>
157 <option value="Dhanbad">Dhanbad</option> 166 <option value="Dhanbad">Dhanbad</option>
158 <option value="Dharwad">Dharwad</option> 167 <option value="Dharwad">Dharwad</option>
159 <option value="Dombivali">Dombivali</option> 168 <option value="Dombivali">Dombivali</option>
160 <option value="Durgapur">Durgapur</option> 169 <option value="Durgapur">Durgapur</option>
161 <option value="Faridabad">Faridabad</option> 170 <option value="Faridabad">Faridabad</option>
162 <option value="Firozabad">Firozabad</option> 171 <option value="Firozabad">Firozabad</option>
163 <option value="Gaya">Gaya</option> 172 <option value="Gaya">Gaya</option>
164 <option value="Ghaziabad">Ghaziabad</option> 173 <option value="Ghaziabad">Ghaziabad</option>
165 <option value="Gorakhpur">Gorakhpur</option> 174 <option value="Gorakhpur">Gorakhpur</option>
166 <option value="Gulbarga">Gulbarga</option> 175 <option value="Gulbarga">Gulbarga</option>
167 <option value="Guntur">Guntur</option> 176 <option value="Guntur">Guntur</option>
168 <option value="Gurgaon">Gurgaon</option> 177 <option value="Gurgaon">Gurgaon</option>
169 <option value="Guwahati">Guwahati</option> 178 <option value="Guwahati">Guwahati</option>
170 <option value="Gwalior">Gwalior</option> 179 <option value="Gwalior">Gwalior</option>
171 <option value="Haora">Haora</option> 180 <option value="Haora">Haora</option>
172 <option value="Hubli">Hubli</option> 181 <option value="Hubli">Hubli</option>
173 <option value="Hyderabad">Hyderabad</option> 182 <option value="Hyderabad">Hyderabad</option>
174 <option value="Indore">Indore</option> 183 <option value="Indore">Indore</option>
175 <option value="Jabalpur">Jabalpur</option> 184 <option value="Jabalpur">Jabalpur</option>
176 <option value="Jaipur">Jaipur</option> 185 <option value="Jaipur">Jaipur</option>
177 <option value="Jalandhar">Jalandhar</option> 186 <option value="Jalandhar">Jalandhar</option>
178 <option value="Jalgaon">Jalgaon</option> 187 <option value="Jalgaon">Jalgaon</option>
179 <option value="Jammu">Jammu</option> 188 <option value="Jammu">Jammu</option>
180 <option value="Jamnagar">Jamnagar</option> 189 <option value="Jamnagar">Jamnagar</option>
181 <option value="Jamshedpur">Jamshedpur</option> 190 <option value="Jamshedpur">Jamshedpur</option>
182 <option value="Jhansi">Jhansi</option> 191 <option value="Jhansi">Jhansi</option>
183 <option value="Jodhpur">Jodhpur</option> 192 <option value="Jodhpur">Jodhpur</option>
184 <option value="Kalyan">Kalyan</option> 193 <option value="Kalyan">Kalyan</option>
185 <option value="Kanpur">Kanpur</option> 194 <option value="Kanpur">Kanpur</option>
186 <option value="Kochi">Kochi</option> 195 <option value="Kochi">Kochi</option>
187 <option value="Kolapur">Kolapur</option> 196 <option value="Kolapur">Kolapur</option>
188 <option value="Kolkata">Kolkata</option> 197 <option value="Kolkata">Kolkata</option>
189 <option value="Kota">Kota</option> 198 <option value="Kota">Kota</option>
190 <option value="Loni">Loni</option> 199 <option value="Loni">Loni</option>
191 <option value="Lucknow">Lucknow</option> 200 <option value="Lucknow">Lucknow</option>
192 <option value="Ludhiana">Ludhiana</option> 201 <option value="Ludhiana">Ludhiana</option>
193 <option value="Madurai">Madurai</option> 202 <option value="Madurai">Madurai</option>
194 <option value="Maheshtala">Maheshtala</option> 203 <option value="Maheshtala">Maheshtala</option>
195 <option value="Malegoan">Malegoan</option> 204 <option value="Malegoan">Malegoan</option>
196 <option value="Mangalore">Mangalore</option> 205 <option value="Mangalore">Mangalore</option>
197 <option value="Meerut">Meerut</option> 206 <option value="Meerut">Meerut</option>
198 <option value="Mira">Mira</option> 207 <option value="Mira">Mira</option>
199 <option value="Moradabad">Moradabad</option> 208 <option value="Moradabad">Moradabad</option>
200 <option value="Mumbai">Mumbai</option> 209 <option value="Mumbai">Mumbai</option>
201 <option value="Mysore">Mysore</option> 210 <option value="Mysore">Mysore</option>
202 <option value="Nagpur">Nagpur</option> 211 <option value="Nagpur">Nagpur</option>
203 <option value="Nanded Waghala">Nanded Waghala</option> 212 <option value="Nanded Waghala">Nanded Waghala</option>
204 <option value="Nashik">Nashik</option> 213 <option value="Nashik">Nashik</option>
205 <option value="Navi Mumbai">Navi Mumbai</option> 214 <option value="Navi Mumbai">Navi Mumbai</option>
206 <option value="Nellore">Nellore</option> 215 <option value="Nellore">Nellore</option>
207 <option value="Noida">Noida</option> 216 <option value="Noida">Noida</option>
208 <option value="Patna">Patna</option> 217 <option value="Patna">Patna</option>
209 <option value="Pimpri">Pimpri</option> 218 <option value="Pimpri">Pimpri</option>
210 <option value="Pune">Pune</option> 219 <option value="Pune">Pune</option>
211 <option value="Raipur">Raipur</option> 220 <option value="Raipur">Raipur</option>
212 <option value="Rajkot">Rajkot</option> 221 <option value="Rajkot">Rajkot</option>
213 <option value="Ranchi">Ranchi</option> 222 <option value="Ranchi">Ranchi</option>
214 <option value="Saharanpur">Saharanpur</option> 223 <option value="Saharanpur">Saharanpur</option>
215 <option value="Salem">Salem</option> 224 <option value="Salem">Salem</option>
216 <option value="Sangli Miraj Kupwad">Sangli Miraj Kupwad</option> 225 <option value="Sangli Miraj Kupwad">Sangli Miraj Kupwad</option>
217 <option value="Siliguri">Siliguri</option> 226 <option value="Siliguri">Siliguri</option>
218 <option value="Solapur">Solapur</option> 227 <option value="Solapur">Solapur</option>
219 <option value="Srinagar">Srinagar</option> 228 <option value="Srinagar">Srinagar</option>
220 <option value="Surat">Surat</option> 229 <option value="Surat">Surat</option>
221 <option value="Thane">Thane</option> 230 <option value="Thane">Thane</option>
222 <option value="Thiruvananthapuram">Thiruvananthapuram</option> 231 <option value="Thiruvananthapuram">Thiruvananthapuram</option>
223 <option value="Tiruchirappalli">Tiruchirappalli</option> 232 <option value="Tiruchirappalli">Tiruchirappalli</option>
224 <option value="Tirunelveli">Tirunelveli</option> 233 <option value="Tirunelveli">Tirunelveli</option>
225 <option value="Udaipur">Udaipur</option> 234 <option value="Udaipur">Udaipur</option>
226 <option value="Ujjain">Ujjain</option> 235 <option value="Ujjain">Ujjain</option>
227 <option value="Ulhasnagar">Ulhasnagar</option> 236 <option value="Ulhasnagar">Ulhasnagar</option>
228 <option value="Vadodara">Vadodara</option> 237 <option value="Vadodara">Vadodara</option>
229 <option value="Varanasi">Varanasi</option> 238 <option value="Varanasi">Varanasi</option>
230 <option value="Vasai Virar">Vasai Virar</option> 239 <option value="Vasai Virar">Vasai Virar</option>
231 <option value="Vijayawada">Vijayawada</option> 240 <option value="Vijayawada">Vijayawada</option>
232 <option value="Visakhapatnam">Visakhapatnam</option> 241 <option value="Visakhapatnam">Visakhapatnam</option>
233 <option value="Warangal">Warangal</option> 242 <option value="Warangal">Warangal</option>
234 <option value="anyOther">Any other</option> 243 <option value="anyOther">Any other</option>
235 </select> 244 </select>
236 </div> 245 </div>
237 <div class="clearfix"></div> 246 <div class="clearfix"></div>
238 <div class="col-xs-12 text-right"> 247 <div class="col-xs-12 text-right">
239 <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" ng-click="next()"> 248 <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" ng-click="next()">
240 Next 249 Next
241 </button> 250 </button>
242 </div> 251 </div>
243 </div> 252 </div>
244 <!-- close step-one-form --> 253 <!-- close step-one-form -->
245 </td> 254 </td>
246 </tr> 255 </tr>
247 </table> 256 </table>
248 </div> 257 </div>
249 <!-- CLOSE form-all --> 258 <!-- CLOSE form-all -->
250 <div class="step-two-form" ng-show="infoForm"> 259 <div class="step-two-form" ng-show="infoForm">
251 <div class="sectors-card"> 260 <div class="sectors-card">
252 <div class="icon-circle-b"> 261 <div class="icon-circle-b">
253 <i class="material-icons" style="line-height: 31px;">open_with</i> 262 <i class="material-icons" style="line-height: 31px;">open_with</i>
254 </div> 263 </div>
255 <div class="sector-question"> 264 <div class="sector-question">
256 <div class="col-xs-12 font f-family"> 265 <div class="col-xs-12 font f-family">
257 To which sector would you relate your company? 266 To which sector would you relate your company?
258 </div> 267 </div>
259 <div class="clearfix"></div> 268 <div class="clearfix"></div>
260 </div> 269 </div>
261 <div class="clearfix" style="height:15px;"></div> 270 <div class="clearfix" style="height:15px;"></div>
262 <div class="sector-align"> 271 <div class="sector-align">
263 <div class="col-xs-6 col-md-3"> 272 <div class="col-xs-6 col-md-3">
264 <label class="card-small"> 273 <label class="card-small">
265 <input type="radio" required value="retail" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors"> 274 <input type="radio" required value="retail" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
266 <img src="images/retail.png"> 275 <img src="images/retail.png">
267 <label class="f-family">Retail</label> 276 <label class="f-family">Retail</label>
268 </label> 277 </label>
269 </div> 278 </div>
270 <div class="col-xs-6 col-md-3"> 279 <div class="col-xs-6 col-md-3">
271 <label class="card-small"> 280 <label class="card-small">
272 <input type="radio" required value="travel" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors"> 281 <input type="radio" required value="travel" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
273 <img src="images/transport.png"> 282 <img src="images/transport.png">
274 <label class="f-family">Travel</label> 283 <label class="f-family">Travel</label>
275 </label> 284 </label>
276 </div> 285 </div>
277 <div class="col-xs-6 col-md-3"> 286 <div class="col-xs-6 col-md-3">
278 <label class="card-small"> 287 <label class="card-small">
279 <input type="radio" required value="b2b commerce" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors"> 288 <input type="radio" required value="b2b commerce" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
280 <img src="images/paymens.png"> 289 <img src="images/paymens.png">
281 <label class="f-family">B2B commerce</label> 290 <label class="f-family">B2B commerce</label>
282 </label> 291 </label>
283 </div> 292 </div>
284 <div class="col-xs-6 col-md-3"> 293 <div class="col-xs-6 col-md-3">
285 <label class="card-small"> 294 <label class="card-small">
286 <input type="radio" required value="agritech" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors"> 295 <input type="radio" required value="agritech" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
287 <img src="images/food.png"> 296 <img src="images/food.png">
288 <label class="f-family">Agritech</label> 297 <label class="f-family">Agritech</label>
289 </label> 298 </label>
290 </div> 299 </div>
291 <div class="col-xs-6 col-md-3"> 300 <div class="col-xs-6 col-md-3">
292 <label class="card-small"> 301 <label class="card-small">
293 <input type="radio" required value="fintech" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors"> 302 <input type="radio" required value="fintech" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
294 <img src="images/online_media.png"> 303 <img src="images/online_media.png">
295 <label class="f-family">Fintech</label> 304 <label class="f-family">Fintech</label>
296 </label> 305 </label>
297 </div> 306 </div>
298 <div class="col-xs-6 col-md-3"> 307 <div class="col-xs-6 col-md-3">
299 <label class="card-small"> 308 <label class="card-small">
300 <input type="radio" required value="hyperlocal services" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors"> 309 <input type="radio" required value="hyperlocal services" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
301 <img src="images/hardware.png"> 310 <img src="images/hardware.png">
302 <label class="f-family">Hyperlocal services</label> 311 <label class="f-family">Hyperlocal services</label>
303 </label> 312 </label>
304 </div> 313 </div>
305 <div class="col-xs-6 col-md-3"> 314 <div class="col-xs-6 col-md-3">
306 <label class="card-small"> 315 <label class="card-small">
307 <input type="radio" required value="education" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors"> 316 <input type="radio" required value="education" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
308 <img src="images/education.png"> 317 <img src="images/education.png">
309 <label class="f-family">Education</label> 318 <label class="f-family">Education</label>
310 </label> 319 </label>
311 </div> 320 </div>
312 <div class="col-xs-6 col-md-3"> 321 <div class="col-xs-6 col-md-3">
313 <label class="card-small"> 322 <label class="card-small">
314 <input type="radio" required value="rural" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors"> 323 <input type="radio" required value="rural" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
315 <img src="images/RURAL_ICON.png"> 324 <img src="images/RURAL_ICON.png">
316 <label class="f-family">Rural</label> 325 <label class="f-family">Rural</label>
317 </label> 326 </label>
318 </div> 327 </div>
319 </div> 328 </div>
320 <div class="clearfix"></div> 329 <div class="clearfix"></div>
321 </div> 330 </div>
322 <!-- CLOSE sectors-card --> 331 <!-- CLOSE sectors-card -->
323 <div class="col-xs-11 col-md-12 f-family line-adjust"> 332 <div class="col-xs-11 col-md-12 f-family line-adjust">
324 <strong>What technology are you using in the product?</strong> 333 <strong>What technology are you using in the product?</strong>
325 <p class="line-space" >Please explain in detail the technologies that you are using or plan to use in the product?</p> 334 <p class="line-space" >Please explain in detail the technologies that you are using or plan to use in the product?</p>
326 </div> 335 </div>
327 <div class="col-xs-12 col-md-12 input-wrapper"> 336 <div class="col-xs-12 col-md-12 input-wrapper">
328 <div class="icon-circle-h"> 337 <div class="icon-circle-h">
329 <i class="material-icons" style="line-height: 30px;">phone_android</i> 338 <i class="material-icons" style="line-height: 30px;">phone_android</i>
330 </div> 339 </div>
331 <input type="text" class="text-input" ng-model="data.technology" placeholder="Technology" ng-change="entertechnology(data.technology); technologykeyPress(data.technology)" required> 340 <input type="text" class="text-input" ng-model="data.technology" placeholder="Technology" ng-change="entertechnology(data.technology); technologykeyPress(data.technology)" required>
332 </div> 341 </div>
333 <div class="col-xs-11 col-md-12 f-family line-adjust"> 342 <div class="col-xs-11 col-md-12 f-family line-adjust">
334 <strong>Tell us about the problem that your company is trying to address. </strong> 343 <strong>Tell us about the problem that your company is trying to address. </strong>
335 <p class="line-space" ></p> 344 <p class="line-space" ></p>
336 </div> 345 </div>
337 <div class="col-xs-12 col-md-12 input-wrapper"> 346 <div class="col-xs-12 col-md-12 input-wrapper">
338 <div class="icon-circle-i"> 347 <div class="icon-circle-i">
339 <i class="material-icons" style="line-height: 30px;">report_problem</i> 348 <i class="material-icons" style="line-height: 30px;">report_problem</i>
340 </div> 349 </div>
341 <textarea name="Problem" class="text-input textarea" ng-model="data.problem" placeholder="Problem" ng-change="enterproblem(data.problem); problemkeyPress(data.problem)" required></textarea> 350 <textarea name="Problem" class="text-input textarea" ng-model="data.problem" placeholder="Problem" ng-change="enterproblem(data.problem); problemkeyPress(data.problem)" required></textarea>
342 </div> 351 </div>
343 <div class="col-xs-12 col-md-12 f-family line-adjust"> 352 <div class="col-xs-12 col-md-12 f-family line-adjust">
344 <strong>Tell us about the solution that your product/company has come up with.</strong> 353 <strong>Tell us about the solution that your product/company has come up with.</strong>
345 <p class="line-space" ></p> 354 <p class="line-space" ></p>
346 </div> 355 </div>
347 <div class="col-xs-12 col-md-12 input-wrapper"> 356 <div class="col-xs-12 col-md-12 input-wrapper">
348 <div class="icon-circle-j"> 357 <div class="icon-circle-j">
349 <i class="material-icons" style="line-height: 30px;">help</i> 358 <i class="material-icons" style="line-height: 30px;">help</i>
350 </div> 359 </div>
351 <textarea name="solution" class="text-input textarea" ng-model="data.solution" placeholder="Solution" ng-change="entersolution(data.solution); solutionkeyPress(data.solution)" required></textarea> 360 <textarea name="solution" class="text-input textarea" ng-model="data.solution" placeholder="Solution" ng-change="entersolution(data.solution); solutionkeyPress(data.solution)" required></textarea>
352 </div> 361 </div>
353 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="businessmodel"> 362 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="businessmodel">
354 <strong>What is your business model?</strong> 363 <strong>What is your business model?</strong>
355 <p class="line-space" >How do you plan to make money?</p> 364 <p class="line-space" >How do you plan to make money?</p>
356 </div> 365 </div>
357 <div class="col-xs-12 col-md-12 input-wrapper f-family" ng-if="businessmodel"> 366 <div class="col-xs-12 col-md-12 input-wrapper f-family" ng-if="businessmodel">
358 <div class="icon-circle-p"> 367 <div class="icon-circle-p">
359 <i class="material-icons" style="line-height: 30px;">business_center</i> 368 <i class="material-icons" style="line-height: 30px;">business_center</i>
360 </div> 369 </div>
361 <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;"> 370 <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;">
362 <option selected disabled value="">Business Model</option> 371 <option selected disabled value="">Business Model</option>
363 <option value="B2B">B2B</option> 372 <option value="B2B">B2B</option>
364 <option value="B2C">B2C</option> 373 <option value="B2C">B2C</option>
365 <option value="B2G">B2G</option> 374 <option value="B2G">B2G</option>
366 </select> 375 </select>
367 </div> 376 </div>
368 <div class="clearfix"></div> 377 <div class="clearfix"></div>
369 <!-- **************************For Quiz All About Input********************** --> 378 <!-- **************************For Quiz All About Input********************** -->
370 <div class="question-shadow"> 379 <div class="question-shadow">
371 <div class="icon-circle-x"> 380 <div class="icon-circle-x">
372 <i class="material-icons" style="line-height: 30px;">question_answer</i> 381 <i class="material-icons" style="line-height: 30px;">question_answer</i>
373 </div> 382 </div>
374 <div class="sector-question"> 383 <div class="sector-question">
375 <div class="col-xs-12 font f-family"> 384 <div class="col-xs-12 font f-family">
376 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. 385 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.
377 </div> 386 </div>
378 <div class="clearfix"></div> 387 <div class="clearfix"></div>
379 </div> 388 </div>
380 <div class="stages q-card-align"> 389 <div class="stages q-card-align">
381 <div class="col-sm-8 group"> 390 <div class="col-sm-8 group">
382 <input type="text" class="text-input" ng-model="data.question1" name="snpid" placeholder="Question1" ng-change="abc(); questionkeyPress(data.question1)" required> 391 <input type="text" class="text-input" ng-model="data.question1" name="snpid" placeholder="Question1" ng-change="abc(); questionkeyPress(data.question1)" required>
383 <span class="highlight"></span> 392 <span class="highlight"></span>
384 <span class="bar"></span> 393 <span class="bar"></span>
385 </div> 394 </div>
386 <div class="col-sm-3 col-md-offset-1"> 395 <div class="col-sm-3 col-md-offset-1">
387 <select class="drop-down" ng-model="data.typeQ1" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required> 396 <select class="drop-down" ng-model="data.typeQ1" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
388 <option value="typeQ1" selected disabled value="">Select</option> 397 <option value="typeQ1" selected disabled value="">Select</option>
389 <option>Sales</option> 398 <option>Sales</option>
390 <option>Marketing</option> 399 <option>Marketing</option>
391 <option>Technology</option> 400 <option>Technology</option>
392 <option>Scale</option> 401 <option>Scale</option>
393 <option>Fund-raising</option> 402 <option>Fund-raising</option>
394 <option>Go-to-market strategy</option> 403 <option>Go-to-market strategy</option>
395 <option>Team/hiring issues</option> 404 <option>Team/hiring issues</option>
396 <option>Emotional/personal issues</option> 405 <option>Emotional/personal issues</option>
397 <option>Any other</option> 406 <option>Any other</option>
398 </select> 407 </select>
399 </div> 408 </div>
400 <div class="col-sm-8 group"> 409 <div class="col-sm-8 group">
401 <input type="text" class="text-input" ng-model="data.question2" name="snpid" placeholder="Question2" ng-change="abc(); questionkeyPress(data.question2)" required> 410 <input type="text" class="text-input" ng-model="data.question2" name="snpid" placeholder="Question2" ng-change="abc(); questionkeyPress(data.question2)" required>
402 <span class="highlight"></span> 411 <span class="highlight"></span>
403 <span class="bar"></span> 412 <span class="bar"></span>
404 </div> 413 </div>
405 <div class="col-sm-3 col-md-offset-1"> 414 <div class="col-sm-3 col-md-offset-1">
406 <select class="drop-down" ng-model="data.typeQ2" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required> 415 <select class="drop-down" ng-model="data.typeQ2" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
407 <option value="typeQ2" selected disabled value="">Select</option> 416 <option value="typeQ2" selected disabled value="">Select</option>
408 <option>Sales</option> 417 <option>Sales</option>
409 <option>Marketing</option> 418 <option>Marketing</option>
410 <option>Technology</option> 419 <option>Technology</option>
411 <option>Scale</option> 420 <option>Scale</option>
412 <option>Fund-raising</option> 421 <option>Fund-raising</option>
413 <option>Go-to-market strategy</option> 422 <option>Go-to-market strategy</option>
414 <option>Team/hiring issues</option> 423 <option>Team/hiring issues</option>
415 <option>Emotional/personal issues</option> 424 <option>Emotional/personal issues</option>
416 <option>Any other</option> 425 <option>Any other</option>
417 </select> 426 </select>
418 </div> 427 </div>
419 <div class="col-sm-8 group"> 428 <div class="col-sm-8 group">
420 <input type="text" class="text-input" ng-model="data.question3" name="snpid" placeholder="Question3" ng-change="abc(); questionkeyPress(data.question3)" required> 429 <input type="text" class="text-input" ng-model="data.question3" name="snpid" placeholder="Question3" ng-change="abc(); questionkeyPress(data.question3)" required>
421 <span class="highlight"></span> 430 <span class="highlight"></span>
422 <span class="bar"></span> 431 <span class="bar"></span>
423 </div> 432 </div>
424 <div class="col-sm-3 col-md-offset-1"> 433 <div class="col-sm-3 col-md-offset-1">
425 <select class="drop-down" ng-model="data.typeQ3" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required> 434 <select class="drop-down" ng-model="data.typeQ3" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
426 <option value="typeQ3" selected disabled value="">Select</option> 435 <option value="typeQ3" selected disabled value="">Select</option>
427 <option>Sales</option> 436 <option>Sales</option>
428 <option>Marketing</option> 437 <option>Marketing</option>
429 <option>Technology</option> 438 <option>Technology</option>
430 <option>Scale</option> 439 <option>Scale</option>
431 <option>Fund-raising</option> 440 <option>Fund-raising</option>
432 <option>Go-to-market strategy</option> 441 <option>Go-to-market strategy</option>
433 <option>Team/hiring issues</option> 442 <option>Team/hiring issues</option>
434 <option>Emotional/personal issues</option> 443 <option>Emotional/personal issues</option>
435 <option>Any other</option> 444 <option>Any other</option>
436 </select> 445 </select>
437 </div> 446 </div>
438 <div class="col-sm-8 group"> 447 <div class="col-sm-8 group">
439 <input type="text" class="text-input" ng-model="data.question4" name="snpid" placeholder="Question4" ng-change="abc(); questionkeyPress(data.question4)" required> 448 <input type="text" class="text-input" ng-model="data.question4" name="snpid" placeholder="Question4" ng-change="abc(); questionkeyPress(data.question4)" required>
440 <span class="highlight"></span> 449 <span class="highlight"></span>
441 <span class="bar"></span> 450 <span class="bar"></span>
442 </div> 451 </div>
443 <div class="col-sm-3 col-md-offset-1"> 452 <div class="col-sm-3 col-md-offset-1">
444 <select class="drop-down" ng-model="data.typeQ4" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required> 453 <select class="drop-down" ng-model="data.typeQ4" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
445 <option value="typeQ4" selected disabled value="">Select</option> 454 <option value="typeQ4" selected disabled value="">Select</option>
446 <option>Sales</option> 455 <option>Sales</option>
447 <option>Marketing</option> 456 <option>Marketing</option>
448 <option>Technology</option> 457 <option>Technology</option>
449 <option>Scale</option> 458 <option>Scale</option>
450 <option>Fund-raising</option> 459 <option>Fund-raising</option>
451 <option>Go-to-market strategy</option> 460 <option>Go-to-market strategy</option>
452 <option>Team/hiring issues</option> 461 <option>Team/hiring issues</option>
453 <option>Emotional/personal issues</option> 462 <option>Emotional/personal issues</option>
454 <option>Any other</option> 463 <option>Any other</option>
455 </select> 464 </select>
456 </div> 465 </div>
457 <div class="col-sm-8 group"> 466 <div class="col-sm-8 group">
458 <input type="text" class="text-input" ng-model="data.question5" name="snpid" placeholder="Question5" ng-change="abc(); questionkeyPress(data.question5)" required> 467 <input type="text" class="text-input" ng-model="data.question5" name="snpid" placeholder="Question5" ng-change="abc(); questionkeyPress(data.question5)" required>
459 <span class="highlight"></span> 468 <span class="highlight"></span>
460 <span class="bar"></span> 469 <span class="bar"></span>
461 </div> 470 </div>
462 <div class="col-sm-3 col-md-offset-1"> 471 <div class="col-sm-3 col-md-offset-1">
463 <select class="drop-down" ng-model="data.typeQ5" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required> 472 <select class="drop-down" ng-model="data.typeQ5" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
464 <option value="typeQ5" selected disabled value="">Select</option> 473 <option value="typeQ5" selected disabled value="">Select</option>
465 <option>Sales</option> 474 <option>Sales</option>
466 <option>Marketing</option> 475 <option>Marketing</option>
467 <option>Technology</option> 476 <option>Technology</option>
468 <option>Scale</option> 477 <option>Scale</option>
469 <option>Fund-raising</option> 478 <option>Fund-raising</option>
470 <option>Go-to-market strategy</option> 479 <option>Go-to-market strategy</option>
471 <option>Team/hiring issues</option> 480 <option>Team/hiring issues</option>
472 <option>Emotional/personal issues</option> 481 <option>Emotional/personal issues</option>
473 <option>Any other</option> 482 <option>Any other</option>
474 </select> 483 </select>
475 </div> 484 </div>
476 <div class="clearfix"></div> 485 <div class="clearfix"></div>
477 </div> 486 </div>
478 <div class="clearfix"></div> 487 <div class="clearfix"></div>
479 </div> 488 </div>
480 <!--CLOSE question-shadow --> 489 <!--CLOSE question-shadow -->
481 <div class="clearfix"></div> 490 <div class="clearfix"></div>
482 <!-- **************************CLOSE QUIZ FORM********************** --> 491 <!-- **************************CLOSE QUIZ FORM********************** -->
483 <div class="hideform" ng-if="prototyp"> 492 <div class="hideform" ng-if="prototyp">
484 <div class="col-xs-12 col-md-12 f-family line-adjust"> 493 <div class="col-xs-12 col-md-12 f-family line-adjust">
485 <strong>Do you have a prototype ready?</strong> 494 <strong>Do you have a prototype ready?</strong>
486 <p class="line-space" >If yes, please share the link to demo/website/application</p> 495 <p class="line-space" >If yes, please share the link to demo/website/application</p>
487 </div> 496 </div>
488 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="prototyp"> 497 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="prototyp">
489 <div class="icon-circle-k"> 498 <div class="icon-circle-k">
490 <i class="material-icons" style="line-height: 30px;">device_hub</i> 499 <i class="material-icons" style="line-height: 30px;">device_hub</i>
491 </div> 500 </div>
492 <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> 501 <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>
493 </div> 502 </div>
494 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="market"> 503 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="market">
495 <strong>What is your go-to-market strategy?</strong> 504 <strong>What is your go-to-market strategy?</strong>
496 <p class="line-space" ></p> 505 <p class="line-space" ></p>
497 </div> 506 </div>
498 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="market"> 507 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="market">
499 <div class="icon-circle-l"> 508 <div class="icon-circle-l">
500 <i class="material-icons" style="line-height: 30px;">multiline_chart</i> 509 <i class="material-icons" style="line-height: 30px;">multiline_chart</i>
501 </div> 510 </div>
502 <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> 511 <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>
503 </div> 512 </div>
504 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="risks"> 513 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="risks">
505 <strong>Who are your existing competitors and potential risk factors?</strong> 514 <strong>Who are your existing competitors and potential risk factors?</strong>
506 <p class="line-space" ></p> 515 <p class="line-space" ></p>
507 </div> 516 </div>
508 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="risks"> 517 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="risks">
509 <div class="icon-circle-m"> 518 <div class="icon-circle-m">
510 <i class="material-icons" style="line-height: 30px;">adjust</i> 519 <i class="material-icons" style="line-height: 30px;">adjust</i>
511 </div> 520 </div>
512 <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> 521 <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>
513 </div> 522 </div>
514 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="team"> 523 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="team">
515 <strong>Who all are there in your team?</strong> 524 <strong>Who all are there in your team?</strong>
516 <p class="line-space" >What are their backgrounds?</p> 525 <p class="line-space" >What are their backgrounds?</p>
517 </div> 526 </div>
518 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="team"> 527 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="team">
519 <div class="icon-circle-n" ng-if="team"> 528 <div class="icon-circle-n" ng-if="team">
520 <i class="material-icons" style="line-height: 30px;">games</i> 529 <i class="material-icons" style="line-height: 30px;">games</i>
521 </div> 530 </div>
522 <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> 531 <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>
523 </div> 532 </div>
524 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="pitch"> 533 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="pitch">
525 <strong>Provide the Google Docs link for pitch-deck/presentation (mentioning the details of your startup).</strong> 534 <strong>Provide the Google Docs link for pitch-deck/presentation (mentioning the details of your startup).</strong>
526 <p class="line-space" ></p> 535 <p class="line-space" ></p>
527 </div> 536 </div>
528 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="pitch"> 537 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="pitch">
529 <div class="icon-circle-z"> 538 <div class="icon-circle-z">
530 <i class="material-icons" style="line-height: 30px;">offline_pin</i> 539 <i class="material-icons" style="line-height: 30px;">offline_pin</i>
531 </div> 540 </div>
532 <input type="text" ng-required="pitch" class="text-input" ng-model="data.pitch" ng-if="pitch" placeholder="Provide pitch deck" ng-change="abc(); pitchkeyPress(data.pitch)"> 541 <input type="text" ng-required="pitch" class="text-input" ng-model="data.pitch" ng-if="pitch" placeholder="Provide pitch deck" ng-change="abc(); pitchkeyPress(data.pitch)">
533 </div> 542 </div>
534 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="financials"> 543 <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="financials">
535 <strong>Provide the Google Docs link for financial projections (funding requirements of your startup).</strong> 544 <strong>Provide the Google Docs link for financial projections (funding requirements of your startup).</strong>
536 <p class="line-space" ></p> 545 <p class="line-space" ></p>
537 </div> 546 </div>
538 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="financials"> 547 <div class="col-xs-12 col-md-12 input-wrapper" ng-if="financials">
539 <div class="icon-circle-q"> 548 <div class="icon-circle-q">
540 <i class="material-icons" style="line-height: 30px;">timeline</i> 549 <i class="material-icons" style="line-height: 30px;">timeline</i>
541 </div> 550 </div>
542 <input type="text" name="financials" ng-required="financials" class="text-input" ng-model="data.financials" ng-if="financials" placeholder="Provide financials" ng-change="abc(); financialskeyPress(data.financials)"> 551 <input type="text" name="financials" ng-required="financials" class="text-input" ng-model="data.financials" ng-if="financials" placeholder="Provide financials" ng-change="abc(); financialskeyPress(data.financials)">
543 </div> 552 </div>
544 <div class="clearfix"></div> 553 <div class="clearfix"></div>
545 </div> 554 </div>
546 <div class="identity-shadow"> 555 <div class="identity-shadow">
547 <div class="icon-circle-ab"> 556 <div class="icon-circle-ab">
548 <i class="material-icons" style="line-height: 30px;">perm_identity</i> 557 <i class="material-icons" style="line-height: 30px;">perm_identity</i>
549 </div> 558 </div>
550 <div class="identity-question"> 559 <div class="identity-question">
551 <div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;"> 560 <div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;">
552 <b>Who are you?</b> 561 <b>Who are you?</b>
553 <p style="color:grey">kindly choose one option.</p> 562 <p style="color:grey">kindly choose one option.</p>
554 </div> 563 </div>
555 <div class="clearfix"></div> 564 <div class="clearfix"></div>
556 </div> 565 </div>
557 <div class="stages identity-align"> 566 <div class="stages identity-align">
558 <div class="col-xs-12"> 567 <div class="col-xs-12">
559 <label class="card-small margin-right-label"> 568 <label class="card-small margin-right-label">
560 <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'"> 569 <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'">
561 <!-- <img src="images/RURAL_ICON.png"> --> 570 <!-- <img src="images/RURAL_ICON.png"> -->
562 <label class="f-family pull-left width-auto" for="studentRadio">Student</label> 571 <label class="f-family pull-left width-auto" for="studentRadio">Student</label>
563 </label> 572 </label>
564 <label class="card-small margin-right-label"> 573 <label class="card-small margin-right-label">
565 <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'"> 574 <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'">
566 <!-- <img src="images/education.png"> --> 575 <!-- <img src="images/education.png"> -->
567 <label class="f-family pull-left width-auto" for="othersRadio">Others</label> 576 <label class="f-family pull-left width-auto" for="othersRadio">Others</label>
568 </label> 577 </label>
569 </div> 578 </div>
570 </div> 579 </div>
571 <!-- CLOSE stages identity-align --> 580 <!-- CLOSE stages identity-align -->
572 <div class="clearfix"></div> 581 <div class="clearfix"></div>
573 </div> 582 </div>
574 <!-- CLOSE identity-shadow --> 583 <!-- CLOSE identity-shadow -->
575 <div class="col-xs-12 input-wrapper"> 584 <div class="col-xs-12 input-wrapper">
576 <div class="referel-icon" style="z-index: 999;"> 585 <div class="referel-icon" style="z-index: 999;">
577 <i class="material-icons" style="line-height: 30px;">code</i> 586 <i class="material-icons" style="line-height: 30px;">code</i>
578 </div> 587 </div>
579 <input class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)"> 588 <input class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)">
580 <i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i> 589 <i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>
581 <i class="material-icons coupen-approved" style="color:red;" ng-if="tokencheck == false">close</i> 590 <i class="material-icons coupen-approved" style="color:red;" ng-if="tokencheck == false">close</i>
582 <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button> 591 <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button>
583 </div> 592 </div>
584 <div class="clearfix"></div> 593 <div class="clearfix"></div>
585 <div class="text-center"> 594 <div class="text-center">
586 <input type="submit" class="btn submit-button" data-toggle="modal" data-target="#myModal" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="calculateAmount()"> 595 <input type="submit" class="btn submit-button" data-toggle="modal" data-target="#myModal" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="calculateAmount()">
587 </div> 596 </div>
588 </div> 597 </div>
589 <!-- CLOSE step-two-form --> 598 <!-- CLOSE step-two-form -->
590 </div> 599 </div>
591 <!-- col-xs-12 col-md-8 col-md-offset-2 --> 600 <!-- col-xs-12 col-md-8 col-md-offset-2 -->
592 </form> 601 </form>
593 <!-- CLOSE FORM --> 602 <!-- CLOSE FORM -->
594 <footer> 603 <footer>
595 <img id="footer" class="img-responsive banner"> 604 <img id="footer" class="img-responsive banner">
596 <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center> 605 <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center>
597 </footer> 606 </footer>
598 <!-- </div> CLOSE CHECK VIEW --> 607 <!-- </div> CLOSE CHECK VIEW -->
599 <div ng-if="verifyView"> 608 <div ng-if="verifyView">
600 <div style="margin-bottom: 0px;" class="text-center"> 609 <div style="margin-bottom: 0px;" class="text-center">
601 <input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()"> 610 <input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()">
602 </div> 611 </div>
603 </div> 612 </div>
604 </div> <!-- CLOSE NEW-CONTROLLER --> 613 </div> <!-- CLOSE NEW-CONTROLLER -->
605 <div id="snacsskbar">Registration done successfully.</div> 614 <div id="snacsskbar">Registration done successfully.</div>
606 <div class="modal fade" id="myModal" role="dialog"> 615 <div class="modal fade" id="myModal" role="dialog">
607 <div class="modal-dialog" style="left: auto;"> 616 <div class="modal-dialog" style="left: auto;">
608 <div class="modal-content"> 617 <div class="modal-content">
609 <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" style="border:1px solid #f6f6eb;margin-top:10px"> 618 <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" style="border:1px solid #f6f6eb;margin-top:10px">
610 <tbody style="background-color:#f9f9f9"> 619 <tbody style="background-color:#f9f9f9">
611 <tr> 620 <tr>
612 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> 621 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
613 </tr> 622 </tr>
614 <tr> 623 <tr>
615 <td align="left" valign="top" style="padding:10px"> 624 <td align="left" valign="top" style="padding:10px">
616 <table width="100%" border="0" cellspacing="0" cellpadding="0"> 625 <table width="100%" border="0" cellspacing="0" cellpadding="0">
617 <tbody> 626 <tbody>
618 <tr> 627 <tr>
619 <td align="left" valign="middle" style="color:#5e5e5e;font-size:20px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Summary</td> 628 <td align="left" valign="middle" style="color:#5e5e5e;font-size:20px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Summary</td>
620 </tr> 629 </tr>
621 </tbody> 630 </tbody>
622 </table> 631 </table>
623 </td> 632 </td>
624 </tr> 633 </tr>
625 </tbody> 634 </tbody>
626 <tbody> 635 <tbody>
627 <tr> 636 <tr>
628 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> 637 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
629 </tr> 638 </tr>
630 <tr> 639 <tr>
631 <td align="left" valign="top" style="padding:10px"> 640 <td align="left" valign="top" style="padding:10px">
632 <table width="100%" border="0" cellspacing="0" cellpadding="0"> 641 <table width="100%" border="0" cellspacing="0" cellpadding="0">
633 <tbody> 642 <tbody>
634 <tr> 643 <tr>
635 <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Amount</td> 644 <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Amount</td>
636 <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{ticketAmnt}}</td> 645 <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{ticketAmnt}}</td>
637 </tr> 646 </tr>
638 </tbody> 647 </tbody>
639 </table> 648 </table>
640 </td> 649 </td>
641 </tr> 650 </tr>
642 <tr> 651 <tr>
643 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> 652 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
644 </tr> 653 </tr>
645 <tr> 654 <tr>
646 <td align="left" valign="top" style="padding:10px"> 655 <td align="left" valign="top" style="padding:10px">
647 <table width="100%" border="0" cellspacing="0" cellpadding="0"> 656 <table width="100%" border="0" cellspacing="0" cellpadding="0">
648 <tbody> 657 <tbody>
649 <tr> 658 <tr>
650 <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Discount</td> 659 <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Discount</td>
651 <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{discountAmount}}</td> 660 <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{discountAmount}}</td>
652 </tr> 661 </tr>
653 </tbody> 662 </tbody>
654 </table> 663 </table>
655 </td> 664 </td>
656 </tr> 665 </tr>
657 <tr> 666 <tr>
658 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> 667 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
659 </tr> 668 </tr>
660 <tr> 669 <tr>
661 <td align="left" valign="top" style="padding:10px"> 670 <td align="left" valign="top" style="padding:10px">
662 <table width="100%" border="0" cellspacing="0" cellpadding="0"> 671 <table width="100%" border="0" cellspacing="0" cellpadding="0">
663 <tbody> 672 <tbody>
664 <tr> 673 <tr>
665 <td align="left" valign="middle" style="color:#5e5e5e;font-size:14px;line-height:26px;font-family:Avenir-Medium,arial,sans-serif">GST</td> 674 <td align="left" valign="middle" style="color:#5e5e5e;font-size:14px;line-height:26px;font-family:Avenir-Medium,arial,sans-serif">GST</td>
666 <td align="right" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{taxTotal}}</td> 675 <td align="right" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{taxTotal}}</td>
667 </tr> 676 </tr>
668 </tbody> 677 </tbody>
669 </table> 678 </table>
670 </td> 679 </td>
671 </tr> 680 </tr>
672 <tr> 681 <tr>
673 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> 682 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
674 </tr> 683 </tr>
675 <tr> 684 <tr>
676 <td align="left" valign="top" bgcolor="#f9f9f9" style="padding:10px"> 685 <td align="left" valign="top" bgcolor="#f9f9f9" style="padding:10px">
677 <table width="100%" border="0" cellspacing="0" cellpadding="0"> 686 <table width="100%" border="0" cellspacing="0" cellpadding="0">
678 <tbody> 687 <tbody>
679 <tr> 688 <tr>
680 <td align="left" valign="middle" style="color:#5e5e5e;font-size:22px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Total Amount</td> 689 <td align="left" valign="middle" style="color:#5e5e5e;font-size:22px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Total Amount</td>
681 <td align="right" valign="middle" style="color:#29bd9d;font-size:24px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{payingAmnt}}</td> 690 <td align="right" valign="middle" style="color:#29bd9d;font-size:24px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{payingAmnt}}</td>
682 </tr> 691 </tr>
683 </tbody> 692 </tbody>
684 </table> 693 </table>
685 </td> 694 </td>
686 </tr> 695 </tr>
687 <tr> 696 <tr>
688 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> 697 <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
689 </tr> 698 </tr>
690 </tbody> 699 </tbody>
691 </table> 700 </table>
692 <div style="text-align:center;margin-bottom:5%"> 701 <div style="text-align:center;margin-bottom:5%">
693 <button type="button" style="color:#fff;background-color:#4CAF50;margin-top:5%" class="btn btn-default" data-dismiss="modal" ng-click="create()">Proceed to Pay</button> 702 <button type="button" style="color:#fff;background-color:#4CAF50;margin-top:5%" class="btn btn-default" data-dismiss="modal" ng-click="create()">Proceed to Pay</button>
694 </div> 703 </div>
695 </div> 704 </div>
696 </div> 705 </div>
697 </div>
706 </div>
707
708 <div class="modal fade" id="videoModel" role="dialog" ng-click="closeModal()">
709 <div class="modal-dialog" style="left: auto;">
710 <div class="modal-content">
711 <div class="modal-body">
712 <iframe width="560" id="youtubePlayer" height="315" src="https://www.youtube.com/embed/8i1bLQ7jS0I" frameborder="0" allowfullscreen></iframe>
713 </div>
714 <!-- <div class="modal-footers" style="text-align: center;margin-bottom: 5px;">
715 <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="closeModal()">Close</button>
716 </div> -->
717 </div>
718 </div>
719 </div>
720
721
722 <div class="modal fade" id="videoModels" role="dialog" ng-click="closeModal()">
723 <div class="modal-dialog" style="left: auto;">
724 <div class="modal-content">
725 <div class="modal-body">
726 <iframe width="560" id="youtubePlayer" height="315" src="https://www.youtube.com/embed/oBqdz-p3R6Y" frameborder="0" allowfullscreen></iframe>
727 </div>
728 <!-- <div class="modal-footers" style="text-align: center;margin-bottom: 5px;">
729 <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="closeModal()">Close</button>
730 </div> -->
731 </div>
732 </div>
733 </div>
734
735
736
737
738
739
1 // create the module and name it scotchApp 1 // create the module and name it scotchApp
2 var scotchApp = angular.module('scotchApp', ['ngRoute']); 2 var scotchApp = angular.module('scotchApp', ['ngRoute']);
3 3
4 // configure our routes 4 // configure our routes
5 scotchApp.config(function($routeProvider) { 5 scotchApp.config(function($routeProvider) {
6 $routeProvider 6 $routeProvider
7 7
8 // route for the home page 8 // route for the home page
9 .when('/', { 9 .when('/', {
10 templateUrl: 'pages/home.html', 10 templateUrl: 'pages/home.html',
11 controller: 'mainController' 11 controller: 'mainController'
12 }) 12 })
13 13
14 // route for the paymentVerify page 14 // route for the paymentVerify page
15 .when('/paymentVerification/:id', { 15 .when('/paymentVerification/:id', {
16 templateUrl: 'pages/verify.html', 16 templateUrl: 'pages/verify.html',
17 controller: 'verifyController' 17 controller: 'verifyController'
18 }) 18 })
19 19
20 // route for the ambassador page 20 // route for the ambassador page
21 .when('/ambassador', { 21 .when('/ambassador', {
22 templateUrl: 'pages/ambassador.html', 22 templateUrl: 'pages/ambassador.html',
23 controller: 'ambassadorController' 23 controller: 'ambassadorController'
24 }) 24 })
25 }); 25 });
26 26
27 scotchApp.constant("BASE_URL", "http://139.59.68.74:4001/api") 27 scotchApp.constant("BASE_URL", "http://139.59.68.74:4001/api")
28 // scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/api")
28 29
29 // create the controller and inject Angular's $scope 30 // create the controller and inject Angular's $scope
30 scotchApp.controller('mainController', function($scope, $http, $location, $route, $rootScope, BASE_URL) { 31 scotchApp.controller('mainController', function($scope, $http, $location, $route, $rootScope, BASE_URL) {
31 $scope.data = { 32 $scope.data = {
32 show: true, 33 show: true,
33 hide: false 34 hide: false
34 }; 35 };
35 36
36 $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ 37 $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
37 38
38 $scope.max = 100; 39 $scope.max = 100;
39 $scope.current = 0; 40 $scope.current = 0;
40 $scope.payingAmnt = 0; 41 $scope.payingAmnt = 0;
41 if ($scope.data.stage == 'select') { 42 if ($scope.data.stage == 'select') {
42 console.log("sdsaasd");
43 43
44 } 44 }
45 45
46 $scope.author = 'Swarn Singh'; 46 $scope.author = 'Swarn Singh';
47 $scope.data = {}; 47 $scope.data = {};
48 $scope.data.stage = 'Idea'; 48 $scope.data.stage = 'Idea';
49 $scope.discountAmount = 0; 49 $scope.discountAmount = 0;
50 $scope.check = false; 50 $scope.check = false;
51 $scope.numberCheck = false; 51 $scope.numberCheck = false;
52 $scope.paymentResult = {}; 52 $scope.paymentResult = {};
53 var data = { 53 var data = {
54 "amount": $scope.payingAmnt, 54 "amount": $scope.payingAmnt,
55 "currency": "INR", 55 "currency": "INR",
56 "status": "pending" 56 "status": "pending"
57 } 57 }
58 58
59 $scope.removeError = function() { 59 $scope.removeError = function() {
60 $('#invalidEmail').css('display', 'none'); 60 $('#invalidEmail').css('display', 'none');
61 $('#alreadyExist').css('display', 'none'); 61 $('#alreadyExist').css('display', 'none');
62 }; 62 };
63 63
64 /*open videos in modal*/
65 $scope.openyoutube16 = function(){
66 $('#videoModel').modal('show');
67 }
68
69 $scope.openyoutube17 = function(){
70 $('#videoModels').modal('show');
71 }
72
73 $scope.closeModal = function(){
74 var url = $('#youtubePlayer').attr('src');
75 $('#youtubePlayer').attr('src', '');
76 $('#youtubePlayer').attr('src', url);
77 }
78 /*open videos ends here*/
79
64 $scope.emailcheck = function(val) { 80 $scope.emailcheck = function(val) {
65 if (val == undefined) { 81 if (val == undefined) {
66 $('#invalidEmail').css('display', 'block'); 82 $('#invalidEmail').css('display', 'block');
67 } else { 83 } else {
68 $http({ 84 $http({
69 method: 'GET', 85 method: 'GET',
70 url: BASE_URL + '/applicants?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}', 86 url: BASE_URL + '/applicants?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}',
71 headers: {} 87 headers: {}
72 }).then(function mySuccess(searchResult) { 88 }).then(function mySuccess(searchResult) {
73 console.log("searchResult1===>", searchResult) 89 console.log("searchResult1===>", searchResult)
74 if (searchResult.data.length == 0) { 90 if (searchResult.data.length == 0) {
75 $scope.check = false; 91 $scope.check = false;
76 } else { 92 } else {
77 $scope.check = true; 93 $scope.check = true;
78 $('#alreadyExist').css('display', 'block'); 94 $('#alreadyExist').css('display', 'block');
79 } 95 }
80 }, function myError(error) {}); 96 }, function myError(error) {});
81 } 97 }
82 }; 98 };
83 99
84 $scope.removeNoError = function() { 100 $scope.removeNoError = function() {
85 $('#noExist').css('display', 'none'); 101 $('#noExist').css('display', 'none');
86 }; 102 };
87 103
88 $scope.numbercheck = function(number) { 104 $scope.numbercheck = function(number) {
89 $http({ 105 $http({
90 method: 'GET', 106 method: 'GET',
91 url: BASE_URL + '/applicants?filter={"where": {"phone": {"like":"%25' + number + '%25"}}}', 107 url: BASE_URL + '/applicants?filter={"where": {"phone": {"like":"%25' + number + '%25"}}}',
92 data: $scope.data, 108 data: $scope.data,
93 headers: {} 109 headers: {}
94 }).then(function mySuccess(searchResult) { 110 }).then(function mySuccess(searchResult) {
95 console.log("searchResult===>", searchResult) 111 console.log("searchResult===>", searchResult)
96 if (searchResult.data.length == 0) { 112 if (searchResult.data.length == 0) {
97 $scope.numberCheck = false; 113 $scope.numberCheck = false;
98 114
99 } else { 115 } else {
100 $scope.numberCheck = true; 116 $scope.numberCheck = true;
101 $('#noExist').css('display', 'block'); 117 $('#noExist').css('display', 'block');
102 } 118 }
103 }, function myError(error) {}); 119 }, function myError(error) {});
104 }; 120 };
105 121
106 $rootScope.tokenCall = function(val) { 122 $rootScope.tokenCall = function(val) {
107 console.log('val-------->', val); 123 console.log('val-------->', val);
108 if (val == undefined) { 124 if (val == undefined) {
109 $('#invalidEmail').css('display', 'block'); 125 $('#invalidEmail').css('display', 'block');
110 } else { 126 } else {
111 val = val.toUpperCase(); 127 val = val.toUpperCase();
112 $http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": {"like":"%25' + val + '%25"}}}') 128 $http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": {"like":"%25' + val + '%25"}}}')
113 .then(function(searchResult) { 129 .then(function(searchResult) {
114 if (searchResult.data.length == 0) { 130 if (searchResult.data.length == 0) {
115 $scope.tokencheck = false; 131 $scope.tokencheck = false;
116 $scope.discountAmount = 0; 132 $scope.discountAmount = 0;
117 } else { 133 } else {
118 $scope.tokencheck = true; 134 $scope.tokencheck = true;
119 } 135 }
120 },function(err){ 136 },function(err){
121 console.log(err) 137 console.log(err)
122 }); 138 });
123 139
124 } 140 }
125 }; 141 };
126 142
127 /*THIS CODE FOR ENABLED SUBMIT BUTTON AFTER UPLOAD IMAGE*/ 143 /*THIS CODE FOR ENABLED SUBMIT BUTTON AFTER UPLOAD IMAGE*/
128 $(document).ready( 144 $(document).ready(
129 function() { 145 function() {
130 $('input:submit').attr('disabled', true); 146 $('input:submit').attr('disabled', true);
131 $('input:file').change( 147 $('input:file').change(
132 function() { 148 function() {
133 if ($("#picture").val()) { 149 if ($("#picture").val()) {
134 $('input:submit').removeAttr('disabled'); 150 $('input:submit').removeAttr('disabled');
135 } else { 151 } else {
136 $('input:submit').attr('disabled', true); 152 $('input:submit').attr('disabled', true);
137 } 153 }
138 }); 154 });
139 }); 155 });
140 156
141 /*****THIS IS FOR STEP ONE FORM ******/ 157 /*****THIS IS FOR STEP ONE FORM ******/
142 $scope.next = function() { 158 $scope.next = function() {
143 $scope.data.status = null 159 $scope.data.status = null
144 if ($scope.data.stage == undefined || $scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined || $scope.data.city == undefined) { 160 if ($scope.data.stage == undefined || $scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined || $scope.data.city == undefined) {
145 var x = document.getElementById("snackbar") 161 var x = document.getElementById("snackbar")
146 x.className = "show"; 162 x.className = "show";
147 setTimeout(function() { 163 setTimeout(function() {
148 x.className = x.className.replace("show", ""); 164 x.className = x.className.replace("show", "");
149 }, 3000); 165 }, 3000);
150 } else if ($scope.data.stage != undefined && $scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) { 166 } else if ($scope.data.stage != undefined && $scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) {
151 $scope.infoForm = true; 167 $scope.infoForm = true;
152 console.log("sdasdasdsa"); 168 console.log("sdasdasdsa");
153 $scope.data.stage = $scope.data.stage; 169 $scope.data.stage = $scope.data.stage;
154 $scope.detail = {}; 170 $scope.detail = {};
155 $scope.data.phone = "+91" + $scope.data.number; 171 $scope.data.phone = "+91" + $scope.data.number;
156 $http({ 172 $http({
157 method: 'POST', 173 method: 'POST',
158 url: BASE_URL + '/information', 174 url: BASE_URL + '/information',
159 data: $scope.data, 175 data: $scope.data,
160 headers: {} 176 headers: {}
161 }).then(function mySuccess(result) { 177 }).then(function mySuccess(result) {
162 console.log("result", result) 178 console.log("result", result)
163 $scope.detail = result; 179 $scope.detail = result;
164 data.applicantId = result.data.id; 180 data.applicantId = result.data.id;
165 $scope.userId = result.data.id; 181 $scope.userId = result.data.id;
166 182
167 }, function myError(error) {}); 183 }, function myError(error) {});
168 } 184 }
169 185
170 } 186 }
171 187
172 $scope.calculateAmount = function(){ 188 $scope.calculateAmount = function(){
173 189
174 if ($scope.data.stage == undefined || $scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined || $scope.data.city == undefined) { 190 if ($scope.data.stage == undefined || $scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined || $scope.data.city == undefined) {
175 var x = document.getElementById("snackbar") 191 var x = document.getElementById("snackbar")
176 x.className = "show"; 192 x.className = "show";
177 setTimeout(function() { 193 setTimeout(function() {
178 x.className = x.className.replace("show", ""); 194 x.className = x.className.replace("show", "");
179 }, 3000); 195 }, 3000);
180 } else if ($scope.data.stage != undefined && $scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) { 196 } else if ($scope.data.stage != undefined && $scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) {
181 $scope.infoForm = true; 197 $scope.infoForm = true;
182 console.log("sdasdasdsa"); 198 console.log("sdasdasdsa");
183 $scope.data.stage = $scope.data.stage; 199 $scope.data.stage = $scope.data.stage;
184 $scope.detail = {}; 200 $scope.detail = {};
185 $scope.data.phone = "+91" + $scope.data.number; 201 $scope.data.phone = "+91" + $scope.data.number;
186 $http({ 202 $http({
187 method: 'POST', 203 method: 'POST',
188 url: BASE_URL + '/applicants', 204 url: BASE_URL + '/applicants',
189 data: $scope.data, 205 data: $scope.data,
190 headers: {} 206 headers: {}
191 }).then(function mySuccess(result) { 207 }).then(function mySuccess(result) {
192 console.log("result", result) 208 console.log("result", result)
193 $scope.detail = result; 209 $scope.detail = result;
194 data.applicantId = result.data.id; 210 data.applicantId = result.data.id;
195 $scope.userId = result.data.id; 211 $scope.userId = result.data.id;
196 212
197 }, function myError(error) {}); 213 }, function myError(error) {});
198 } 214 }
199 215
200 if ($scope.data.stage == "Idea") { 216 if ($scope.data.stage == "Idea") {
201 console.log("$scope.data", $scope.data) 217 console.log("$scope.data", $scope.data)
202 $scope.ticketAmnt = 500; 218 $scope.ticketAmnt = 500;
203 } 219 }
204 220
205 if ($scope.data.stage == "Product") { 221 if ($scope.data.stage == "Product") {
206 $scope.ticketAmnt = 1000; 222 $scope.ticketAmnt = 1000;
207 } 223 }
208 224
209 if ($scope.data.stage == "Growth") { 225 if ($scope.data.stage == "Growth") {
210 $scope.ticketAmnt = 2000; 226 $scope.ticketAmnt = 2000;
211 } 227 }
212 228
213 if($scope.tokencheck == true){ 229 if($scope.tokencheck == true){
214 var amount = $scope.ticketAmnt 230 var amount = $scope.ticketAmnt
215 $scope.discountAmount = (amount * 10)/100 231 $scope.discountAmount = (amount * 10)/100
216 console.log("finalAmount====>",$scope.payingAmnt) 232 console.log("finalAmount====>",$scope.payingAmnt)
217 } 233 }
218 234
219 var taxAmount = $scope.ticketAmnt - $scope.discountAmount 235 var taxAmount = $scope.ticketAmnt - $scope.discountAmount
220 $scope.taxTotal = (taxAmount * 18)/100 236 $scope.taxTotal = (taxAmount * 18)/100
221 $scope.payingAmnt = taxAmount + $scope.taxTotal 237 $scope.payingAmnt = taxAmount + $scope.taxTotal
222 console.log("taxincludedamount----", $scope.payingAmnt) 238 console.log("taxincludedamount----", $scope.payingAmnt)
223 } 239 }
224 240
225 /*****THIS IS FOR STEP THREE FORM ******/ 241 /*****THIS IS FOR STEP THREE FORM ******/
226 $scope.create = function() { 242 $scope.create = function() {
227 // if ($scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined) { 243 // if ($scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined) {
228 // var x = document.getElementById("snackbar") 244 // var x = document.getElementById("snackbar")
229 // x.className = "show"; 245 // x.className = "show";
230 // setTimeout(function() { 246 // setTimeout(function() {
231 // x.className = x.className.replace("show", ""); 247 // x.className = x.className.replace("show", "");
232 // }, 3000); 248 // }, 3000);
233 // } else if ($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) { 249 // } else if ($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {
234 // $scope.infoForm = true; 250 // $scope.infoForm = true;
235 // console.log("sdasdasdsa"); 251 // console.log("sdasdasdsa");
236 // $scope.data.stage = $scope.data.stage; 252 // $scope.data.stage = $scope.data.stage;
237 // $scope.detail = {}; 253 // $scope.detail = {};
238 // $scope.data.phone = "+91" + $scope.data.number; 254 // $scope.data.phone = "+91" + $scope.data.number;
239 // $http({ 255 // $http({
240 // method: 'POST', 256 // method: 'POST',
241 // url: BASE_URL + '/applicants', 257 // url: BASE_URL + '/applicants',
242 // data: $scope.data, 258 // data: $scope.data,
243 // headers: {} 259 // headers: {}
244 // }).then(function mySuccess(result) { 260 // }).then(function mySuccess(result) {
245 261
246 // console.log("=====result=====", result) 262 // console.log("=====result=====", result)
247 // $scope.detail = result; 263 // $scope.detail = result;
248 // data.applicantId = result.data.id; 264 // data.applicantId = result.data.id;
249 // $scope.userId = result.data.id; 265 // $scope.userId = result.data.id;
250 // console.log("=====data=====", data) 266 // console.log("=====data=====", data)
251 data.amount = $scope.payingAmnt; 267 data.amount = $scope.payingAmnt;
252 if ($scope.detail != null) { 268 if ($scope.detail != null) {
253 $http({ 269 $http({
254 method: 'POST', 270 method: 'POST',
255 url: BASE_URL + '/payments', 271 url: BASE_URL + '/payments',
256 data: data, 272 data: data,
257 headers: {} 273 headers: {}
258 }).then(function mySuccess(paymentResult) { 274 }).then(function mySuccess(paymentResult) {
259 console.log("paymentResult",paymentResult) 275 console.log("paymentResult",paymentResult)
260 $scope.paymentResult = paymentResult; 276 $scope.paymentResult = paymentResult;
261 }, function myError(error) {}); 277 }, function myError(error) {});
262 } 278 }
263 var i = 0; 279 var i = 0;
264 $scope.payingAmnt = $scope.payingAmnt * 100; 280 $scope.payingAmnt = $scope.payingAmnt * 100;
265 var options = { 281 var options = {
266 "key": "rzp_live_mhSE1uOBlXvFyJ", 282 "key": "rzp_live_mhSE1uOBlXvFyJ",
267 "amount": $scope.payingAmnt, 283 "amount": $scope.payingAmnt,
268 284
269 "name": "Startup Jalsa", 285 "name": "Startup Jalsa",
270 "description": "amount", 286 "description": "amount",
271 "currency": "INR", 287 "currency": "INR",
272 "status": "done", 288 "status": "done",
273 289
274 "theme": { 290 "theme": {
275 "color": "#2196f3 ", 291 "color": "#2196f3 ",
276 "image_padding": "NO" 292 "image_padding": "NO"
277 }, 293 },
278 "modal": { 294 "modal": {
279 "ondismiss": function() {} 295 "ondismiss": function() {}
280 }, 296 },
281 "handler": function(response) { 297 "handler": function(response) {
282 createPayment(response); 298 createPayment(response);
283 } 299 }
284 }; 300 };
285 var rzp1 = new Razorpay(options); 301 var rzp1 = new Razorpay(options);
286 rzp1.open(); 302 rzp1.open();
287 $scope.paymentResponse = {}; 303 $scope.paymentResponse = {};
288 304
289 function createPayment(response) { 305 function createPayment(response) {
290 console.log("response====from===razorpay",response) 306 console.log("response====from===razorpay",response)
291 $route.reload(); 307 $route.reload();
292 $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id; 308 $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
293 $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId; 309 $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;
294 $scope.paymentResponse.amount = data.amount; 310 $scope.paymentResponse.amount = data.amount;
295 $scope.paymentResponse.currency = "INR"; 311 $scope.paymentResponse.currency = "INR";
296 $scope.paymentResponse.status = $scope.paymentResult.data.status; 312 $scope.paymentResponse.status = $scope.paymentResult.data.status;
297 $http({ 313 $http({
298 method: 'PUT', 314 method: 'PUT',
299 url: BASE_URL + '/payments/' + $scope.paymentResult.data.id, 315 url: BASE_URL + '/payments/' + $scope.paymentResult.data.id,
300 data: $scope.paymentResponse, 316 data: $scope.paymentResponse,
301 headers: {} 317 headers: {}
302 }).then(function mySuccess(searchResult) { 318 }).then(function mySuccess(searchResult) {
303 console.log("searchResult", searchResult) 319 console.log("searchResult", searchResult)
304 $scope.showToastr() 320 $scope.showToastr()
305 //toaster.success("Registration done successfully"); 321 //toaster.success("Registration done successfully");
306 322
307 }, function myError(error) {}); 323 }, function myError(error) {});
308 } 324 }
309 325
310 //}, function myError(error) {}); 326 //}, function myError(error) {});
311 //} 327 //}
312 328
313 } 329 }
314 330
315 $scope.showToastr = function() { 331 $scope.showToastr = function() {
316 console.log("called toast") 332 console.log("called toast")
317 var x = document.getElementById("snacsskbar") 333 var x = document.getElementById("snacsskbar")
318 x.className = "show"; 334 x.className = "show";
319 setTimeout(function() { 335 setTimeout(function() {
320 x.className = x.className.replace("show", ""); 336 x.className = x.className.replace("show", "");
321 }, 3000); 337 }, 3000);
322 } 338 }
323 339
324 /*kk***This code for change data when click to chooses stages***/ 340 /*kk***This code for change data when click to chooses stages***/
325 $scope.businessmodel = true; 341 $scope.businessmodel = true;
326 $scope.Idea = true; 342 $scope.Idea = true;
327 $scope.current = true; 343 $scope.current = true;
328 344
329 $scope.stage = function(stage) { 345 $scope.stage = function(stage) {
330 $scope.stagekeyPress(); 346 $scope.stagekeyPress();
331 console.log("stage--2",stage) 347 console.log("stage--2",stage)
332 if (stage == 'Idea') { 348 if (stage == 'Idea') {
333 $scope.current = 10; 349 $scope.current = 10;
334 $scope.prototyp = false; 350 $scope.prototyp = false;
335 $scope.market = false; 351 $scope.market = false;
336 $scope.risks = false; 352 $scope.risks = false;
337 $scope.team = false; 353 $scope.team = false;
338 $scope.pitch = false; 354 $scope.pitch = false;
339 $scope.financials = false; 355 $scope.financials = false;
340 $scope.businessmodel = true; 356 $scope.businessmodel = true;
341 $scope.data.stage = stage; 357 $scope.data.stage = stage;
342 // for right content 358 // for right content
343 $scope.Idea = true; 359 $scope.Idea = true;
344 $scope.Product = false; 360 $scope.Product = false;
345 $scope.Growth = false; 361 $scope.Growth = false;
346 } else if (stage == 'Product') { 362 } else if (stage == 'Product') {
347 $scope.current = 10; 363 $scope.current = 10;
348 $scope.prototyp = true; 364 $scope.prototyp = true;
349 $scope.market = true; 365 $scope.market = true;
350 $scope.risks = true; 366 $scope.risks = true;
351 $scope.team = true; 367 $scope.team = true;
352 $scope.pitch = true; 368 $scope.pitch = true;
353 $scope.financials = true; 369 $scope.financials = true;
354 $scope.businessmodel = false; 370 $scope.businessmodel = false;
355 $scope.data.stage = stage; 371 $scope.data.stage = stage;
356 // for right content 372 // for right content
357 $scope.Idea = false; 373 $scope.Idea = false;
358 $scope.Product = true; 374 $scope.Product = true;
359 $scope.Growth = false; 375 $scope.Growth = false;
360 } else if (stage == 'Growth') { 376 } else if (stage == 'Growth') {
361 $scope.current = 10; 377 $scope.current = 10;
362 $scope.prototyp = true; 378 $scope.prototyp = true;
363 $scope.market = true; 379 $scope.market = true;
364 $scope.risks = true; 380 $scope.risks = true;
365 $scope.team = true; 381 $scope.team = true;
366 $scope.pitch = true; 382 $scope.pitch = true;
367 $scope.financials = true; 383 $scope.financials = true;
368 $scope.businessmodel = false; 384 $scope.businessmodel = false;
369 // for right content 385 // for right content
370 $scope.Idea = false; 386 $scope.Idea = false;
371 $scope.Product = false; 387 $scope.Product = false;
372 $scope.Growth = true; 388 $scope.Growth = true;
373 $scope.data.stage = stage; 389 $scope.data.stage = stage;
374 } 390 }
375 } 391 }
376 $scope.enterbusiness = function(business) { 392 $scope.enterbusiness = function(business) {
377 console.log("business", business); 393 console.log("business", business);
378 if (name == undefined) { 394 if (name == undefined) {
379 $scope.current = false; 395 $scope.current = false;
380 396
381 } else if (name != undefined) { 397 } else if (name != undefined) {
382 $scope.current = true; 398 $scope.current = true;
383 } 399 }
384 } 400 }
385 /*******FOR FILL THE DATA AND SHOWS ICON GREEN*/ 401 /*******FOR FILL THE DATA AND SHOWS ICON GREEN*/
386 $scope.stagekeyPress = function() { 402 $scope.stagekeyPress = function() {
387 $('.icon-circle-a').css('background-color', 'rgb(66, 181, 73)'); 403 $('.icon-circle-a').css('background-color', 'rgb(66, 181, 73)');
388 } 404 }
389 $scope.sectorkeyPress = function() { 405 $scope.sectorkeyPress = function() {
390 $('.icon-circle-b').css('background-color', 'rgb(66, 181, 73)'); 406 $('.icon-circle-b').css('background-color', 'rgb(66, 181, 73)');
391 } 407 }
392 408
393 $scope.studentkeyPress = function() { 409 $scope.studentkeyPress = function() {
394 $('.icon-circle-ab').css('background-color', 'rgb(66, 181, 73)'); 410 $('.icon-circle-ab').css('background-color', 'rgb(66, 181, 73)');
395 } 411 }
396 412
397 $scope.namekeyPress = function(name) { 413 $scope.namekeyPress = function(name) {
398 console.log("name", name); 414 console.log("name", name);
399 if (name == undefined) { 415 if (name == undefined) {
400 $('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)'); 416 $('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');
401 } else { 417 } else {
402 $('.icon-circle-c').css('background-color', 'rgb(66, 181, 73)'); 418 $('.icon-circle-c').css('background-color', 'rgb(66, 181, 73)');
403 } 419 }
404 } 420 }
405 $scope.emailkeyPress = function(email) { 421 $scope.emailkeyPress = function(email) {
406 console.log("email", email); 422 console.log("email", email);
407 if (email == undefined) { 423 if (email == undefined) {
408 $('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)'); 424 $('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)');
409 } else { 425 } else {
410 $('.icon-circle-d').css('background-color', 'rgb(66, 181, 73)'); 426 $('.icon-circle-d').css('background-color', 'rgb(66, 181, 73)');
411 } 427 }
412 } 428 }
413 429
414 430
415 $scope.phonekeyPress = function(number) { 431 $scope.phonekeyPress = function(number) {
416 console.log("number", number); 432 console.log("number", number);
417 if (number == undefined) { 433 if (number == undefined) {
418 $('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)'); 434 $('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');
419 } else { 435 } else {
420 $('.icon-circle-e').css('background-color', 'rgb(66, 181, 73)'); 436 $('.icon-circle-e').css('background-color', 'rgb(66, 181, 73)');
421 } 437 }
422 } 438 }
423 439
424 $scope.citykeyPress = function(city) { 440 $scope.citykeyPress = function(city) {
425 console.log("city", city); 441 console.log("city", city);
426 if (city == undefined) { 442 if (city == undefined) {
427 $('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)'); 443 $('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)');
428 } else { 444 } else {
429 $('.icon-circle-f').css('background-color', 'rgb(66, 181, 73)'); 445 $('.icon-circle-f').css('background-color', 'rgb(66, 181, 73)');
430 } 446 }
431 } 447 }
432 448
433 $scope.questionkeyPress = function(q) { 449 $scope.questionkeyPress = function(q) {
434 if (q == undefined) { 450 if (q == undefined) {
435 $('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)'); 451 $('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');
436 } else { 452 } else {
437 $('.icon-circle-x').css('background-color', 'rgb(66, 181, 73)'); 453 $('.icon-circle-x').css('background-color', 'rgb(66, 181, 73)');
438 } 454 }
439 } 455 }
440 456
441 $scope.technologykeyPress = function(technology) { 457 $scope.technologykeyPress = function(technology) {
442 if (technology == undefined) { 458 if (technology == undefined) {
443 $('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)'); 459 $('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');
444 } else { 460 } else {
445 $('.icon-circle-h').css('background-color', 'rgb(66, 181, 73)'); 461 $('.icon-circle-h').css('background-color', 'rgb(66, 181, 73)');
446 } 462 }
447 } 463 }
448 $scope.problemkeyPress = function(problem) { 464 $scope.problemkeyPress = function(problem) {
449 if (problem == undefined) { 465 if (problem == undefined) {
450 $('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)'); 466 $('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)');
451 } else { 467 } else {
452 $('.icon-circle-i').css('background-color', 'rgb(66, 181, 73)'); 468 $('.icon-circle-i').css('background-color', 'rgb(66, 181, 73)');
453 } 469 }
454 } 470 }
455 $scope.solutionkeyPress = function(solution) { 471 $scope.solutionkeyPress = function(solution) {
456 if (solution == undefined) { 472 if (solution == undefined) {
457 $('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)'); 473 $('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)');
458 } else { 474 } else {
459 $('.icon-circle-j').css('background-color', 'rgb(66, 181, 73)'); 475 $('.icon-circle-j').css('background-color', 'rgb(66, 181, 73)');
460 } 476 }
461 } 477 }
462 $scope.businesskeyPress = function(business) { 478 $scope.businesskeyPress = function(business) {
463 $('.icon-circle-p').css('background-color', 'rgb(66, 181, 73)'); 479 $('.icon-circle-p').css('background-color', 'rgb(66, 181, 73)');
464 } 480 }
465 481
466 $scope.prototypekeyPress = function(prototype) { 482 $scope.prototypekeyPress = function(prototype) {
467 if (prototype == undefined) { 483 if (prototype == undefined) {
468 $('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)'); 484 $('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');
469 } else { 485 } else {
470 $('.icon-circle-k').css('background-color', 'rgb(66, 181, 73)'); 486 $('.icon-circle-k').css('background-color', 'rgb(66, 181, 73)');
471 } 487 }
472 } 488 }
473 489
474 $scope.marketkeyPress = function(market) { 490 $scope.marketkeyPress = function(market) {
475 if (market == undefined) { 491 if (market == undefined) {
476 $('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)'); 492 $('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');
477 } else { 493 } else {
478 $('.icon-circle-l').css('background-color', 'rgb(66, 181, 73)'); 494 $('.icon-circle-l').css('background-color', 'rgb(66, 181, 73)');
479 } 495 }
480 } 496 }
481 497
482 $scope.riskkeyPress = function(risk) { 498 $scope.riskkeyPress = function(risk) {
483 if (risk == undefined) { 499 if (risk == undefined) {
484 $('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)'); 500 $('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');
485 } else { 501 } else {
486 $('.icon-circle-m').css('background-color', 'rgb(66, 181, 73)'); 502 $('.icon-circle-m').css('background-color', 'rgb(66, 181, 73)');
487 } 503 }
488 } 504 }
489 505
490 $scope.teamkeyPress = function(team) { 506 $scope.teamkeyPress = function(team) {
491 if (team == undefined) { 507 if (team == undefined) {
492 $('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)'); 508 $('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');
493 } else { 509 } else {
494 $('.icon-circle-n').css('background-color', 'rgb(66, 181, 73)'); 510 $('.icon-circle-n').css('background-color', 'rgb(66, 181, 73)');
495 } 511 }
496 } 512 }
497 513
498 $scope.pitchkeyPress = function(pitch) { 514 $scope.pitchkeyPress = function(pitch) {
499 if (pitch == undefined) { 515 if (pitch == undefined) {
500 $('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)'); 516 $('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)');
501 } else { 517 } else {
502 $('.icon-circle-z').css('background-color', 'rgb(66, 181, 73)'); 518 $('.icon-circle-z').css('background-color', 'rgb(66, 181, 73)');
503 } 519 }
504 } 520 }
505 521
506 $scope.financialskeyPress = function(financial) { 522 $scope.financialskeyPress = function(financial) {
507 console.log("financial", financial); 523 console.log("financial", financial);
508 if (financial == undefined) { 524 if (financial == undefined) {
509 $('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)'); 525 $('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)');
510 } else { 526 } else {
511 $('.icon-circle-q').css('background-color', 'rgb(66, 181, 73)'); 527 $('.icon-circle-q').css('background-color', 'rgb(66, 181, 73)');
512 } 528 }
513 } 529 }
514 $scope.changeReferalIconColor = function(referalToken){ 530 $scope.changeReferalIconColor = function(referalToken){
515 if (referalToken == undefined || referalToken == '') { 531 if (referalToken == undefined || referalToken == '') {
516 $('.referel-icon').css('background-color', 'rgb(102, 102, 102)'); 532 $('.referel-icon').css('background-color', 'rgb(102, 102, 102)');
517 }else { 533 }else {
518 $('.referel-icon').css('background-color', 'rgb(66, 181, 73)'); 534 $('.referel-icon').css('background-color', 'rgb(66, 181, 73)');
519 } 535 }
520 } 536 }
521 537
522 }); 538 });
523 539
524 scotchApp.controller('verifyController', function($scope, $http, $location, $route,BASE_URL) { 540 scotchApp.controller('verifyController', function($scope, $http, $location, $route,BASE_URL) {
525 $scope.pendingPaymentId = $route.current.params.id 541 $scope.pendingPaymentId = $route.current.params.id
526 $http({ 542 $http({
527 method: "GET", 543 method: "GET",
528 url: BASE_URL + '/applicants/' + $scope.pendingPaymentId, 544 url: BASE_URL + '/applicants/' + $scope.pendingPaymentId,
529 }).then(function mySuccess(response) { 545 }).then(function mySuccess(response) {
530 $scope.data = response.data; 546 $scope.data = response.data;
531 console.log("response-1", response); 547 console.log("response-1", response);
532 $scope.pendingPaymentId = $route.current.params.id; 548 $scope.pendingPaymentId = $route.current.params.id;
533 549
534 $http({ 550 $http({
535 method: "GET", 551 method: "GET",
536 url: BASE_URL + '/payments?filter={"where":{"applicantId":' + $scope.pendingPaymentId + '}}', 552 url: BASE_URL + '/payments?filter={"where":{"applicantId":' + $scope.pendingPaymentId + '}}',
537 }).then(function mySuccess(response) { 553 }).then(function mySuccess(response) {
538 $scope.paymentRecord = response.data; 554 $scope.paymentRecord = response.data;
539 }, function myError(response) { 555 }, function myError(response) {
540 }); 556 });
541 }, function myError(response) { 557 }, function myError(response) {
542 $scope.myWelcome = response.statusText; 558 $scope.myWelcome = response.statusText;
543 }); 559 });
544 560
545 $scope.checkView = false; 561 $scope.checkView = false;
546 $scope.verifyView = false; 562 $scope.verifyView = false;
547 563
548 $scope.pendingPaymentId = ''; 564 $scope.pendingPaymentId = '';
549 565
550 $scope.update = function() { 566 $scope.update = function() {
551 567
552 $http({ 568 $http({
553 method: 'GET', 569 method: 'GET',
554 url: BASE_URL + '/payments?filter={"where":{"applicantId": ' + $scope.pendingPaymentId + '}}', 570 url: BASE_URL + '/payments?filter={"where":{"applicantId": ' + $scope.pendingPaymentId + '}}',
555 headers: {} 571 headers: {}
556 }).then(function mySuccess(searchResult) { 572 }).then(function mySuccess(searchResult) {
557 if (searchResult.data[0].status == "pending") { 573 if (searchResult.data[0].status == "pending") {
558 $scope.checkView = true; 574 $scope.checkView = true;
559 $scope.verifyView = false; 575 $scope.verifyView = false;
560 $scope.amount = searchResult.data[0].amount * 100; 576 $scope.amount = searchResult.data[0].amount * 100;
561 console.log('pending data', searchResult); 577 console.log('pending data', searchResult);
562 var i = 0; 578 var i = 0;
563 var options = { 579 var options = {
564 "key": "rzp_live_mhSE1uOBlXvFyJ", 580 "key": "rzp_live_mhSE1uOBlXvFyJ",
565 //"key" : "rzp_test_YwHsVFiDIQ2WUQ", 581 //"key" : "rzp_test_YwHsVFiDIQ2WUQ",
566 "amount": $scope.amount, 582 "amount": $scope.amount,
567 583
568 "name": "Startup Jalsa", 584 "name": "Startup Jalsa",
569 "description": "amount", 585 "description": "amount",
570 "currency": "INR", 586 "currency": "INR",
571 "status": "done", 587 "status": "done",
572 588
573 "theme": { 589 "theme": {
574 "color": "#2196f3 ", 590 "color": "#2196f3 ",
575 "image_padding": "NO" 591 "image_padding": "NO"
576 }, 592 },
577 "modal": { 593 "modal": {
578 "ondismiss": function() {} 594 "ondismiss": function() {}
579 }, 595 },
580 "handler": function(response) { 596 "handler": function(response) {
581 createPayment(response); 597 createPayment(response);
582 } 598 }
583 }; 599 };
584 var rzp1 = new Razorpay(options); 600 var rzp1 = new Razorpay(options);
585 rzp1.open(); 601 rzp1.open();
586 $scope.paymentResponse = {}; 602 $scope.paymentResponse = {};
587 603
588 function createPayment(response) { 604 function createPayment(response) {
589 console.log("response",response); 605 console.log("response",response);
590 $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id; 606 $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
591 $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId; 607 $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;
592 $scope.paymentResponse.amount = $scope.amount; 608 $scope.paymentResponse.amount = $scope.amount;
593 $scope.paymentResponse.currency = "INR"; 609 $scope.paymentResponse.currency = "INR";
594 $scope.paymentResponse.status = "captured"; 610 $scope.paymentResponse.status = "captured";
595 $scope.paymentResponse.applicantId = $scope.userId; 611 $scope.paymentResponse.applicantId = $scope.userId;
596 console.log("$scope.paymentResponse", $scope.paymentResponse) 612 console.log("$scope.paymentResponse", $scope.paymentResponse)
597 $http({ 613 $http({
598 method: 'PUT', 614 method: 'PUT',
599 url: BASE_URL + '/payments/' + $scope.paymentResult.data.id, 615 url: BASE_URL + '/payments/' + $scope.paymentResult.data.id,
600 data: $scope.paymentResponse, 616 data: $scope.paymentResponse,
601 headers: {} 617 headers: {}
602 }).then(function mySuccess(searchResult) { 618 }).then(function mySuccess(searchResult) {
603 console.log("finalsearchResult",searchResult) 619 console.log("finalsearchResult",searchResult)
604 }, function myError(error) { 620 }, function myError(error) {
605 621
606 }); 622 });
607 } 623 }
608 } else { 624 } else {
609 625
610 } 626 }
611 627
612 }, function myError(error) {}); 628 }, function myError(error) {});
613 } 629 }
614 }); 630 });
615 631
616 scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) { 632 scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) {
617 $scope.data = {}; 633 $scope.data = {};
618 $scope.check = false; 634 $scope.check = false;
619 $scope.numberCheck = false; 635 $scope.numberCheck = false;
620 636
621 $scope.emailcheck = function(val) { 637 $scope.emailcheck = function(val) {
622 if (val == undefined) { 638 if (val == undefined) {
623 $('#invalidEmail').css('display', 'block'); 639 $('#invalidEmail').css('display', 'block');
624 } else { 640 } else {
625 $http({ 641 $http({
626 method: 'GET', 642 method: 'GET',
627 url: BASE_URL + '/ambassadors?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}', 643 url: BASE_URL + '/ambassadors?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}',
628 headers: {} 644 headers: {}
629 }).then(function mySuccess(searchResult) { 645 }).then(function mySuccess(searchResult) {
630 console.log("searchResult1===>", searchResult) 646 console.log("searchResult1===>", searchResult)
631 if (searchResult.data.length == 0) { 647 if (searchResult.data.length == 0) {
632 $scope.check = false; 648 $scope.check = false;
633 } else { 649 } else {
634 $scope.check = true; 650 $scope.check = true;
635 $('#alreadyExist').css('display', 'block'); 651 $('#alreadyExist').css('display', 'block');
636 } 652 }
637 }, function myError(error) {}); 653 }, function myError(error) {});
638 } 654 }
639 }; 655 };
640 656
641 $scope.removeNoError = function() { 657 $scope.removeNoError = function() {
642 $('#noExist').css('display', 'none'); 658 $('#noExist').css('display', 'none');
643 }; 659 };
644 660
645 $scope.numbercheck = function(number) { 661 $scope.numbercheck = function(number) {
646 $http({ 662 $http({
647 method: 'GET', 663 method: 'GET',
648 url: BASE_URL + '/ambassadors?filter={"where": {"phone": {"like":"%25' + number + '%25"}}}', 664 url: BASE_URL + '/ambassadors?filter={"where": {"phone": {"like":"%25' + number + '%25"}}}',
649 data: $scope.data, 665 data: $scope.data,
650 headers: {} 666 headers: {}
651 }).then(function mySuccess(searchResult) { 667 }).then(function mySuccess(searchResult) {
652 console.log("searchResult===>", searchResult) 668 console.log("searchResult===>", searchResult)
653 if (searchResult.data.length == 0) { 669 if (searchResult.data.length == 0) {
654 $scope.numberCheck = false; 670 $scope.numberCheck = false;
655 671
656 } else { 672 } else {
657 $scope.numberCheck = true; 673 $scope.numberCheck = true;
658 $('#noExist').css('display', 'block'); 674 $('#noExist').css('display', 'block');
659 } 675 }
660 }, function myError(error) {}); 676 }, function myError(error) {});
661 }; 677 };
662 678
663 $scope.submit = function() { 679 $scope.submit = function() {
664 console.log($scope.data.name) 680 console.log($scope.data.name)
665 var randomNumber = ""+Math.random(); 681 var randomNumber = ""+Math.random();
666 var nameSpliced = $scope.data.name.slice(0,3); 682 var nameSpliced = $scope.data.name.slice(0,3);
667 var numberSpliced = randomNumber.slice(2,5); 683 var numberSpliced = randomNumber.slice(2,5);
668 $scope.data.referalToken = nameSpliced+numberSpliced; 684 $scope.data.referalToken = nameSpliced+numberSpliced;
669 $scope.data.referalToken = $scope.data.referalToken.toUpperCase(); 685 $scope.data.referalToken = $scope.data.referalToken.toUpperCase();
670 686
671 $http({ 687 $http({
672 method: 'POST', 688 method: 'POST',
673 url: BASE_URL + '/ambassadors', 689 url: BASE_URL + '/ambassadors',
674 data: $scope.data, 690 data: $scope.data,
675 headers: {} 691 headers: {}
676 }).then(function mySuccess(result) { 692 }).then(function mySuccess(result) {
677 console.log("result", result) 693 console.log("result", result)
678 $scope.detail = result; 694 $scope.detail = result;
679 $('#myModal').modal('show'); 695 $('#myModal').modal('show');
680 $scope.data.name = ''; 696 $scope.data.name = '';
681 $scope.data.email = ''; 697 $scope.data.email = '';
682 $scope.data.mobile = ''; 698 $scope.data.mobile = '';
683 699
684 }, function myError(error) {}); 700 }, function myError(error) {});
685 console.log($scope.data) 701 console.log($scope.data)
686 } 702 }
687 }); 703 });
688 704