Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code »

Commit 93646a5a992c78a38b6b4db9c3987db3147f2346

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

minor changes

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