Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code »

Commit 2d6a9fbea906d4c1b32f627ebe7cfc7eb4ef75a6

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

complete bugs

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