Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code »

Commit 1b31b20bf2b39dd7233e0867f5d243bf09631902

Authored by apple
1 parent 500aaf8382
Exists in master and in 1 other branch paytm

auto highlighted issue solve

Showing 2 changed files with 29 additions and 4 deletions   Show diff stats
1 /* { 1 /* {
2 outline: none !important; 2 outline: none !important;
3 } */ 3 } */
4 4
5 .logo{ 5 .logo{
6 height: 45px; 6 height: 45px;
7 /* margin-left: */ 7 /* margin-left: */
8 } 8 }
9 9
10 .hyperColor{ 10 .hyperColor{
11 color: white !important; 11 color: white !important;
12 cursor: pointer !important; 12 cursor: pointer !important;
13 } 13 }
14 .main-heading{ 14 .main-heading{
15 height: 70px; 15 height: 70px;
16 line-height: 70px; 16 line-height: 70px;
17 } 17 }
18 .card{ 18 .card{
19 flex-direction: column; 19 flex-direction: column;
20 background-color: rgb(255,255,255); 20 background-color: rgb(255,255,255);
21 border-radius: 0; 21 border-radius: 0;
22 width: 676px; 22 width: 676px;
23 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 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);
24 } 24 }
25 .card input{ 25 .card input{
26 display: none; 26 display: none;
27 } 27 }
28 .card .card-content{ 28 .card .card-content{
29 padding: 12px; 29 padding: 12px;
30 font-size: 12px; 30 font-size: 12px;
31 } 31 }
32 .card p{ 32 .card p{
33 margin-top:18px; 33 margin-top:18px;
34 margin-right:4px ; 34 margin-right:4px ;
35 margin-bottom:-5px; 35 margin-bottom:-5px;
36 /*margin-left:13px;*/ 36 /*margin-left:13px;*/
37 37
38 font-family: montserrat, arial, verdana; 38 font-family: montserrat, arial, verdana;
39 font-weight: normal; 39 font-weight: normal;
40 font-size: 12px; 40 font-size: 12px;
41 } 41 }
42 .card .thumbnail{ 42 .card .thumbnail{
43 padding: 15px 30px 1px 28px; 43 padding: 15px 30px 1px 28px;
44 border: 0; 44 border: 0;
45 border-radius: 0px !important; 45 border-radius: 0px !important;
46 } 46 }
47 .panel-default{ 47 .panel-default{
48 border-color: #ddd; 48 border-color: #ddd;
49 } 49 }
50 .video-wrapper{ 50 .video-wrapper{
51 padding: 16px 0; 51 padding: 16px 0;
52 } 52 }
53 .stageRadio:checked+label{ 53 .stageRadio:checked+label{
54 background-color: #42b549; 54 background-color: #42b549;
55 color: #fff !important; 55 color: #fff !important;
56 } 56 }
57 57
58 .stageRadio1:checked+label{ 58 .stageRadio1:checked+label{
59 background-color: rgba(158, 158, 158, 0.05); 59 background-color: rgba(158, 158, 158, 0.05);
60 } 60 }
61 61
62 /* css for radio buttons */ 62 /* css for radio buttons */
63 63
64 .option-input { 64 .option-input {
65 -webkit-appearance: none; 65 -webkit-appearance: none;
66 -moz-appearance: none; 66 -moz-appearance: none;
67 -ms-appearance: none; 67 -ms-appearance: none;
68 -o-appearance: none; 68 -o-appearance: none;
69 appearance: none; 69 appearance: none;
70 position: relative; 70 position: relative;
71 /*top: 13.33333px;*/ 71 /*top: 13.33333px;*/
72 right: 0; 72 right: 0;
73 bottom: 0; 73 bottom: 0;
74 left: 0; 74 left: 0;
75 height: 15px; 75 height: 15px;
76 width: 15px; 76 width: 15px;
77 transition: all 0.15s ease-out 0s; 77 transition: all 0.15s ease-out 0s;
78 background: transparent; 78 background: transparent;
79 border: 2px solid #42b549; 79 border: 2px solid #42b549;
80 color: #fff; 80 color: #fff;
81 cursor: pointer; 81 cursor: pointer;
82 display: inline-block; 82 display: inline-block;
83 margin-right: 0.5rem; 83 margin-right: 0.5rem;
84 outline: none; 84 outline: none;
85 position: relative; 85 position: relative;
86 z-index: 1000; 86 z-index: 1000;
87 } 87 }
88 .option-input:checked { 88 .option-input:checked {
89 background: #42b549; 89 background: #42b549;
90 } 90 }
91 .option-input:checked::before { 91 .option-input:checked::before {
92 height: 20px; 92 height: 20px;
93 width: 20px; 93 width: 20px;
94 position: absolute; 94 position: absolute;
95 /*content: '✔';*/ 95 /*content: '✔';*/
96 display: inline-block; 96 display: inline-block;
97 font-size: 12px; 97 font-size: 12px;
98 text-align: center; 98 text-align: center;
99 line-height: 22px; 99 line-height: 22px;
100 } 100 }
101 .option-input:checked::after { 101 .option-input:checked::after {
102 -webkit-animation: click-wave 0.65s; 102 -webkit-animation: click-wave 0.65s;
103 -moz-animation: click-wave 0.65s; 103 -moz-animation: click-wave 0.65s;
104 animation: click-wave 0.65s; 104 animation: click-wave 0.65s;
105 background: #40e0d0; 105 background: #40e0d0;
106 content: ''; 106 content: '';
107 display: block; 107 display: block;
108 position: relative; 108 position: relative;
109 z-index: 100; 109 z-index: 100;
110 } 110 }
111 .option-input-a.radio-a::after { 111 .option-input-a.radio-a::after {
112 border-radius: 50%; 112 border-radius: 50%;
113 } 113 }
114 /*second css*/ 114 /*second css*/
115 .option-input-a { 115 .option-input-a {
116 -webkit-appearance: none; 116 -webkit-appearance: none;
117 -moz-appearance: none; 117 -moz-appearance: none;
118 -ms-appearance: none; 118 -ms-appearance: none;
119 -o-appearance: none; 119 -o-appearance: none;
120 appearance: none; 120 appearance: none;
121 position: relative; 121 position: relative;
122 /*top: 13.33333px;*/ 122 /*top: 13.33333px;*/
123 right: 0; 123 right: 0;
124 bottom: 0; 124 bottom: 0;
125 left: 0; 125 left: 0;
126 height: 22px; 126 height: 22px;
127 width: 22px; 127 width: 22px;
128 transition: all 0.15s ease-out 0s; 128 transition: all 0.15s ease-out 0s;
129 background: transparent; 129 background: transparent;
130 border: 2px solid #42b549; 130 border: 2px solid #42b549;
131 color: #fff; 131 color: #fff;
132 cursor: pointer; 132 cursor: pointer;
133 display: inline-block; 133 display: inline-block;
134 margin-right: 0.5rem; 134 margin-right: 0.5rem;
135 outline: none; 135 outline: none;
136 position: relative; 136 position: relative;
137 z-index: 1000; 137 z-index: 1000;
138 } 138 }
139 .option-input-a:checked { 139 .option-input-a:checked {
140 background: #42b549; 140 background: #42b549;
141 } 141 }
142 .option-input-a:checked::before { 142 .option-input-a:checked::before {
143 height: 20px; 143 height: 20px;
144 width: 20px; 144 width: 20px;
145 position: absolute; 145 position: absolute;
146 /*content: '✔';*/ 146 /*content: '✔';*/
147 display: inline-block; 147 display: inline-block;
148 font-size: 12px; 148 font-size: 12px;
149 text-align: center; 149 text-align: center;
150 line-height: 22px; 150 line-height: 22px;
151 } 151 }
152 .option-input-a:checked::after { 152 .option-input-a:checked::after {
153 -webkit-animation: click-wave 0.65s; 153 -webkit-animation: click-wave 0.65s;
154 -moz-animation: click-wave 0.65s; 154 -moz-animation: click-wave 0.65s;
155 animation: click-wave 0.65s; 155 animation: click-wave 0.65s;
156 background: #40e0d0; 156 background: #40e0d0;
157 content: ''; 157 content: '';
158 display: block; 158 display: block;
159 position: relative; 159 position: relative;
160 z-index: 100; 160 z-index: 100;
161 } 161 }
162 .option-input-a.radio-a { 162 .option-input-a.radio-a {
163 border-radius: 50%; 163 border-radius: 50%;
164 } 164 }
165 .option-input-a.radio-a::after { 165 .option-input-a.radio-a::after {
166 border-radius: 50%; 166 border-radius: 50%;
167 } 167 }
168 168
169 /* css for radio ends */ 169 /* css for radio ends */
170 170
171 .card-small{ 171 .card-small{
172 cursor: pointer; 172 cursor: pointer;
173 } 173 }
174 .card-small img{ 174 .card-small img{
175 width: 37px; 175 width: 37px;
176 } 176 }
177 .card-small label{ 177 .card-small label{
178 width: 100%; 178 width: 100%;
179 font-weight: normal; 179 font-weight: normal;
180 font-size: 12px; 180 font-size: 12px;
181 margin-top: 5px; 181 margin-top: 5px;
182 } 182 }
183 /*.text-input{ 183 /*.text-input{
184 width: 100%; 184 width: 100%;
185 border: 0; 185 border: 0;
186 border-bottom: 2px solid #42b549; 186 border-bottom: 2px solid #42b549;
187 font-size: 18px; 187 font-size: 18px;
188 padding: 5px; 188 padding: 5px;
189 }*/ 189 }*/
190 .input-wrapper{ 190 .input-wrapper{
191 margin-bottom: 15px !important; 191 margin-bottom: 15px !important;
192 } 192 }
193 .select-input{ 193 .select-input{
194 width: 100%; 194 width: 100%;
195 border: 0; 195 border: 0;
196 border-bottom: 2px solid #42b549; 196 border-bottom: 2px solid #42b549;
197 background-color: transparent; 197 background-color: transparent;
198 font-size: 12px; 198 font-size: 12px;
199 padding: 5px; 199 padding: 5px;
200 } 200 }
201 .submit-button, .submit-button:hover{ 201 .submit-button, .submit-button:hover{
202 /*background-color: #00bcd4;*/ 202 /*background-color: #00bcd4;*/
203 background-color: #0161EE; 203 background-color: #0161EE;
204 color: #fff; 204 color: #fff;
205 /*display: none;*/ 205 /*display: none;*/
206 } 206 }
207 .submit-button:disabled{ 207 .submit-button:disabled{
208 background-color: #ddd; 208 background-color: #ddd;
209 } 209 }
210 210
211 .submit-button-form, .submit-button-form:hover{ 211 .submit-button-form, .submit-button-form:hover{
212 212
213 background-color: #0161EE; 213 background-color: #0161EE;
214 margin-top: 2%; 214 margin-top: 2%;
215 margin-bottom: 3%; 215 margin-bottom: 3%;
216 216
217 } 217 }
218 .submit-button-form:disabled{ 218 .submit-button-form:disabled{
219 background-color: #ddd; 219 background-color: #ddd;
220 margin-top: 2%; 220 margin-top: 2%;
221 margin-bottom: 3%; 221 margin-bottom: 3%;
222 } 222 }
223 223
224 .textarea{ 224 .textarea{
225 min-height: 97px; 225 min-height: 97px;
226 } 226 }
227 .error-message{ 227 .error-message{
228 font-weight: inherit; 228 font-weight: inherit;
229 color: #ff0000; 229 color: #ff0000;
230 margin: 5px 4px -5px 0px; 230 margin: 5px 4px -5px 0px;
231 display: none; 231 display: none;
232 } 232 }
233 233
234 /*custom input*/ 234 /*custom input*/
235 .text-input, select { 235 .text-input, select {
236 width: 100%; 236 width: 100%;
237 -webkit-appearance: none; 237 -webkit-appearance: none;
238 padding: 12px 25px; 238 padding: 12px 25px;
239 margin: -2px 0; 239 margin: -2px 0;
240 display: inline-block; 240 display: inline-block;
241 border: 0px solid rgba(51, 51, 51, 0); 241 border: 0px solid rgba(51, 51, 51, 0);
242 border-radius: -3px; 242 border-radius: -3px;
243 box-sizing: border-box; 243 box-sizing: border-box;
244 box-shadow: 0 0 10px rgba(240, 255, 235); 244 box-shadow: 0 0 10px rgba(240, 255, 235);
245 -moz-box-shadow: 0 0 10px rgba(240, 255, 235); 245 -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
246 -webkit-box-shadow: 0 0 5px #777; 246 -webkit-box-shadow: 0 0 5px #777;
247 -o-box-shadow: 0 0 10px rgba(240, 255, 235); 247 -o-box-shadow: 0 0 10px rgba(240, 255, 235);
248 font-size: 12px; 248 font-size: 12px;
249 } 249 }
250 250
251 /* progress bar css */ 251 /* progress bar css */
252 252
253 @-webkit-keyframes 253 @-webkit-keyframes
254 load { 0% { 254 load { 0% {
255 stroke-dashoffset:0 255 stroke-dashoffset:0
256 } 256 }
257 } 257 }
258 @-moz-keyframes 258 @-moz-keyframes
259 load { 0% { 259 load { 0% {
260 stroke-dashoffset:0 260 stroke-dashoffset:0
261 } 261 }
262 } 262 }
263 @keyframes 263 @keyframes
264 load { 0% { 264 load { 0% {
265 stroke-dashoffset:0 265 stroke-dashoffset:0
266 } 266 }
267 } 267 }
268 268
269 /* Container */ 269 /* Container */
270 270
271 .progress-form { 271 .progress-form {
272 position: relative; 272 position: relative;
273 display: inline-block; 273 display: inline-block;
274 padding: 0; 274 padding: 0;
275 text-align: center; 275 text-align: center;
276 } 276 }
277 277
278 /* Item */ 278 /* Item */
279 279
280 .progress-form>li { 280 .progress-form>li {
281 display: inline-block; 281 display: inline-block;
282 position: relative; 282 position: relative;
283 text-align: center; 283 text-align: center;
284 color: #93A2AC; 284 color: #93A2AC;
285 font-family: Lato; 285 font-family: Lato;
286 font-weight: 100; 286 font-weight: 100;
287 margin: 2rem; 287 margin: 2rem;
288 } 288 }
289 289
290 .progress-form>li:before { 290 .progress-form>li:before {
291 content: attr(data-name); 291 content: attr(data-name);
292 position: absolute; 292 position: absolute;
293 width: 100%; 293 width: 100%;
294 bottom: -2rem; 294 bottom: -2rem;
295 font-weight: 400; 295 font-weight: 400;
296 } 296 }
297 297
298 .progress-form>li:after { 298 .progress-form>li:after {
299 content: attr(data-percent); 299 content: attr(data-percent);
300 position: absolute; 300 position: absolute;
301 width: 100%; 301 width: 100%;
302 top: 3.7rem; 302 top: 3.7rem;
303 left: 0; 303 left: 0;
304 font-size: 2rem; 304 font-size: 2rem;
305 text-align: center; 305 text-align: center;
306 } 306 }
307 307
308 .progress-form svg { 308 .progress-form svg {
309 width: 10rem; 309 width: 10rem;
310 height: 10rem; 310 height: 10rem;
311 } 311 }
312 312
313 .progress-form svg:nth-child(2) { 313 .progress-form svg:nth-child(2) {
314 position: absolute; 314 position: absolute;
315 left: 0; 315 left: 0;
316 top: 0; 316 top: 0;
317 transform: rotate(-90deg); 317 transform: rotate(-90deg);
318 -webkit-transform: rotate(-90deg); 318 -webkit-transform: rotate(-90deg);
319 -moz-transform: rotate(-90deg); 319 -moz-transform: rotate(-90deg);
320 -ms-transform: rotate(-90deg); 320 -ms-transform: rotate(-90deg);
321 } 321 }
322 322
323 .progress-form svg:nth-child(2) path { 323 .progress-form svg:nth-child(2) path {
324 fill: none; 324 fill: none;
325 stroke-width: 25; 325 stroke-width: 25;
326 stroke-dasharray: 629; 326 stroke-dasharray: 629;
327 stroke: rgba(255, 255, 255, 0.9); 327 stroke: rgba(255, 255, 255, 0.9);
328 -webkit-animation: load 10s; 328 -webkit-animation: load 10s;
329 -moz-animation: load 10s; 329 -moz-animation: load 10s;
330 -o-animation: load 10s; 330 -o-animation: load 10s;
331 animation: load 10s; 331 animation: load 10s;
332 } 332 }
333 /*circle of stage image*/ 333 /*circle of stage image*/
334 .circular{ 334 .circular{
335 335
336 -webkit-border-radius: 150px; 336 -webkit-border-radius: 150px;
337 -moz-border-radius: 150px; 337 -moz-border-radius: 150px;
338 border-radius: 150px; 338 border-radius: 150px;
339 box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); 339 box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
340 border: 5px solid white; 340 border: 5px solid white;
341 overflow: hidden; 341 overflow: hidden;
342 position: fixed; 342 position: fixed;
343 height: 100px; 343 height: 100px;
344 width: 100px; 344 width: 100px;
345 left: 80px; 345 left: 80px;
346 top: 20px; 346 top: 20px;
347 } 347 }
348 /*font-size*/ 348 /*font-size*/
349 .font{ 349 .font{
350 font-size: 14px; 350 font-size: 14px;
351 } 351 }
352 352
353 .f-family { 353 .f-family {
354 font-family:sans-serif; 354 font-family:sans-serif;
355 } 355 }
356 356
357 /*container-card css*/ 357 /*container-card css*/
358 .container-card { 358 .container-card {
359 width: auto; 359 width: auto;
360 float: left; 360 float: left;
361 margin: 31px 24px 26px 14px; 361 margin: 31px 24px 26px 14px;
362 } 362 }
363 363
364 /******This css for header container******/ 364 /******This css for header container******/
365 .h1 { 365 .h1 {
366 font-size: 20px; 366 font-size: 20px;
367 margin: 11px; 367 margin: 11px;
368 } 368 }
369 369
370 .paragraph { 370 .paragraph {
371 font-size: 14px; 371 font-size: 14px;
372 margin: 30px 10px 20px; 372 margin: 30px 10px 20px;
373 line-height: 1.5; 373 line-height: 1.5;
374 } 374 }
375 /*This css for stages container*/ 375 /*This css for stages container*/
376 376
377 .full-line { 377 .full-line {
378 border-bottom: 2px solid #dedede; 378 border-bottom: 2px solid #dedede;
379 padding: 15px 10px; 379 padding: 15px 10px;
380 } 380 }
381 381
382 .stages-card { 382 .stages-card {
383 width: auto; 383 width: auto;
384 float: left; 384 float: left;
385 /*margin: -30px 8px 7px 22px;*/ 385 /*margin: -30px 8px 7px 22px;*/
386 } 386 }
387 387
388 /*form -css*/ 388 /*form -css*/
389 .form-all { 389 .form-all {
390 margin: 13px 4px 26px -2px; 390 margin: 13px 4px 26px -2px;
391 border-radius: 15px; 391 border-radius: 15px;
392 background-color: #fff; 392 background-color: #fff;
393 padding-top: 1px; 393 padding-top: 1px;
394 padding-left: 1%; 394 padding-left: 1%;
395 /*display: none;*/ 395 /*display: none;*/
396 } 396 }
397 397
398 .step-two-form{ 398 .step-two-form{
399 display: block; 399 display: block;
400 } 400 }
401 401
402 /*This is for stages images*/ 402 /*This is for stages images*/
403 .stage-img { 403 .stage-img {
404 width: 115px; 404 width: 115px;
405 } 405 }
406 406
407 .stage-thumbnail { 407 .stage-thumbnail {
408 float: left; 408 float: left;
409 margin-bottom: 0; 409 margin-bottom: 0;
410 } 410 }
411 411
412 .stage-shadow { 412 .stage-shadow {
413 /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 413 /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
414 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 414 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
415 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */ 415 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
416 /*margin: 3px 22px 14px 14px;*/ 416 /*margin: 3px 22px 14px 14px;*/
417 background-color: #ffffff; 417 background-color: #ffffff;
418 } 418 }
419 419
420 /* .line-size { 420 /* .line-size {
421 421
422 } */ 422 } */
423 423
424 .card-paragraph { 424 .card-paragraph {
425 background-color: rgba(66, 181, 73, 0.61); 425 background-color: rgba(66, 181, 73, 0.61);
426 color: #fff; 426 color: #fff;
427 } 427 }
428 428
429 /* identity card css*/ 429 /* identity card css*/
430 430
431 .identity-shadow { 431 .identity-shadow {
432 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 432 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
433 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 433 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
434 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 434 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
435 margin: 15px 15px 17px 14px; 435 margin: 15px 15px 17px 14px;
436 background-color: #ffffff; 436 background-color: #ffffff;
437 /*display: none;*/ 437 /*display: none;*/
438 } 438 }
439 439
440 .identity-question { 440 .identity-question {
441 border-bottom: 2px solid #dedede; 441 border-bottom: 2px solid #dedede;
442 padding: 0px 10px; 442 padding: 0px 10px;
443 } 443 }
444 444
445 .identity-align { 445 .identity-align {
446 margin: 8px -12px 19px 13px; 446 margin: 8px -12px 19px 13px;
447 } 447 }
448 448
449 449
450 /********This css for sectors**************/ 450 /********This css for sectors**************/
451 .sectors-card { 451 .sectors-card {
452 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 452 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
453 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 453 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
454 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 454 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
455 margin: 27px 22px 14px 14px; 455 margin: 27px 22px 14px 14px;
456 background-color: #ffffff; 456 background-color: #ffffff;
457 /*display: none;*/ 457 /*display: none;*/
458 } 458 }
459 459
460 .sector-card { 460 .sector-card {
461 width: auto; 461 width: auto;
462 float: left; 462 float: left;
463 margin: 29px 22px 26px 14px; 463 margin: 29px 22px 26px 14px;
464 } 464 }
465 465
466 .sector-question { 466 .sector-question {
467 border-bottom: 2px solid #dedede; 467 border-bottom: 2px solid #dedede;
468 padding: 15px 10px; 468 padding: 15px 10px;
469 } 469 }
470 470
471 /*To make the Stages in the center*/ 471 /*To make the Stages in the center*/
472 .card-align { 472 .card-align {
473 /*margin: 56px -267px 11px -37px;*/ 473 /*margin: 56px -267px 11px -37px;*/
474 } 474 }
475 475
476 /*To make the sectors in the center */ 476 /*To make the sectors in the center */
477 477
478 478
479 /*************sidebar content margin***********/ 479 /*************sidebar content margin***********/
480 .sidebar-align { 480 .sidebar-align {
481 margin: -5px -3px -18px 9px; 481 margin: -5px -3px -18px 9px;
482 } 482 }
483 483
484 .heading { 484 .heading {
485 margin: 15px 10px 15px 16px; 485 margin: 15px 10px 15px 16px;
486 } 486 }
487 .quiz { 487 .quiz {
488 margin: 5px 5px 6px 19px; 488 margin: 5px 5px 6px 19px;
489 font-size: 12px; 489 font-size: 12px;
490 } 490 }
491 491
492 #footer { 492 #footer {
493 /*position: bottom; 493 /*position: bottom;
494 width: 100%; 494 width: 100%;
495 height: auto;*/ 495 height: auto;*/
496 } 496 }
497 497
498 #front { 498 #front {
499 background-color: #171717; 499 background-color: #171717;
500 /*background-image: url(/images/mock_up_background.jpg); 500 /*background-image: url(/images/mock_up_background.jpg);
501 background-repeat: no-repeat; 501 background-repeat: no-repeat;
502 background-size: cover; 502 background-size: cover;
503 background-attachment: fixed;*/ 503 background-attachment: fixed;*/
504 } 504 }
505 505
506 /* .footer { 506 /* .footer {
507 507
508 bottom: 0px; 508 bottom: 0px;
509 background-color: #76b34f !important; 509 background-color: #76b34f !important;
510 width: 100%; 510 width: 100%;
511 color:rgba(255, 255, 255, 0.77); 511 color:rgba(255, 255, 255, 0.77);
512 }*/ 512 }*/
513 513
514 /********question box*****************/ 514 /********question box*****************/
515 .question-shadow { 515 .question-shadow {
516 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 516 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
517 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 517 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
518 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 518 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
519 margin: 15px 15px 17px 14px; 519 margin: 15px 15px 17px 14px;
520 background-color: #ffffff; 520 background-color: #ffffff;
521 } 521 }
522 522
523 523
524 524
525 .question-card { 525 .question-card {
526 width: auto; 526 width: auto;
527 float: left; 527 float: left;
528 margin: 29px 22px 26px 14px; 528 margin: 29px 22px 26px 14px;
529 } 529 }
530 530
531 /*for p*/ 531 /*for p*/
532 .line-space { 532 .line-space {
533 line-height: 1.6em; 533 line-height: 1.6em;
534 font-size: 11px; 534 font-size: 11px;
535 } 535 }
536 536
537 .line-adjust { 537 .line-adjust {
538 margin-left: 0px; 538 margin-left: 0px;
539 } 539 }
540 540
541 /*badge icon css*/ 541 /*badge icon css*/
542 542
543 .material-icons{ 543 .material-icons{
544 font-size: 17px !important; 544 font-size: 17px !important;
545 } 545 }
546 546
547 .icon-circle-a { 547 .icon-circle-a {
548 background: rgba(89, 89, 89, 0.92); 548 background: rgba(89, 89, 89, 0.92);
549 border-radius: 50%; 549 border-radius: 50%;
550 width: 30px; 550 width: 30px;
551 height: 30px; 551 height: 30px;
552 position: absolute; 552 position: absolute;
553 left: 14px; 553 left: 14px;
554 margin-top: 10px; 554 margin-top: 10px;
555 color: #fff; 555 color: #fff;
556 text-align: center; 556 text-align: center;
557 } 557 }
558 558
559 .icon-circle-b { 559 .icon-circle-b {
560 background: rgba(89, 89, 89, 0.92); 560 background: rgba(89, 89, 89, 0.92);
561 border-radius: 50%; 561 border-radius: 50%;
562 width: 30px; 562 width: 30px;
563 height: 30px; 563 height: 30px;
564 position: absolute; 564 position: absolute;
565 left: 14px; 565 left: 14px;
566 margin-top: 10px; 566 margin-top: 10px;
567 color: #fff; 567 color: #fff;
568 text-align: center; 568 text-align: center;
569 } 569 }
570 570
571 .icon-circle-c { 571 .icon-circle-c {
572 background: rgba(89, 89, 89, 0.92); 572 background: rgba(89, 89, 89, 0.92);
573 border-radius: 50%; 573 border-radius: 50%;
574 width: 30px; 574 width: 30px;
575 height: 30px; 575 height: 30px;
576 position: absolute; 576 position: absolute;
577 left: 0px; 577 left: 0px;
578 margin-top: 4px; 578 margin-top: 4px;
579 color: #fff; 579 color: #fff;
580 text-align: center; 580 text-align: center;
581 } 581 }
582 582
583 .icon-circle-d { 583 .icon-circle-d {
584 background: rgba(89, 89, 89, 0.92); 584 background: rgba(89, 89, 89, 0.92);
585 border-radius: 50%; 585 border-radius: 50%;
586 width: 30px; 586 width: 30px;
587 height: 30px; 587 height: 30px;
588 position: absolute; 588 position: absolute;
589 left: 0px; 589 left: 0px;
590 margin-top: 4px; 590 margin-top: 4px;
591 color: #fff; 591 color: #fff;
592 text-align: center; 592 text-align: center;
593 } 593 }
594 594
595 .icon-circle-e { 595 .icon-circle-e {
596 background: rgba(89, 89, 89, 0.92); 596 background: rgba(89, 89, 89, 0.92);
597 border-radius: 50%; 597 border-radius: 50%;
598 width: 30px; 598 width: 30px;
599 height: 30px; 599 height: 30px;
600 position: absolute; 600 position: absolute;
601 left: 0px; 601 left: 0px;
602 margin-top: 4px; 602 margin-top: 4px;
603 color: #fff; 603 color: #fff;
604 text-align: center; 604 text-align: center;
605 } 605 }
606 606
607 .icon-circle-f { 607 .icon-circle-f {
608 background: rgba(89, 89, 89, 0.92); 608 background: rgba(89, 89, 89, 0.92);
609 border-radius: 50%; 609 border-radius: 50%;
610 width: 30px; 610 width: 30px;
611 height: 30px; 611 height: 30px;
612 position: absolute; 612 position: absolute;
613 left: 0px; 613 left: 0px;
614 margin-top: 3px; 614 margin-top: 3px;
615 color: #fff; 615 color: #fff;
616 text-align: center; 616 text-align: center;
617 } 617 }
618 618
619 .icon-circle-g { 619 .icon-circle-g {
620 background: rgba(89, 89, 89, 0.92); 620 background: rgba(89, 89, 89, 0.92);
621 border-radius: 50%; 621 border-radius: 50%;
622 width: 30px; 622 width: 30px;
623 height: 30px; 623 height: 30px;
624 position: absolute; 624 position: absolute;
625 left: 14px; 625 left: 14px;
626 margin-top: 10px; 626 margin-top: 10px;
627 color: #fff; 627 color: #fff;
628 text-align: center; 628 text-align: center;
629 } 629 }
630 630
631 .icon-circle-h { 631 .icon-circle-h {
632 background: rgba(89, 89, 89, 0.92); 632 background: rgba(89, 89, 89, 0.92);
633 border-radius: 50%; 633 border-radius: 50%;
634 width: 30px; 634 width: 30px;
635 height: 30px; 635 height: 30px;
636 position: absolute; 636 position: absolute;
637 left: 0px; 637 left: 0px;
638 margin-top: 4px; 638 margin-top: 4px;
639 color: #fff; 639 color: #fff;
640 text-align: center; 640 text-align: center;
641 } 641 }
642 642
643 .icon-circle-i { 643 .icon-circle-i {
644 background: rgba(89, 89, 89, 0.92); 644 background: rgba(89, 89, 89, 0.92);
645 border-radius: 50%; 645 border-radius: 50%;
646 width: 30px; 646 width: 30px;
647 height: 30px; 647 height: 30px;
648 position: absolute; 648 position: absolute;
649 left: 0px; 649 left: 0px;
650 margin-top: 4px; 650 margin-top: 4px;
651 color: #fff; 651 color: #fff;
652 text-align: center; 652 text-align: center;
653 } 653 }
654 654
655 .icon-circle-j { 655 .icon-circle-j {
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 } 665 }
666 666
667 .icon-circle-k { 667 .icon-circle-k {
668 background: rgba(89, 89, 89, 0.92); 668 background: rgba(89, 89, 89, 0.92);
669 border-radius: 50%; 669 border-radius: 50%;
670 width: 30px; 670 width: 30px;
671 height: 30px; 671 height: 30px;
672 position: absolute; 672 position: absolute;
673 left: 0px; 673 left: 0px;
674 margin-top: 30px; 674 margin-top: 30px;
675 color: #fff; 675 color: #fff;
676 text-align: center; 676 text-align: center;
677 } 677 }
678 678
679 .icon-circle-y { 679 .icon-circle-y {
680 background: rgba(89, 89, 89, 0.92); 680 background: rgba(89, 89, 89, 0.92);
681 border-radius: 50%; 681 border-radius: 50%;
682 width: 30px; 682 width: 30px;
683 height: 30px; 683 height: 30px;
684 position: absolute; 684 position: absolute;
685 left: 0px; 685 left: 0px;
686 margin-top: 4px; 686 margin-top: 4px;
687 color: #fff; 687 color: #fff;
688 text-align: center; 688 text-align: center;
689 } 689 }
690 690
691 .icon-circle-o { 691 .icon-circle-o {
692 background: rgba(89, 89, 89, 0.92); 692 background: rgba(89, 89, 89, 0.92);
693 border-radius: 50%; 693 border-radius: 50%;
694 width: 30px; 694 width: 30px;
695 height: 30px; 695 height: 30px;
696 position: absolute; 696 position: absolute;
697 left: 0px; 697 left: 0px;
698 margin-top: 4px; 698 margin-top: 4px;
699 color: #fff; 699 color: #fff;
700 text-align: center; 700 text-align: center;
701 } 701 }
702 702
703 .icon-circle-l { 703 .icon-circle-l {
704 background: rgba(89, 89, 89, 0.92); 704 background: rgba(89, 89, 89, 0.92);
705 border-radius: 50%; 705 border-radius: 50%;
706 width: 30px; 706 width: 30px;
707 height: 30px; 707 height: 30px;
708 position: absolute; 708 position: absolute;
709 left: 0px; 709 left: 0px;
710 margin-top: 4px; 710 margin-top: 4px;
711 color: #fff; 711 color: #fff;
712 text-align: center; 712 text-align: center;
713 } 713 }
714 714
715 .icon-circle-m { 715 .icon-circle-m {
716 background: rgba(89, 89, 89, 0.92); 716 background: rgba(89, 89, 89, 0.92);
717 border-radius: 50%; 717 border-radius: 50%;
718 width: 30px; 718 width: 30px;
719 height: 30px; 719 height: 30px;
720 position: absolute; 720 position: absolute;
721 left: 0px; 721 left: 0px;
722 margin-top: 4px; 722 margin-top: 4px;
723 color: #fff; 723 color: #fff;
724 text-align: center; 724 text-align: center;
725 } 725 }
726 726
727 .icon-circle-n { 727 .icon-circle-n {
728 background: rgba(89, 89, 89, 0.92); 728 background: rgba(89, 89, 89, 0.92);
729 border-radius: 50%; 729 border-radius: 50%;
730 width: 30px; 730 width: 30px;
731 height: 30px; 731 height: 30px;
732 position: absolute; 732 position: absolute;
733 left: 0px; 733 left: 0px;
734 margin-top: 4px; 734 margin-top: 4px;
735 color: #fff; 735 color: #fff;
736 text-align: center; 736 text-align: center;
737 } 737 }
738 738
739 .icon-circle-x { 739 .icon-circle-x {
740 background: rgba(89, 89, 89, 0.92); 740 background: rgba(89, 89, 89, 0.92);
741 border-radius: 50%; 741 border-radius: 50%;
742 width: 30px; 742 width: 30px;
743 height: 30px; 743 height: 30px;
744 position: absolute; 744 position: absolute;
745 left: 0px; 745 left: 0px;
746 margin-top: 30px; 746 margin-top: 30px;
747 color: #fff; 747 color: #fff;
748 text-align: center; 748 text-align: center;
749 } 749 }
750 750
751 .icon-circle-p { 751 .icon-circle-p {
752 background: rgba(89, 89, 89, 0.92); 752 background: rgba(89, 89, 89, 0.92);
753 border-radius: 50%; 753 border-radius: 50%;
754 width: 30px; 754 width: 30px;
755 height: 30px; 755 height: 30px;
756 position: absolute; 756 position: absolute;
757 left: 0px; 757 left: 0px;
758 margin-top: 30px; 758 margin-top: 30px;
759 color: #fff; 759 color: #fff;
760 text-align: center; 760 text-align: center;
761 } 761 }
762 762
763 .icon-circle-z { 763 .icon-circle-z {
764 background: rgba(89, 89, 89, 0.92); 764 background: rgba(89, 89, 89, 0.92);
765 border-radius: 50%; 765 border-radius: 50%;
766 width: 30px; 766 width: 30px;
767 height: 30px; 767 height: 30px;
768 position: absolute; 768 position: absolute;
769 left: 0px; 769 left: 0px;
770 margin-top: 4px; 770 margin-top: 4px;
771 color: #fff; 771 color: #fff;
772 text-align: center; 772 text-align: center;
773 } 773 }
774 774
775 .icon-circle-q { 775 .icon-circle-q {
776 background: rgba(89, 89, 89, 0.92); 776 background: rgba(89, 89, 89, 0.92);
777 border-radius: 50%; 777 border-radius: 50%;
778 width: 30px; 778 width: 30px;
779 height: 30px; 779 height: 30px;
780 position: absolute; 780 position: absolute;
781 left: 0px; 781 left: 0px;
782 margin-top: 4px; 782 margin-top: 4px;
783 color: #fff; 783 color: #fff;
784 text-align: center; 784 text-align: center;
785 } 785 }
786 786
787 .icon-circle-ab { 787 .icon-circle-ab {
788 background: rgba(89, 89, 89, 0.92); 788 background: rgba(89, 89, 89, 0.92);
789 border-radius: 50%; 789 border-radius: 50%;
790 width: 30px; 790 width: 30px;
791 height: 30px; 791 height: 30px;
792 position: absolute; 792 position: absolute;
793 left: 0px; 793 left: 0px;
794 margin-top: 3px; 794 margin-top: 3px;
795 color: #fff; 795 color: #fff;
796 text-align: center; 796 text-align: center;
797 } 797 }
798 798
799 .icon-circle-abc { 799 .icon-circle-abc {
800 background: rgba(89, 89, 89, 0.92); 800 background: rgba(89, 89, 89, 0.92);
801 border-radius: 50%; 801 border-radius: 50%;
802 width: 30px; 802 width: 30px;
803 height: 30px; 803 height: 30px;
804 position: absolute; 804 position: absolute;
805 left: 0px; 805 left: 0px;
806 margin-top: 3px; 806 margin-top: 3px;
807 color: #fff; 807 color: #fff;
808 text-align: center; 808 text-align: center;
809 } 809 }
810 810
811 .icon-circle-bc { 811 .icon-circle-bc {
812 background: rgba(89, 89, 89, 0.92); 812 background: rgba(89, 89, 89, 0.92);
813 border-radius: 50%; 813 border-radius: 50%;
814 width: 30px; 814 width: 30px;
815 height: 30px; 815 height: 30px;
816 position: absolute; 816 position: absolute;
817 left: 0px; 817 left: 0px;
818 margin-top: 3px; 818 margin-top: 3px;
819 color: #fff; 819 color: #fff;
820 text-align: center; 820 text-align: center;
821 } 821 }
822 822
823 .icon-circle-abcdefg { 823 .icon-circle-abcdefg {
824 background: rgba(89, 89, 89, 0.92); 824 background: rgba(89, 89, 89, 0.92);
825 border-radius: 50%; 825 border-radius: 50%;
826 width: 30px; 826 width: 30px;
827 height: 30px; 827 height: 30px;
828 position: absolute; 828 position: absolute;
829 left: 0px; 829 left: 0px;
830 margin-top: 3px; 830 margin-top: 3px;
831 color: #fff; 831 color: #fff;
832 text-align: center; 832 text-align: center;
833 } 833 }
834 834
835 .referel-icon { 835 .referel-icon {
836 background: rgba(89, 89, 89, 0.92); 836 background: rgba(89, 89, 89, 0.92);
837 border-radius: 50%; 837 border-radius: 50%;
838 width: 30px; 838 width: 30px;
839 height: 30px; 839 height: 30px;
840 position: absolute; 840 position: absolute;
841 left: 0px; 841 left: 0px;
842 margin-top: 3px; 842 margin-top: 3px;
843 color: #fff; 843 color: #fff;
844 text-align: center; 844 text-align: center;
845 } 845 }
846 846
847 847
848 /*quiz*/ 848 /*quiz*/
849 .q-card-align div{ 849 .q-card-align div{
850 margin-bottom: 15px; 850 margin-bottom: 15px;
851 } 851 }
852 852
853 .drop-down { 853 .drop-down {
854 background-color: #fff; 854 background-color: #fff;
855 border-radius: 0; 855 border-radius: 0;
856 font-size: 12px; 856 font-size: 12px;
857 } 857 }
858 858
859 .footer-link, .footer-link:hover { 859 .footer-link, .footer-link:hover {
860 color:#fff; 860 color:#fff;
861 } 861 }
862 /*idea content margin*/ 862 /*idea content margin*/
863 .content-idea{ 863 .content-idea{
864 margin:196px 12px 8px; 864 margin:196px 12px 8px;
865 } 865 }
866 866
867 .content-product{ 867 .content-product{
868 margin:193px -19px 9px; 868 margin:193px -19px 9px;
869 } 869 }
870 870
871 .content-growth{ 871 .content-growth{
872 margin:192px 11px 8px; 872 margin:192px 11px 8px;
873 } 873 }
874 .last-content-card{ 874 .last-content-card{
875 /*margin: 0px -85px -4px -51px;*/ 875 /*margin: 0px -85px -4px -51px;*/
876 } 876 }
877 877
878 @media (max-width: 600px) { 878 @media (max-width: 600px) {
879 .content-idea{ 879 .content-idea{
880 margin: auto; 880 margin: auto;
881 } 881 }
882 882
883 .content-product{ 883 .content-product{
884 margin: auto; 884 margin: auto;
885 } 885 }
886 886
887 .content-growth{ 887 .content-growth{
888 margin: auto; 888 margin: auto;
889 } 889 }
890 .stages-card{ 890 .stages-card{
891 margin: auto; 891 margin: auto;
892 margin-bottom: 15px; 892 margin-bottom: 15px;
893 } 893 }
894 .last-content-card{ 894 .last-content-card{
895 margin: auto; 895 margin: auto;
896 } 896 }
897 .card-align{ 897 .card-align{
898 margin: auto; 898 margin: auto;
899 } 899 }
900 900
901 } 901 }
902 902
903 .toggler { 903 .toggler {
904 width: 500px; 904 width: 500px;
905 height: 200px; 905 height: 200px;
906 } 906 }
907 #button { 907 #button {
908 padding: .5em 1em; 908 padding: .5em 1em;
909 text-decoration: none; 909 text-decoration: none;
910 } 910 }
911 #effect { 911 #effect {
912 position: relative; 912 position: relative;
913 width: 240px; 913 width: 240px;
914 height: 170px; 914 height: 170px;
915 padding: 0.4em; 915 padding: 0.4em;
916 } 916 }
917 #effect h3 { 917 #effect h3 {
918 margin: 0; 918 margin: 0;
919 padding: 0.4em; 919 padding: 0.4em;
920 text-align: center; 920 text-align: center;
921 } 921 }
922 922
923 #snackbar { 923 #snackbar {
924 visibility: hidden; 924 visibility: hidden;
925 min-width: 250px; 925 min-width: 250px;
926 margin-left: -125px; 926 margin-left: -125px;
927 background-color: #F44336; 927 background-color: #F44336;
928 color: #fff; 928 color: #fff;
929 text-align: center; 929 text-align: center;
930 border-radius: 2px; 930 border-radius: 2px;
931 padding: 16px; 931 padding: 16px;
932 position: fixed; 932 position: fixed;
933 z-index: 1; 933 z-index: 1;
934 left: 50%; 934 left: 50%;
935 bottom: 30px; 935 bottom: 30px;
936 font-size: 17px; 936 font-size: 17px;
937 } 937 }
938 938
939 #snackbar.show { 939 #snackbar.show {
940 visibility: visible; 940 visibility: visible;
941 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s; 941 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
942 animation: fadin 0.5s, fadout 0.5s 2.5s; 942 animation: fadin 0.5s, fadout 0.5s 2.5s;
943 } 943 }
944 944
945 @-webkit-keyframes fadin { 945 @-webkit-keyframes fadin {
946 from {bottom: 0; opacity: 0;} 946 from {bottom: 0; opacity: 0;}
947 to {bottom: 30px; opacity: 1;} 947 to {bottom: 30px; opacity: 1;}
948 } 948 }
949 949
950 @keyframes fadin { 950 @keyframes fadin {
951 from {bottom: 0; opacity: 0;} 951 from {bottom: 0; opacity: 0;}
952 to {bottom: 30px; opacity: 1;} 952 to {bottom: 30px; opacity: 1;}
953 } 953 }
954 954
955 @-webkit-keyframes fadout { 955 @-webkit-keyframes fadout {
956 from {bottom: 30px; opacity: 1;} 956 from {bottom: 30px; opacity: 1;}
957 to {bottom: 0; opacity: 0;} 957 to {bottom: 0; opacity: 0;}
958 } 958 }
959 959
960 @keyframes fadout { 960 @keyframes fadout {
961 from {bottom: 30px; opacity: 1;} 961 from {bottom: 30px; opacity: 1;}
962 to {bottom: 0; opacity: 0;} 962 to {bottom: 0; opacity: 0;}
963 } 963 }
964 964
965 965
966 #snacsskbar { 966 #snacsskbar {
967 visibility: hidden; 967 visibility: hidden;
968 min-width: 250px; 968 min-width: 250px;
969 margin-left: -125px; 969 margin-left: -125px;
970 background-color: #333; 970 background-color: #333;
971 color: #fff; 971 color: #fff;
972 text-align: center; 972 text-align: center;
973 border-radius: 2px; 973 border-radius: 2px;
974 padding: 16px; 974 padding: 16px;
975 position: fixed; 975 position: fixed;
976 z-index: 1; 976 z-index: 1;
977 left: 50%; 977 left: 50%;
978 top: 30px; 978 top: 30px;
979 font-size: 17px; 979 font-size: 17px;
980 } 980 }
981 981
982 #snacsskbar.show { 982 #snacsskbar.show {
983 visibility: visible; 983 visibility: visible;
984 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; 984 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
985 animation: fadein 0.5s, fadeout 0.5s 2.5s; 985 animation: fadein 0.5s, fadeout 0.5s 2.5s;
986 } 986 }
987 987
988 @-webkit-keyframes fadein { 988 @-webkit-keyframes fadein {
989 from {top: 0; opacity: 0;} 989 from {top: 0; opacity: 0;}
990 to {top: 30px; opacity: 1;} 990 to {top: 30px; opacity: 1;}
991 } 991 }
992 992
993 @keyframes fadein { 993 @keyframes fadein {
994 from {top: 0; opacity: 0;} 994 from {top: 0; opacity: 0;}
995 to {top: 30px; opacity: 1;} 995 to {top: 30px; opacity: 1;}
996 } 996 }
997 997
998 @-webkit-keyframes fadeout { 998 @-webkit-keyframes fadeout {
999 from {top: 30px; opacity: 1;} 999 from {top: 30px; opacity: 1;}
1000 to {top: 0; opacity: 0;} 1000 to {top: 0; opacity: 0;}
1001 } 1001 }
1002 1002
1003 @keyframes fadeout { 1003 @keyframes fadeout {
1004 from {top: 30px; opacity: 1;} 1004 from {top: 30px; opacity: 1;}
1005 to {top: 0; opacity: 0;} 1005 to {top: 0; opacity: 0;}
1006 } 1006 }
1007 1007
1008 input.hidden { 1008 input.hidden {
1009 position: absolute; 1009 position: absolute;
1010 left: -9999px; 1010 left: -9999px;
1011 } 1011 }
1012 1012
1013 #profile-image1 { 1013 #profile-image1 {
1014 cursor: pointer; 1014 cursor: pointer;
1015 width: 100px; 1015 width: 100px;
1016 height: 100px; 1016 height: 100px;
1017 border:2px solid #eee ; 1017 border:2px solid #eee ;
1018 } 1018 }
1019 1019
1020 .tital{ font-size:16px; font-weight:500;} 1020 .tital{ font-size:16px; font-weight:500;}
1021 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0} 1021 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0}
1022 .footerpadd{padding: 5px;} 1022 .footerpadd{padding: 5px;}
1023 1023
1024 1024
1025 .container1{ 1025 .container1{
1026 width: 100% 1026 width: 100%
1027 } 1027 }
1028 1028
1029 .no-margin{ 1029 .no-margin{
1030 margin: 0 0 0 !important; 1030 margin: 0 0 0 !important;
1031 } 1031 }
1032 .no-padding{ 1032 .no-padding{
1033 padding: 0 0 0 0 !important; 1033 padding: 0 0 0 0 !important;
1034 } 1034 }
1035 .select-stage{ 1035 .select-stage{
1036 margin: 10px 0; 1036 margin: 10px 0;
1037 } 1037 }
1038 .cards-content{ 1038 .cards-content{
1039 margin-top: 40px; 1039 margin-top: 40px;
1040 } 1040 }
1041 .cards-content p{ 1041 .cards-content p{
1042 font-size: 13px; 1042 font-size: 13px;
1043 } 1043 }
1044 .q-card-align{ 1044 .q-card-align{
1045 margin-top: 15px; 1045 margin-top: 15px;
1046 } 1046 }
1047 .width-auto{ 1047 .width-auto{
1048 width: auto !important; 1048 width: auto !important;
1049 } 1049 }
1050 .margin-right-label{ 1050 .margin-right-label{
1051 margin-right: 20px; 1051 margin-right: 20px;
1052 } 1052 }
1053 .margin-right-label label{ 1053 .margin-right-label label{
1054 margin-left: 5px; 1054 margin-left: 5px;
1055 } 1055 }
1056 .apply-coupen-btn{ 1056 .apply-coupen-btn{
1057 position: absolute; 1057 position: absolute;
1058 top: -2px; 1058 top: -2px;
1059 right: 13px; 1059 right: 13px;
1060 border: none; 1060 border: none;
1061 height: 44px; 1061 height: 44px;
1062 color: #fff; 1062 color: #fff;
1063 background-color: #666; 1063 background-color: #666;
1064 width: 75px; 1064 width: 75px;
1065 } 1065 }
1066 .coupen-approved{ 1066 .coupen-approved{
1067 position: absolute; 1067 position: absolute;
1068 right: 120px; 1068 right: 120px;
1069 top: 6px; 1069 top: 6px;
1070 color: rgb(66, 181, 73); 1070 color: rgb(66, 181, 73);
1071 font-size: 30px !important; 1071 font-size: 30px !important;
1072 } 1072 }
1073 .right-side-links{ 1073 .right-side-links{
1074 margin-top: 12px; 1074 margin-top: 12px;
1075 } 1075 }
1076 .right-side-links a{ 1076 .right-side-links a{
1077 width: auto; 1077 width: auto;
1078 display: inline; 1078 display: inline;
1079 } 1079 }
1080 .right-side-links a:first-child{ 1080 .right-side-links a:first-child{
1081 border-right: 1px solid #fff; 1081 border-right: 1px solid #fff;
1082 padding-right: 4px; 1082 padding-right: 4px;
1083 } 1083 }
1084 1084
1085 @media (max-width: 768px){ 1085 @media (max-width: 768px){
1086 .cards-content{ 1086 .cards-content{
1087 margin-top: 15px; 1087 margin-top: 15px;
1088 margin-bottom: 30px; 1088 margin-bottom: 30px;
1089 } 1089 }
1090 .no-padding-mobile{ 1090 .no-padding-mobile{
1091 padding-left: 0 !important; 1091 padding-left: 0 !important;
1092 padding-right: 0 !important; 1092 padding-right: 0 !important;
1093 } 1093 }
1094 .sector-align .card-small{ 1094 .sector-align .card-small{
1095 height: 74px; 1095 height: 74px;
1096 } 1096 }
1097 .stages-card{ 1097 .stages-card{
1098 width: 92%; 1098 width: 92%;
1099 } 1099 }
1100 .right-stage-card{ 1100 .right-stage-card{
1101 float: right; 1101 float: right;
1102 } 1102 }
1103 .margin-auto-mobile{ 1103 .margin-auto-mobile{
1104 margin-left: 4%; 1104 margin-left: 4%;
1105 } 1105 }
1106 .card .thumbnail{ 1106 .card .thumbnail{
1107 padding: 15px 0 1px 0; 1107 padding: 15px 0 1px 0;
1108 } 1108 }
1109 .thumbnail > img, .thumbnail a > img{ 1109 .thumbnail > img, .thumbnail a > img{
1110 width: 50%; 1110 width: 50%;
1111 } 1111 }
1112 .right-side-links a{ 1112 .right-side-links a{
1113 display: block; 1113 display: block;
1114 width: 100%; 1114 width: 100%;
1115 } 1115 }
1116 .right-side-links a:first-child{ 1116 .right-side-links a:first-child{
1117 border-right: 0 solid #fff; 1117 border-right: 0 solid #fff;
1118 padding-right: 0; 1118 padding-right: 0;
1119 } 1119 }
1120 .right-side-links{ 1120 .right-side-links{
1121 margin-top: 0; 1121 margin-top: 0;
1122 } 1122 }
1123 .panel-default{ 1123 .panel-default{
1124 border-color: transparent; 1124 border-color: transparent;
1125 box-shadow: none; 1125 box-shadow: none;
1126 } 1126 }
1127 .modal-footers { 1127 .modal-footers {
1128 padding: 19px 20px 20px; 1128 padding: 19px 20px 20px;
1129 margin-top: 15px; 1129 margin-top: 15px;
1130 text-align: center !important; 1130 text-align: center !important;
1131 margin-bottom: 4px; 1131 margin-bottom: 4px;
1132 } 1132 }
1133 .startup-jalsa{ 1133 .startup-jalsa{
1134 font-family: 'BenchNine', sans-serif; 1134 font-family: 'BenchNine', sans-serif;
1135 color: rgb(25, 104, 157); 1135 color: rgb(25, 104, 157);
1136 position:relative; 1136 position:relative;
1137 z-index:2; 1137 z-index:2;
1138 } 1138 }
1139 1139
1140 } 1140 }
1141 1141
1142 1142
1143 1143
1144 .card-input { 1144 .card-input {
1145 display: none; 1145 display: none;
1146 } 1146 }
1147 1147
1148 .card { 1148 .card {
1149 font-size: 1em; 1149 font-size: 1em;
1150 overflow: hidden; 1150 overflow: hidden;
1151 padding: 0; 1151 padding: 0;
1152 border: none; 1152 border: none;
1153 /*border-radius: .28571429rem;*/ 1153 /*border-radius: .28571429rem;*/
1154 box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; 1154 box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
1155 } 1155 }
1156 1156
1157 .card-block { 1157 .card-block {
1158 font-size: 1em; 1158 font-size: 1em;
1159 position: relative; 1159 position: relative;
1160 margin: 0; 1160 margin: 0;
1161 padding: 4%; 1161 padding: 4%;
1162 border: none; 1162 border: none;
1163 /*border-top: 1px solid rgba(34, 36, 38, .1);*/ 1163 /*border-top: 1px solid rgba(34, 36, 38, .1);*/
1164 box-shadow: none; 1164 box-shadow: none;
1165 } 1165 }
1166 .button-position{ 1166 .button-position{
1167 position: relative; 1167 position: relative;
1168 top: -10px; 1168 top: -10px;
1169 } 1169 }
1170 .card-img-top { 1170 .card-img-top {
1171 display: block; 1171 display: block;
1172 width: 100%; 1172 width: 100%;
1173 height: auto; 1173 height: auto;
1174 cursor: pointer; 1174 cursor: pointer;
1175 } 1175 }
1176 .title{ 1176 .title{
1177 text-align: center; 1177 text-align: center;
1178 color: #0161EE; 1178 color: #0161EE;
1179 } 1179 }
1180 .card-title { 1180 .card-title {
1181 /*font-size: 17px;*/ 1181 /*font-size: 17px;*/
1182 font-weight: 600; 1182 font-weight: 600;
1183 margin: 0; 1183 margin: 0;
1184 line-height: normal; 1184 line-height: normal;
1185 font-family: 'Arial',sans-serif; 1185 font-family: 'Arial',sans-serif;
1186 } 1186 }
1187 .card-sub-title{ 1187 .card-sub-title{
1188 font-family: 'Arial',sans-serif; 1188 font-family: 'Arial',sans-serif;
1189 /*color: #666;*/ 1189 /*color: #666;*/
1190 font-weight: normal; 1190 font-weight: normal;
1191 margin-bottom: 0; 1191 margin-bottom: 0;
1192 } 1192 }
1193 .button-aligment{ 1193 .button-aligment{
1194 margin-top: 5px; 1194 margin-top: 5px;
1195 margin-right: 14px; 1195 margin-right: 14px;
1196 margin-bottom: 15px; 1196 margin-bottom: 15px;
1197 } 1197 }
1198 .card-text { 1198 .card-text {
1199 clear: both; 1199 clear: both;
1200 margin-top: .5em; 1200 margin-top: .5em;
1201 /*color: rgba(0, 0, 0, .68);*/ 1201 /*color: rgba(0, 0, 0, .68);*/
1202 padding-bottom: 3%; 1202 padding-bottom: 3%;
1203 font-size: 13px; 1203 font-size: 13px;
1204 } 1204 }
1205 1205
1206 .card-text2 { 1206 .card-text2 {
1207 padding: 3% 0 3% 4%; 1207 padding: 3% 0 3% 4%;
1208 margin-bottom: 12%; 1208 margin-bottom: 12%;
1209 border-top: 1px solid rgba(0, 0, 0, .05) !important; 1209 border-top: 1px solid rgba(0, 0, 0, .05) !important;
1210 } 1210 }
1211 .card-text2 span{ 1211 .card-text2 span{
1212 font-size: 13px; 1212 font-size: 13px;
1213 /*color: #666;*/ 1213 /*color: #666;*/
1214 } 1214 }
1215 .card-text2 div{ 1215 .card-text2 div{
1216 margin-top: 0 !important; 1216 margin-top: 0 !important;
1217 font-weight: normal; 1217 font-weight: normal;
1218 /*color: #000;*/ 1218 /*color: #000;*/
1219 font-size: 12px; 1219 font-size: 12px;
1220 padding-bottom: 0; 1220 padding-bottom: 0;
1221 } 1221 }
1222 1222
1223 .card-inverse .btn { 1223 .card-inverse .btn {
1224 border: 1px solid rgba(0, 0, 0, .05); 1224 border: 1px solid rgba(0, 0, 0, .05);
1225 } 1225 }
1226 1226
1227 .card-text3 { 1227 .card-text3 {
1228 border-top: 1px solid rgba(0, 0, 0, .05) !important; 1228 border-top: 1px solid rgba(0, 0, 0, .05) !important;
1229 } 1229 }
1230 1230
1231 .container { 1231 .container {
1232 display: block; 1232 display: block;
1233 position: relative; 1233 position: relative;
1234 padding: 0; 1234 padding: 0;
1235 margin-bottom: 12px; 1235 margin-bottom: 12px;
1236 cursor: pointer; 1236 cursor: pointer;
1237 font-size: 16px; 1237 font-size: 16px;
1238 -webkit-user-select: none; 1238 -webkit-user-select: none;
1239 -moz-user-select: none; 1239 -moz-user-select: none;
1240 -ms-user-select: none; 1240 -ms-user-select: none;
1241 user-select: none; 1241 user-select: none;
1242 width:100%; 1242 width:100%;
1243 } 1243 }
1244 1244
1245 .container1 { 1245 .container1 {
1246 display: block; 1246 display: block;
1247 position: relative; 1247 position: relative;
1248 padding-left: 31px; 1248 padding-left: 31px;
1249 margin-bottom: 12px; 1249 margin-bottom: 12px;
1250 cursor: pointer; 1250 cursor: pointer;
1251 font-size: 15px; 1251 font-size: 15px;
1252 -webkit-user-select: none; 1252 -webkit-user-select: none;
1253 -moz-user-select: none; 1253 -moz-user-select: none;
1254 -ms-user-select: none; 1254 -ms-user-select: none;
1255 user-select: none; 1255 user-select: none;
1256 width:100%; 1256 width:100%;
1257 } 1257 }
1258 1258
1259 /* Hide the browser's default radio button */ 1259 /* Hide the browser's default radio button */
1260 .container input { 1260 .container input {
1261 position: absolute; 1261 position: absolute;
1262 opacity: 0; 1262 opacity: 0;
1263 } 1263 }
1264 1264
1265 /* Create a custom radio button */ 1265 /* Create a custom radio button */
1266 .checkmark { 1266 .checkmark {
1267 position: absolute; 1267 position: absolute;
1268 top: 0; 1268 top: 0;
1269 left: 0; 1269 left: 0;
1270 height: 25px; 1270 height: 25px;
1271 width: 25px; 1271 width: 25px;
1272 background-color: #eee; 1272 background-color: #eee;
1273 border-radius: 50%; 1273 border-radius: 50%;
1274 } 1274 }
1275 1275
1276 /* On mouse-over, add a grey background color */ 1276 /* On mouse-over, add a grey background color */
1277 .container:hover input ~ .checkmark { 1277 .container:hover input ~ .checkmark {
1278 background-color: #ccc; 1278 background-color: #ccc;
1279 } 1279 }
1280 1280
1281 /* When the radio button is checked, add a blue background */ 1281 /* When the radio button is checked, add a blue background */
1282 .container input:checked ~ .checkmark { 1282 .container input:checked ~ .checkmark {
1283 background-color: #42b549; 1283 background-color: #42b549;
1284 } 1284 }
1285 1285
1286 /* Create the indicator (the dot/circle - hidden when not checked) */ 1286 /* Create the indicator (the dot/circle - hidden when not checked) */
1287 .checkmark:after { 1287 .checkmark:after {
1288 content: ""; 1288 content: "";
1289 position: absolute; 1289 position: absolute;
1290 display: none; 1290 display: none;
1291 } 1291 }
1292 1292
1293 /* Show the indicator (dot/circle) when checked */ 1293 /* Show the indicator (dot/circle) when checked */
1294 .container input:checked ~ .checkmark:after { 1294 .container input:checked ~ .checkmark:after {
1295 display: block; 1295 display: block;
1296 } 1296 }
1297 1297
1298 /* Style the indicator (dot/circle) */ 1298 /* Style the indicator (dot/circle) */
1299 .container .checkmark:after { 1299 .container .checkmark:after {
1300 top: 9px; 1300 top: 9px;
1301 left: 9px; 1301 left: 9px;
1302 width: 8px; 1302 width: 8px;
1303 height: 8px; 1303 height: 8px;
1304 border-radius: 50%; 1304 border-radius: 50%;
1305 background: white; 1305 background: white;
1306 } 1306 }
1307 1307
1308 table { 1308 table {
1309 /*font-family: arial, sans-serif; 1309 /*font-family: arial, sans-serif;
1310 border-collapse: collapse;*/ 1310 border-collapse: collapse;*/
1311 width: 60%; 1311 width: 60%;
1312 } 1312 }
1313 .city-meetup { 1313 .city-meetup {
1314 opacity: 0.7; 1314 opacity: 0.7;
1315 filter: alpha(opacity=80); /* For IE8 and earlier */ 1315 filter: alpha(opacity=80); /* For IE8 and earlier */
1316 } 1316 }
1317 1317
1318 1318
1319 .card-color{ 1319 .card-color{
1320 background-color:white; 1320 background-color:white;
1321 font-size: 16px; 1321 font-size: 16px;
1322 } 1322 }
1323 1323
1324 .card-color-confirm{ 1324 .card-color-confirm{
1325 background-color:white; 1325 background-color:white;
1326 font-size: 16px; 1326 font-size: 16px;
1327 margin-top: 16%; 1327 margin-top: 16%;
1328 width:50%; 1328 width:50%;
1329 } 1329 }
1330 1330
1331 .startup-jalsa{ 1331 .startup-jalsa{
1332 font-family: 'BenchNine', sans-serif; 1332 font-family: 'BenchNine', sans-serif;
1333 /*font-size: 70.15pt;*/ 1333 /*font-size: 70.15pt;*/
1334 color: rgb(25, 104, 157); 1334 color: rgb(25, 104, 157);
1335 position:relative; 1335 position:relative;
1336 z-index:2; 1336 z-index:2;
1337 } 1337 }
1338 .header{ 1338 .header{
1339 /*width: 100%;*/ 1339 /*width: 100%;*/
1340 text-align: center; 1340 text-align: center;
1341 padding-top:2%; 1341 padding-top:2%;
1342 /*padding: 4px 20px;*/ 1342 /*padding: 4px 20px;*/
1343 } 1343 }
1344 .happen-city{ 1344 .happen-city{
1345 padding-top:12%; 1345 padding-top:12%;
1346 } 1346 }
1347 .happen-meetup{ 1347 .happen-meetup{
1348 font-family: 'Arial',sans-serif; 1348 font-family: 'Arial',sans-serif;
1349 margin-bottom: 10px; 1349 margin-bottom: 10px;
1350 margin-left: 5%; 1350 margin-left: 5%;
1351 } 1351 }
1352 .happen-attend{ 1352 .happen-attend{
1353 margin-top:6%; 1353 margin-top:6%;
1354 margin-left: -10px; 1354 margin-left: -10px;
1355 } 1355 }
1356 .width-auto{ 1356 .width-auto{
1357 width:auto; 1357 width:auto;
1358 } 1358 }
1359 /*.card-position{ 1359 /*.card-position{
1360 position: relative; 1360 position: relative;
1361 top: -3px; 1361 top: -3px;
1362 }*/ 1362 }*/
1363 1363
1364 .card1 { 1364 .card1 {
1365 width: 100%; 1365 width: 100%;
1366 position: relative; 1366 position: relative;
1367 display: inline-block; 1367 display: inline-block;
1368 } 1368 }
1369 .card1 .img-top { 1369 .card1 .img-top {
1370 width: 100%; 1370 width: 100%;
1371 display: none; 1371 display: none;
1372 position: absolute; 1372 position: absolute;
1373 cursor: pointer; 1373 cursor: pointer;
1374 top: 0; 1374 top: 0;
1375 left: 0; 1375 left: 0;
1376 z-index: 99; 1376 z-index: 99;
1377 } 1377 }
1378 .card1:hover .img-top { 1378 .card1:hover .img-top {
1379 display: inline; 1379 display: inline;
1380 } 1380 }
1381 .color:hover{ 1381 .color:hover{
1382 color: #fff; 1382 color: #fff;
1383 } 1383 }
1384 .palak{ 1384 /* .palak{
1385 width: 100% !important; 1385 width: 100% !important;
1386 display: none !important; 1386 display: none !important;
1387 position: absolute !important; 1387 position: absolute !important;
1388 cursor: pointer !important; 1388 cursor: pointer !important;
1389 top: 0 !important; 1389 top: 0 !important;
1390 left: 0 !important; 1390 left: 0 !important;
1391 z-index: 99 !important; 1391 z-index: 99 !important;
1392 } 1392 } */
1393 .active, .btn:hover, .btn:onclick { 1393 .active, .btn:hover, .btn:onclick {
1394 background-color: grey; 1394 background-color: grey;
1395 border: grey; 1395 border: grey;
1396 color: white; 1396 color: white;
1397 } 1397 }
1398 .apply-act1:hover, .apply-act1:focus{ 1398 .apply-act1:hover, .apply-act1:focus{
1399 background-color: #171717; 1399 background-color: #171717;
1400 border-color: #0161EE; 1400 border-color: #0161EE;
1401 color: #0161EE; 1401 color: #0161EE;
1402 } 1402 }
1403 1403
1404 .btn-active { 1404 .btn-active {
1405 background-color: #171717 !important; 1405 background-color: #171717 !important;
1406 border-color: #0161EE !important; 1406 border-color: #0161EE !important;
1407 color: #0161EE !important; 1407 color: #0161EE !important;
1408 } 1408 }
1409 .btn-inactive { 1409 .btn-inactive {
1410 background-color: #171717 !important; 1410 background-color: #171717 !important;
1411 border-color: #454545 !important; 1411 border-color: #454545 !important;
1412 color: #454545 !important; 1412 color: #454545 !important;
1413 } 1413 }
1414 1414
1415 .apply-act2:hover, .apply-act2:focus{ 1415 .apply-act2:hover, .apply-act2:focus{
1416 background-color: #171717; 1416 background-color: #171717;
1417 border-color: #0161EE; 1417 border-color: #0161EE;
1418 color: #0161EE; 1418 color: #0161EE;
1419 } 1419 }
1420 .apply-act3:hover, .apply-act3:focus{ 1420 .apply-act3:hover, .apply-act3:focus{
1421 background-color: #171717; 1421 background-color: #171717;
1422 border-color: #0161EE; 1422 border-color: #0161EE;
1423 color: #0161EE; 1423 color: #0161EE;
1424 } 1424 }
1425 .apply-act4:hover, .apply-act4:focus{ 1425 .apply-act4:hover, .apply-act4:focus{
1426 background-color: #171717; 1426 background-color: #171717;
1427 border-color: #0161EE; 1427 border-color: #0161EE;
1428 color: #0161EE; 1428 color: #0161EE;
1429 } 1429 }
1430 .apply-btn{ 1430 .apply-btn{
1431 text-align: center; 1431 text-align: center;
1432 margin-bottom: 2%; 1432 margin-bottom: 2%;
1433 } 1433 }
1434 .txt{ 1434 .txt{
1435 margin-top: 2%; 1435 margin-top: 2%;
1436 text-align: center; 1436 text-align: center;
1437 } 1437 }
1438 .txt1{ 1438 .txt1{
1439 text-align: center; 1439 text-align: center;
1440 } 1440 }
1441 .cursor:hover{ 1441 .cursor:hover{
1442 cursor: context-menu; 1442 cursor: context-menu;
1443 } 1443 }
1444 .buttons{ 1444 .buttons{
1445 padding: 3% 0 0 0; 1445 padding: 3% 0 0 0;
1446 text-align: center; 1446 text-align: center;
1447 font-size: 100px; 1447 font-size: 100px;
1448 } 1448 }
1449 .btn-lg{ 1449 .btn-lg{
1450 font-size:25px; 1450 font-size:25px;
1451 background-color: #171717; 1451 background-color: #171717;
1452 color: #454545; 1452 color: #454545;
1453 border-color: #454545; 1453 border-color: #454545;
1454 } 1454 }
1455 .btn1{ 1455 .btn1{
1456 padding: 12px 40px; 1456 padding: 12px 40px;
1457 } 1457 }
1458 .btn2{ 1458 .btn2{
1459 padding: 12px 31px; 1459 padding: 12px 31px;
1460 } 1460 }
1461 .btn3{ 1461 .btn3{
1462 padding: 12px 18px; 1462 padding: 12px 18px;
1463 } 1463 }
1464 .btn4{ 1464 .btn4{
1465 padding: 12px 40px; 1465 padding: 12px 40px;
1466 } 1466 }
1467 .bg_dots{ 1467 .bg_dots{
1468 position: absolute; 1468 position: absolute;
1469 left:0; 1469 left:0;
1470 right:0; 1470 right:0;
1471 top:0; 1471 top:0;
1472 height: 700px; 1472 height: 700px;
1473 position:fixed; 1473 position:fixed;
1474 background-position: top center; 1474 background-position: top center;
1475 /* background-image: url(/images/background.jpg); */ 1475 /* background-image: url(/images/background.jpg); */
1476 background-color: #171717; 1476 background-color: #171717;
1477 background-repeat: no-repeat; 1477 background-repeat: no-repeat;
1478 background-size: 100% auto; 1478 background-size: 100% auto;
1479 -webkit-background-size:100% auto; 1479 -webkit-background-size:100% auto;
1480 } 1480 }
1481 .stage-shadow{ 1481 .stage-shadow{
1482 background:transparent; 1482 background:transparent;
1483 } 1483 }
1484 .logojalsa{ 1484 .logojalsa{
1485 width:250px;position:relative;margin-bottom: 54px; 1485 width:250px;position:relative;margin-bottom: 54px;
1486 } 1486 }
1487 .jalsaheadr{ 1487 .jalsaheadr{
1488 position: relative;font-size: 35px;margin-left: 1%;color: rgb(25, 104, 157); 1488 position: relative;font-size: 35px;margin-left: 1%;color: rgb(25, 104, 157);
1489 } 1489 }
1490 .PitchYourPower{ 1490 .PitchYourPower{
1491 position: relative;color: rgb(25, 104, 157);margin-top: -3%; 1491 position: relative;color: rgb(25, 104, 157);margin-top: -3%;
1492 } 1492 }
1493 1493
1494 1494
1495 1495
1496 1496
1497 1497
1498 1498
1499 1499
1500 1500
1501 1501
1502 1502
1503 1503
1504 1504
1505 1505
1506 1506
1507 1507
1508 1508
1509 1509
1510 1510
1511 1511
1512 1512
1513 @media (max-width:767px){ 1513 @media (max-width:767px){
1514 .buttons { 1514 .buttons {
1515 /* margin-top:23%; */ 1515 /* margin-top:23%; */
1516 font-size: 100px; 1516 font-size: 100px;
1517 } 1517 }
1518 .btn-lg{ 1518 .btn-lg{
1519 width:74%; 1519 width:74%;
1520 } 1520 }
1521 .btn1{ 1521 .btn1{
1522 margin-bottom: 3%; 1522 margin-bottom: 3%;
1523 } 1523 }
1524 .btn2{ 1524 .btn2{
1525 margin-bottom: 3%; 1525 margin-bottom: 3%;
1526 } 1526 }
1527 .btn3{ 1527 .btn3{
1528 margin-bottom: 3%; 1528 margin-bottom: 3%;
1529 } 1529 }
1530 h1{ 1530 h1{
1531 font-size:2.8rem; 1531 font-size:2.8rem;
1532 } 1532 }
1533 .happen-city{ 1533 .happen-city{
1534 margin-left: -25px; 1534 margin-left: -25px;
1535 1535
1536 } 1536 }
1537 .card-color-confirm{ 1537 .card-color-confirm{
1538 margin-top: 40%; 1538 margin-top: 40%;
1539 background-color: white; 1539 background-color: white;
1540 font-size: 16px; 1540 font-size: 16px;
1541 width:100%; 1541 width:100%;
1542 } 1542 }
1543 .city-meetup { 1543 .city-meetup {
1544 opacity: 0.8; 1544 opacity: 0.8;
1545 filter: alpha(opacity=80); /* For IE8 and earlier */ 1545 filter: alpha(opacity=80); /* For IE8 and earlier */
1546 } 1546 }
1547 #front { 1547 #front {
1548 background-color: #171717; 1548 background-color: #171717;
1549 /*background-image: url(/images/mock_up_background.jpg); 1549 /*background-image: url(/images/mock_up_background.jpg);
1550 background-repeat: no-repeat; 1550 background-repeat: no-repeat;
1551 background-attachment:fixed; 1551 background-attachment:fixed;
1552 background-position: top center; 1552 background-position: top center;
1553 -webkit-background-attachment: fixed; 1553 -webkit-background-attachment: fixed;
1554 background-size: 400% auto; 1554 background-size: 400% auto;
1555 -webkit-background-size:400% auto;*/ 1555 -webkit-background-size:400% auto;*/
1556 } 1556 }
1557 .bg_dots{ 1557 .bg_dots{
1558 height:80%; 1558 height:80%;
1559 background-size: 300% auto; 1559 background-size: 300% auto;
1560 -webkit-background-size:300% auto; 1560 -webkit-background-size:300% auto;
1561 position:fixed; 1561 position:fixed;
1562 top:0; 1562 top:0;
1563 } 1563 }
1564 .logojalsa{ 1564 .logojalsa{
1565 width:250px;position:relative;margin-bottom: 15%; 1565 width:250px;position:relative;margin-bottom: 15%;
1566 } 1566 }
1567 .PitchYourPower{ 1567 .PitchYourPower{
1568 position: relative;color: rgb(25, 104, 157);margin-top: -15%; 1568 position: relative;color: rgb(25, 104, 157);margin-top: -15%;
1569 } 1569 }
1570 1570
1571 } 1571 }
1572 1572
1573 @media screen and (max-device-width: 991px) and (orientation: landscape){ 1573 @media screen and (max-device-width: 991px) and (orientation: landscape){
1574 .rotate-card{ 1574 .rotate-card{
1575 width: 100%; 1575 width: 100%;
1576 } 1576 }
1577 1577
1578 1578
1579 } 1579 }
1580 1580
1581 @media (min-width:768px) and (max-width:991px){ 1581 @media (min-width:768px) and (max-width:991px){
1582 .logojalsa{ 1582 .logojalsa{
1583 width:250px;position:relative;margin-bottom: 7%; 1583 width:250px;position:relative;margin-bottom: 7%;
1584 } 1584 }
1585 } 1585 }
1 // create the module and name it scotchApp 1 // create the module and name it scotchApp
2 var scotchApp = angular.module('scotchApp', ['ngRoute','angular-google-analytics']); 2 var scotchApp = angular.module('scotchApp', ['ngRoute','angular-google-analytics']);
3 3
4 // configure our routes 4 // configure our routes
5 scotchApp.config(function($routeProvider,$locationProvider) { 5 scotchApp.config(function($routeProvider,$locationProvider) {
6 6
7 // use the HTML5 History API 7 // use the HTML5 History API
8 // $locationProvider.html5Mode({ 8 // $locationProvider.html5Mode({
9 // enabled: true, 9 // enabled: true,
10 // requireBase: false 10 // requireBase: false
11 // }); 11 // });
12 //$locationProvider.hashPrefix('!'); 12 //$locationProvider.hashPrefix('!');
13 $routeProvider 13 $routeProvider
14 // route for the Home page 14 // route for the Home page
15 .when('/', { 15 .when('/', {
16 templateUrl: 'pages/Home.html', 16 templateUrl: 'pages/Home.html',
17 controller: 'mainController' 17 controller: 'mainController'
18 }) 18 })
19 19
20 // route for the caricatures page 20 // route for the caricatures page
21 .when('/caricatures', { 21 .when('/caricatures', {
22 templateUrl: 'pages/caricatures.html', 22 templateUrl: 'pages/caricatures.html',
23 controller: 'mainController' 23 controller: 'mainController'
24 }) 24 })
25 25
26 // route for the paymentVerify page 26 // route for the paymentVerify page
27 .when('/pendingPayment/:id', { 27 .when('/pendingPayment/:id', {
28 templateUrl: 'pages/verify.html', 28 templateUrl: 'pages/verify.html',
29 controller: 'verifyController' 29 controller: 'verifyController'
30 }) 30 })
31 31
32 // route for the registration page 32 // route for the registration page
33 .when('/registration', { 33 .when('/registration', {
34 templateUrl: 'pages/registration.html', 34 templateUrl: 'pages/registration.html',
35 controller: 'registrationController' 35 controller: 'registrationController'
36 }) 36 })
37 37
38 //route for the ambassador page 38 //route for the ambassador page
39 // .when('/startupJalsaPromocode', { 39 // .when('/startupJalsaPromocode', {
40 // templateUrl: 'pages/ambassador.html', 40 // templateUrl: 'pages/ambassador.html',
41 // controller: 'ambassadorController' 41 // controller: 'ambassadorController'
42 // }) 42 // })
43 43
44 // route for the confirmation page 44 // route for the confirmation page
45 .when('/confirmation', { 45 .when('/confirmation', {
46 templateUrl: 'pages/confirmation.html', 46 templateUrl: 'pages/confirmation.html',
47 controller: 'registrationController' 47 controller: 'registrationController'
48 }) 48 })
49 49
50 .otherwise({ 50 .otherwise({
51 redirectTo: '/' 51 redirectTo: '/'
52 }); 52 });
53 53
54 }); 54 });
55 55
56 scotchApp.config(['AnalyticsProvider', function (AnalyticsProvider) { 56 scotchApp.config(['AnalyticsProvider', function (AnalyticsProvider) {
57 // Add configuration code as desired 57 // Add configuration code as desired
58 AnalyticsProvider.setAccount('UA-106416759-1'); //UU-XXXXXXX-X should be your tracking code 58 AnalyticsProvider.setAccount('UA-106416759-1'); //UU-XXXXXXX-X should be your tracking code
59 59
60 // Track all routes (default is true). 60 // Track all routes (default is true).
61 AnalyticsProvider.trackPages(true); 61 AnalyticsProvider.trackPages(true);
62 62
63 // Track all URL query params (default is false). 63 // Track all URL query params (default is false).
64 AnalyticsProvider.trackUrlParams(true); 64 AnalyticsProvider.trackUrlParams(true);
65 65
66 }]).run(['Analytics', function(Analytics) { }]); 66 }]).run(['Analytics', function(Analytics) { }]);
67 67
68 scotchApp.constant("BASE_URL", "http://35.154.24.158:4001/v1") 68 scotchApp.constant("BASE_URL", "http://35.154.24.158:4001/v1")
69 //scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/v1") 69 //scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/v1")
70 70
71 // create the controller and inject Angular's $scope 71 // create the controller and inject Angular's $scope
72 scotchApp.controller('mainController', function($scope, $http, $window, $location, $route, $rootScope, BASE_URL, Analytics) { 72 scotchApp.controller('mainController', function($scope, $http, $window, $location, $route, $rootScope, BASE_URL, Analytics) {
73 $scope.data = { 73 $scope.data = {
74 show: true, 74 show: true,
75 hide: false 75 hide: false
76 }; 76 };
77 window.onload = function(){ 77 window.onload = function(){
78 var element = document.getElementById("defaultcountry"); 78 var element = document.getElementById("defaultcountry");
79 element.classList.add("btn-active"); 79 element.classList.add("btn-active");
80 document.getElementById("ahmedabad").src = "images/Ahmedabad_1.png"; 80 document.getElementById("ahmedabad").src = "images/Ahmedabad_1.png";
81 } 81 }
82 82
83 var chennai = new Date("Sept 19, 2018 12:00:00").getTime(); 83 var chennai = new Date("Sept 19, 2018 12:00:00").getTime();
84 // Update the count down every 1 second 84 // Update the count down every 1 second
85 var x = setInterval(function() { 85 var x = setInterval(function() {
86 // Get todays date and time 86 // Get todays date and time
87 var now = new Date().getTime(); 87 var now = new Date().getTime();
88 // Find the distance between now an the count down date 88 // Find the distance between now an the count down date
89 var distance = chennai - now; 89 var distance = chennai - now;
90 // Time calculations for days, hours, minutes and seconds 90 // Time calculations for days, hours, minutes and seconds
91 var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 91 var days = Math.floor(distance / (1000 * 60 * 60 * 24));
92 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 92 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
93 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 93 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
94 var seconds = Math.floor((distance % (1000 * 60)) / 1000); 94 var seconds = Math.floor((distance % (1000 * 60)) / 1000);
95 $scope.timer = days + "d " + hours + "h " 95 $scope.timer = days + "d " + hours + "h "
96 + minutes + "m " + seconds + "s " 96 + minutes + "m " + seconds + "s "
97 // Output the result in an element with id="demo" 97 // Output the result in an element with id="demo"
98 document.getElementById("chennai").innerHTML = days + "d " + hours + "h " 98 document.getElementById("chennai").innerHTML = days + "d " + hours + "h "
99 + minutes + "m " + seconds + "s "; 99 + minutes + "m " + seconds + "s ";
100 // If the count down is over, write some text 100 // If the count down is over, write some text
101 if (distance < 0) { 101 if (distance < 0) {
102 clearInterval(x); 102 clearInterval(x);
103 document.getElementById("chennai").innerHTML = "EXPIRED"; 103 document.getElementById("chennai").innerHTML = "EXPIRED";
104 } 104 }
105 }, 1000); 105 }, 1000);
106 106
107 var hyderabad = new Date("Sept 22, 2018 14:00:00").getTime(); 107 var hyderabad = new Date("Sept 22, 2018 14:00:00").getTime();
108 // Update the count down every 1 second 108 // Update the count down every 1 second
109 var x = setInterval(function() { 109 var x = setInterval(function() {
110 // Get todays date and time 110 // Get todays date and time
111 var now = new Date().getTime(); 111 var now = new Date().getTime();
112 // Find the distance between now an the count down date 112 // Find the distance between now an the count down date
113 var distance = hyderabad - now; 113 var distance = hyderabad - now;
114 // Time calculations for days, hours, minutes and seconds 114 // Time calculations for days, hours, minutes and seconds
115 var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 115 var days = Math.floor(distance / (1000 * 60 * 60 * 24));
116 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 116 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
117 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 117 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
118 var seconds = Math.floor((distance % (1000 * 60)) / 1000); 118 var seconds = Math.floor((distance % (1000 * 60)) / 1000);
119 $scope.timer = days + "d " + hours + "h " 119 $scope.timer = days + "d " + hours + "h "
120 + minutes + "m " + seconds + "s " 120 + minutes + "m " + seconds + "s "
121 // Output the result in an element with id="demo" 121 // Output the result in an element with id="demo"
122 document.getElementById("hyderabad").innerHTML = days + "d " + hours + "h " 122 document.getElementById("hyderabad").innerHTML = days + "d " + hours + "h "
123 + minutes + "m " + seconds + "s "; 123 + minutes + "m " + seconds + "s ";
124 // If the count down is over, write some text 124 // If the count down is over, write some text
125 if (distance < 0) { 125 if (distance < 0) {
126 clearInterval(x); 126 clearInterval(x);
127 document.getElementById("hyderabad").innerHTML = "EXPIRED"; 127 document.getElementById("hyderabad").innerHTML = "EXPIRED";
128 } 128 }
129 }, 1000); 129 }, 1000);
130 130
131 var mumbai = new Date("Sept 26, 2018 14:00:00").getTime(); 131 var mumbai = new Date("Sept 26, 2018 14:00:00").getTime();
132 // Update the count down every 1 second 132 // Update the count down every 1 second
133 var x = setInterval(function() { 133 var x = setInterval(function() {
134 // Get todays date and time 134 // Get todays date and time
135 var now = new Date().getTime(); 135 var now = new Date().getTime();
136 // Find the distance between now an the count down date 136 // Find the distance between now an the count down date
137 var distance = mumbai - now; 137 var distance = mumbai - now;
138 // Time calculations for days, hours, minutes and seconds 138 // Time calculations for days, hours, minutes and seconds
139 var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 139 var days = Math.floor(distance / (1000 * 60 * 60 * 24));
140 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 140 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
141 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 141 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
142 var seconds = Math.floor((distance % (1000 * 60)) / 1000); 142 var seconds = Math.floor((distance % (1000 * 60)) / 1000);
143 $scope.timer = days + "d " + hours + "h " 143 $scope.timer = days + "d " + hours + "h "
144 + minutes + "m " + seconds + "s " 144 + minutes + "m " + seconds + "s "
145 // Output the result in an element with id="demo" 145 // Output the result in an element with id="demo"
146 document.getElementById("mumbai").innerHTML = days + "d " + hours + "h " 146 document.getElementById("mumbai").innerHTML = days + "d " + hours + "h "
147 + minutes + "m " + seconds + "s "; 147 + minutes + "m " + seconds + "s ";
148 // If the count down is over, write some text 148 // If the count down is over, write some text
149 if (distance < 0) { 149 if (distance < 0) {
150 clearInterval(x); 150 clearInterval(x);
151 document.getElementById("mumbai").innerHTML = "EXPIRED"; 151 document.getElementById("mumbai").innerHTML = "EXPIRED";
152 } 152 }
153 }, 1000); 153 }, 1000);
154 154
155 var kolkata = new Date("Oct 3, 2018 14:00:00").getTime(); 155 var kolkata = new Date("Oct 3, 2018 14:00:00").getTime();
156 // Update the count down every 1 second 156 // Update the count down every 1 second
157 var x = setInterval(function() { 157 var x = setInterval(function() {
158 // Get todays date and time 158 // Get todays date and time
159 var now = new Date().getTime(); 159 var now = new Date().getTime();
160 // Find the distance between now an the count down date 160 // Find the distance between now an the count down date
161 var distance = kolkata - now; 161 var distance = kolkata - now;
162 // Time calculations for days, hours, minutes and seconds 162 // Time calculations for days, hours, minutes and seconds
163 var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 163 var days = Math.floor(distance / (1000 * 60 * 60 * 24));
164 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 164 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
165 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 165 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
166 var seconds = Math.floor((distance % (1000 * 60)) / 1000); 166 var seconds = Math.floor((distance % (1000 * 60)) / 1000);
167 $scope.timer = days + "d " + hours + "h " 167 $scope.timer = days + "d " + hours + "h "
168 + minutes + "m " + seconds + "s " 168 + minutes + "m " + seconds + "s "
169 // Output the result in an element with id="demo" 169 // Output the result in an element with id="demo"
170 document.getElementById("kolkata").innerHTML = days + "d " + hours + "h " 170 document.getElementById("kolkata").innerHTML = days + "d " + hours + "h "
171 + minutes + "m " + seconds + "s "; 171 + minutes + "m " + seconds + "s ";
172 // If the count down is over, write some text 172 // If the count down is over, write some text
173 if (distance < 0) { 173 if (distance < 0) {
174 clearInterval(x); 174 clearInterval(x);
175 document.getElementById("kolkata").innerHTML = "EXPIRED"; 175 document.getElementById("kolkata").innerHTML = "EXPIRED";
176 } 176 }
177 }, 1000); 177 }, 1000);
178 178
179 var jaipur = new Date("Oct 5, 2018 14:00:00").getTime(); 179 var jaipur = new Date("Oct 5, 2018 14:00:00").getTime();
180 // Update the count down every 1 second 180 // Update the count down every 1 second
181 var x = setInterval(function() { 181 var x = setInterval(function() {
182 // Get todays date and time 182 // Get todays date and time
183 var now = new Date().getTime(); 183 var now = new Date().getTime();
184 // Find the distance between now an the count down date 184 // Find the distance between now an the count down date
185 var distance = jaipur - now; 185 var distance = jaipur - now;
186 // Time calculations for days, hours, minutes and seconds 186 // Time calculations for days, hours, minutes and seconds
187 var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 187 var days = Math.floor(distance / (1000 * 60 * 60 * 24));
188 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 188 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
189 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 189 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
190 var seconds = Math.floor((distance % (1000 * 60)) / 1000); 190 var seconds = Math.floor((distance % (1000 * 60)) / 1000);
191 $scope.timer = days + "d " + hours + "h " 191 $scope.timer = days + "d " + hours + "h "
192 + minutes + "m " + seconds + "s " 192 + minutes + "m " + seconds + "s "
193 // Output the result in an element with id="demo" 193 // Output the result in an element with id="demo"
194 document.getElementById("jaipur").innerHTML = days + "d " + hours + "h " 194 document.getElementById("jaipur").innerHTML = days + "d " + hours + "h "
195 + minutes + "m " + seconds + "s "; 195 + minutes + "m " + seconds + "s ";
196 // If the count down is over, write some text 196 // If the count down is over, write some text
197 if (distance < 0) { 197 if (distance < 0) {
198 clearInterval(x); 198 clearInterval(x);
199 document.getElementById("jaipur").innerHTML = "EXPIRED"; 199 document.getElementById("jaipur").innerHTML = "EXPIRED";
200 } 200 }
201 }, 1000); 201 }, 1000);
202 202
203 var delhi = new Date("Oct 8, 2018 14:00:00").getTime(); 203 var delhi = new Date("Oct 8, 2018 14:00:00").getTime();
204 // Update the count down every 1 second 204 // Update the count down every 1 second
205 var x = setInterval(function() { 205 var x = setInterval(function() {
206 // Get todays date and time 206 // Get todays date and time
207 var now = new Date().getTime(); 207 var now = new Date().getTime();
208 // Find the distance between now an the count down date 208 // Find the distance between now an the count down date
209 var distance = delhi - now; 209 var distance = delhi - now;
210 // Time calculations for days, hours, minutes and seconds 210 // Time calculations for days, hours, minutes and seconds
211 var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 211 var days = Math.floor(distance / (1000 * 60 * 60 * 24));
212 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 212 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
213 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 213 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
214 var seconds = Math.floor((distance % (1000 * 60)) / 1000); 214 var seconds = Math.floor((distance % (1000 * 60)) / 1000);
215 $scope.timer = days + "d " + hours + "h " 215 $scope.timer = days + "d " + hours + "h "
216 + minutes + "m " + seconds + "s " 216 + minutes + "m " + seconds + "s "
217 // Output the result in an element with id="demo" 217 // Output the result in an element with id="demo"
218 document.getElementById("delhi").innerHTML = days + "d " + hours + "h " 218 document.getElementById("delhi").innerHTML = days + "d " + hours + "h "
219 + minutes + "m " + seconds + "s "; 219 + minutes + "m " + seconds + "s ";
220 // If the count down is over, write some text 220 // If the count down is over, write some text
221 if (distance < 0) { 221 if (distance < 0) {
222 clearInterval(x); 222 clearInterval(x);
223 document.getElementById("delhi").innerHTML = "EXPIRED"; 223 document.getElementById("delhi").innerHTML = "EXPIRED";
224 } 224 }
225 }, 1000); 225 }, 1000);
226 226
227 var kanpur = new Date("Oct 10, 2018 14:00:00").getTime(); 227 var kanpur = new Date("Oct 10, 2018 14:00:00").getTime();
228 // Update the count down every 1 second 228 // Update the count down every 1 second
229 var x = setInterval(function() { 229 var x = setInterval(function() {
230 // Get todays date and time 230 // Get todays date and time
231 var now = new Date().getTime(); 231 var now = new Date().getTime();
232 // Find the distance between now an the count down date 232 // Find the distance between now an the count down date
233 var distance = kanpur - now; 233 var distance = kanpur - now;
234 // Time calculations for days, hours, minutes and seconds 234 // Time calculations for days, hours, minutes and seconds
235 var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 235 var days = Math.floor(distance / (1000 * 60 * 60 * 24));
236 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 236 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
237 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 237 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
238 var seconds = Math.floor((distance % (1000 * 60)) / 1000); 238 var seconds = Math.floor((distance % (1000 * 60)) / 1000);
239 $scope.timer = days + "d " + hours + "h " 239 $scope.timer = days + "d " + hours + "h "
240 + minutes + "m " + seconds + "s " 240 + minutes + "m " + seconds + "s "
241 // Output the result in an element with id="demo" 241 // Output the result in an element with id="demo"
242 document.getElementById("kanpur").innerHTML = days + "d " + hours + "h " 242 document.getElementById("kanpur").innerHTML = days + "d " + hours + "h "
243 + minutes + "m " + seconds + "s "; 243 + minutes + "m " + seconds + "s ";
244 // If the count down is over, write some text 244 // If the count down is over, write some text
245 if (distance < 0) { 245 if (distance < 0) {
246 clearInterval(x); 246 clearInterval(x);
247 document.getElementById("kanpur").innerHTML = "EXPIRED"; 247 document.getElementById("kanpur").innerHTML = "EXPIRED";
248 } 248 }
249 }, 1000); 249 }, 1000);
250 250
251 var ahmedabad = new Date("Oct 12, 2018 14:00:00").getTime(); 251 var ahmedabad = new Date("Oct 12, 2018 14:00:00").getTime();
252 // Update the count down every 1 second 252 // Update the count down every 1 second
253 var x = setInterval(function() { 253 var x = setInterval(function() {
254 // Get todays date and time 254 // Get todays date and time
255 var now = new Date().getTime(); 255 var now = new Date().getTime();
256 // Find the distance between now an the count down date 256 // Find the distance between now an the count down date
257 var distance = ahmedabad - now; 257 var distance = ahmedabad - now;
258 // Time calculations for days, hours, minutes and seconds 258 // Time calculations for days, hours, minutes and seconds
259 var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 259 var days = Math.floor(distance / (1000 * 60 * 60 * 24));
260 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 260 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
261 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 261 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
262 var seconds = Math.floor((distance % (1000 * 60)) / 1000); 262 var seconds = Math.floor((distance % (1000 * 60)) / 1000);
263 $scope.timer = days + "d " + hours + "h " 263 $scope.timer = days + "d " + hours + "h "
264 + minutes + "m " + seconds + "s " 264 + minutes + "m " + seconds + "s "
265 // Output the result in an element with id="demo" 265 // Output the result in an element with id="demo"
266 document.getElementById("ahmedabad").innerHTML = days + "d " + hours + "h " 266 document.getElementById("ahmedabad").innerHTML = days + "d " + hours + "h "
267 + minutes + "m " + seconds + "s "; 267 + minutes + "m " + seconds + "s ";
268 // If the count down is over, write some text 268 // If the count down is over, write some text
269 if (distance < 0) { 269 if (distance < 0) {
270 clearInterval(x); 270 clearInterval(x);
271 document.getElementById("ahmedabad").innerHTML = "EXPIRED"; 271 document.getElementById("ahmedabad").innerHTML = "EXPIRED";
272 } 272 }
273 }, 1000); 273 }, 1000);
274 274
275 var bengaluru = new Date("Oct 13, 2018 14:00:00").getTime(); 275 var bengaluru = new Date("Oct 13, 2018 14:00:00").getTime();
276 // Update the count down every 1 second 276 // Update the count down every 1 second
277 var x = setInterval(function() { 277 var x = setInterval(function() {
278 // Get todays date and time 278 // Get todays date and time
279 var now = new Date().getTime(); 279 var now = new Date().getTime();
280 // Find the distance between now an the count down date 280 // Find the distance between now an the count down date
281 var distance = bengaluru - now; 281 var distance = bengaluru - now;
282 // Time calculations for days, hours, minutes and seconds 282 // Time calculations for days, hours, minutes and seconds
283 var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 283 var days = Math.floor(distance / (1000 * 60 * 60 * 24));
284 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 284 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
285 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 285 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
286 var seconds = Math.floor((distance % (1000 * 60)) / 1000); 286 var seconds = Math.floor((distance % (1000 * 60)) / 1000);
287 $scope.timer = days + "d " + hours + "h " 287 $scope.timer = days + "d " + hours + "h "
288 + minutes + "m " + seconds + "s " 288 + minutes + "m " + seconds + "s "
289 // Output the result in an element with id="demo" 289 // Output the result in an element with id="demo"
290 document.getElementById("bengaluru").innerHTML = days + "d " + hours + "h " 290 document.getElementById("bengaluru").innerHTML = days + "d " + hours + "h "
291 + minutes + "m " + seconds + "s "; 291 + minutes + "m " + seconds + "s ";
292 // If the count down is over, write some text 292 // If the count down is over, write some text
293 if (distance < 0) { 293 if (distance < 0) {
294 clearInterval(x); 294 clearInterval(x);
295 document.getElementById("bengaluru").innerHTML = "EXPIRED"; 295 document.getElementById("bengaluru").innerHTML = "EXPIRED";
296 } 296 }
297 }, 1000); 297 }, 1000);
298 298
299 var dharamsala = new Date("Dec 14, 2018 14:00:00").getTime(); 299 var dharamsala = new Date("Dec 14, 2018 14:00:00").getTime();
300 // Update the count down every 1 second 300 // Update the count down every 1 second
301 var x = setInterval(function() { 301 var x = setInterval(function() {
302 // Get todays date and time 302 // Get todays date and time
303 var now = new Date().getTime(); 303 var now = new Date().getTime();
304 // Find the distance between now an the count down date 304 // Find the distance between now an the count down date
305 var distance = dharamsala - now; 305 var distance = dharamsala - now;
306 // Time calculations for days, hours, minutes and seconds 306 // Time calculations for days, hours, minutes and seconds
307 var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 307 var days = Math.floor(distance / (1000 * 60 * 60 * 24));
308 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 308 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
309 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 309 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
310 var seconds = Math.floor((distance % (1000 * 60)) / 1000); 310 var seconds = Math.floor((distance % (1000 * 60)) / 1000);
311 $scope.timer = days + "d " + hours + "h " 311 $scope.timer = days + "d " + hours + "h "
312 + minutes + "m " + seconds + "s " 312 + minutes + "m " + seconds + "s "
313 // Output the result in an element with id="demo" 313 // Output the result in an element with id="demo"
314 document.getElementById("dharamsala").innerHTML = days + "d " + hours + "h " 314 document.getElementById("dharamsala").innerHTML = days + "d " + hours + "h "
315 + minutes + "m " + seconds + "s "; 315 + minutes + "m " + seconds + "s ";
316 // If the count down is over, write some text 316 // If the count down is over, write some text
317 if (distance < 0) { 317 if (distance < 0) {
318 clearInterval(x); 318 clearInterval(x);
319 document.getElementById("dharamsala").innerHTML = "EXPIRED"; 319 document.getElementById("dharamsala").innerHTML = "EXPIRED";
320 } 320 }
321 }, 1000); 321 }, 1000);
322 322
323 $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ 323 $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
324 $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ 324 $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
325 // $scope.Textshow = "yes" 325 // $scope.Textshow = "yes"
326 $scope.max = 100; 326 $scope.max = 100;
327 $scope.formPage = false; 327 $scope.formPage = false;
328 $scope.current = 0; 328 $scope.current = 0;
329 $scope.payingAmnt = 0; 329 $scope.payingAmnt = 0;
330 $scope.data = {}; 330 $scope.data = {};
331 $scope.discountAmount = 0; 331 $scope.discountAmount = 0;
332 // $scope.data.quantity = "1"; 332 // $scope.data.quantity = "1";
333 $scope.check = false; 333 $scope.check = false;
334 $scope.numberCheck = false; 334 $scope.numberCheck = false;
335 $scope.paymentResult = {}; 335 $scope.paymentResult = {};
336 var data = { 336 var data = {
337 "amount": $scope.payingAmnt, 337 "amount": $scope.payingAmnt,
338 "currency": "INR", 338 "currency": "INR",
339 "status": "pending" 339 "status": "pending"
340 } 340 }
341 341
342 $scope.showval = true; 342 $scope.showval = true;
343 $scope.hideval = false; 343 $scope.hideval = false;
344 $scope.showvalue = false; 344 $scope.showvalue = false;
345 $scope.hidevalue = false; 345 $scope.hidevalue = false;
346 $scope.isShowHide = function (value) { 346 $scope.isShowHide = function (value) {
347 console.log(value) 347 console.log(value)
348 var element = document.getElementById("defaultcountry");
349 element.classList.remove("btn-active");
350
348 if (value == "INDIA") { 351 if (value == "INDIA") {
349 console.log("value",value) 352 console.log("value",value)
350 $scope.showval = true; 353 $scope.showval = true;
351 $scope.hideval = false; 354 $scope.hideval = false;
352 $scope.showvalue = false; 355 $scope.showvalue = false;
353 $scope.hidevalue = false; 356 $scope.hidevalue = false;
354 } 357 }
355 else if (value == "SRI LANKA") { 358 else if (value == "SRI LANKA") {
356 console.log("value1",value) 359 console.log("value1",value)
357 $scope.showval = false; 360 $scope.showval = false;
358 $scope.hideval = true; 361 $scope.hideval = true;
359 $scope.showvalue = false; 362 $scope.showvalue = false;
360 $scope.hidevalue = false; 363 $scope.hidevalue = false;
361 } 364 }
362 else if (value == "BANGLADESH") { 365 else if (value == "BANGLADESH") {
363 console.log("value2",value) 366 console.log("value2",value)
364 $scope.showval = false; 367 $scope.showval = false;
365 $scope.hideval = false; 368 $scope.hideval = false;
366 $scope.showvalue = true; 369 $scope.showvalue = true;
367 $scope.hidevalue = false; 370 $scope.hidevalue = false;
368 } 371 }
369 else { 372 else {
370 console.log("value3",value) 373 console.log("value3",value)
371 $scope.showval = false; 374 $scope.showval = false;
372 $scope.hideval = false; 375 $scope.hideval = false;
373 $scope.showvalue = false; 376 $scope.showvalue = false;
374 $scope.hidevalue = true; 377 $scope.hidevalue = true;
375 } 378 }
376 } 379 }
377 380
378 // $scope.apply = function() { 381 // $scope.apply = function() {
379 // //Analytics.trackEvent('register', 'click', 'Registration'); 382 // //Analytics.trackEvent('register', 'click', 'Registration');
380 // $location.path("/caricatures") 383 // $location.path("/caricatures")
381 // } 384 // }
382 385
383 // $scope.data.city = ''; 386 // $scope.data.city = '';
384 $scope.watch = function(){ 387 $scope.watch = function(){
388 document.getElementById("ahmedabad").src = "";
385 // console.log("cllll",value) 389 // console.log("cllll",value)
386 // $scope.data.city = value; 390 // $scope.data.city = value;
387 // if($scope.data.city == "Chennai"){ 391 // if($scope.data.city == "Chennai"){
388 // console.log("cllll1",value) 392 // console.log("cllll1",value)
389 // $window.location.href = 'http://35.154.24.158:8007'; 393 // $window.location.href = 'http://35.154.24.158:8007';
390 // }else{ 394 // }else{
391 // console.log("cllll2",value) 395 // console.log("cllll2",value)
392 // localStorage.setItem("city" ,value); 396 // localStorage.setItem("city" ,value);
393 //$location.path('/registration').search({city: value}); 397 //$location.path('/registration').search({city: value});
394 // $location.path('/registration/'+value+''); 398 // $location.path('/registration/'+value+'');
395 $location.path('/registration'); 399 $location.path('/registration');
396 //$state.go('registration', { 'city': value}) 400 //$state.go('registration', { 'city': value})
397 // } 401 // }
398 } 402 }
399 403
400 $scope.select = function(url){ 404 $scope.select = function(url){
401 console.log("cllll") 405 console.log("cllll")
402 window.open(url) 406 window.open(url)
403 } 407 }
404 408
405 $scope.stagekeyPress = function() { 409 $scope.stagekeyPress = function() {
406 $('.icon-circle-a').css('background-color', 'rgb(25, 104, 157)'); 410 $('.icon-circle-a').css('background-color', 'rgb(25, 104, 157)');
407 } 411 }
408 $scope.sectorkeyPress = function() { 412 $scope.sectorkeyPress = function() {
409 $('.icon-circle-b').css('background-color', 'rgb(25, 104, 157)'); 413 $('.icon-circle-b').css('background-color', 'rgb(25, 104, 157)');
410 } 414 }
411 415
412 $scope.productLaunchkeyPress = function() { 416 $scope.productLaunchkeyPress = function() {
413 $('.icon-circle-ab').css('background-color', 'rgb(25, 104, 157)'); 417 $('.icon-circle-ab').css('background-color', 'rgb(25, 104, 157)');
414 } 418 }
415 419
416 $scope.launchPeriodkeyPress = function() { 420 $scope.launchPeriodkeyPress = function() {
417 $('.icon-circle-abc').css('background-color', 'rgb(25, 104, 157)'); 421 $('.icon-circle-abc').css('background-color', 'rgb(25, 104, 157)');
418 } 422 }
419 423
420 $scope.industrykeyPress = function(quantity) { 424 $scope.industrykeyPress = function(quantity) {
421 console.log("fghj",quantity) 425 console.log("fghj",quantity)
422 $('.icon-circle-abcdefg').css('background-color', 'rgb(25, 104, 157)'); 426 $('.icon-circle-abcdefg').css('background-color', 'rgb(25, 104, 157)');
423 } 427 }
424 428
425 $scope.industryNamekeyPress = function(firstName) { 429 $scope.industryNamekeyPress = function(firstName) {
426 console.log("lastName==", firstName); 430 console.log("lastName==", firstName);
427 if (firstName == undefined) { 431 if (firstName == undefined) {
428 $('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)'); 432 $('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');
429 } else { 433 } else {
430 $('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)'); 434 $('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)');
431 } 435 }
432 } 436 }
433 437
434 $scope.amountkeyPress = function() { 438 $scope.amountkeyPress = function() {
435 $('.icon-circle-bc').css('background-color', 'rgb(25, 104, 157)'); 439 $('.icon-circle-bc').css('background-color', 'rgb(25, 104, 157)');
436 } 440 }
437 441
438 $scope.firstNamekeyPress = function(name) { 442 $scope.firstNamekeyPress = function(name) {
439 console.log("lastName==", name); 443 console.log("lastName==", name);
440 if (name == undefined) { 444 if (name == undefined) {
441 $('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)'); 445 $('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');
442 } else { 446 } else {
443 $('.icon-circle-c').css('background-color', 'rgb(25, 104, 157)'); 447 $('.icon-circle-c').css('background-color', 'rgb(25, 104, 157)');
444 } 448 }
445 } 449 }
446 450
447 $scope.emailkeyPress = function(email) { 451 $scope.emailkeyPress = function(email) {
448 console.log("email", email); 452 console.log("email", email);
449 if (email == undefined) { 453 if (email == undefined) {
450 $('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)'); 454 $('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)');
451 } else { 455 } else {
452 $('.icon-circle-d').css('background-color', 'rgb(25, 104, 157)'); 456 $('.icon-circle-d').css('background-color', 'rgb(25, 104, 157)');
453 } 457 }
454 } 458 }
455 459
456 $scope.phonekeyPress = function(number) { 460 $scope.phonekeyPress = function(number) {
457 console.log("number", number); 461 console.log("number", number);
458 if (number == undefined || number == '') { 462 if (number == undefined || number == '') {
459 $('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)'); 463 $('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');
460 } else { 464 } else {
461 $('.icon-circle-e').css('background-color', 'rgb(25, 104, 157)'); 465 $('.icon-circle-e').css('background-color', 'rgb(25, 104, 157)');
462 } 466 }
463 } 467 }
464 468
465 $scope.citykeyPress = function(city) { 469 $scope.citykeyPress = function(city) {
466 console.log("city", city); 470 console.log("city", city);
467 if (city == undefined) { 471 if (city == undefined) {
468 $('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)'); 472 $('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)');
469 } else { 473 } else {
470 $('.icon-circle-f').css('background-color', 'rgb(25, 104, 157)'); 474 $('.icon-circle-f').css('background-color', 'rgb(25, 104, 157)');
471 } 475 }
472 } 476 }
473 477
474 $scope.startupNamekeyPress = function(q) { 478 $scope.startupNamekeyPress = function(q) {
475 if (q == undefined) { 479 if (q == undefined) {
476 $('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)'); 480 $('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');
477 } else { 481 } else {
478 $('.icon-circle-x').css('background-color', 'rgb(25, 104, 157)'); 482 $('.icon-circle-x').css('background-color', 'rgb(25, 104, 157)');
479 } 483 }
480 } 484 }
481 485
482 $scope.linkedInkeyPress = function(technology) { 486 $scope.linkedInkeyPress = function(technology) {
483 if (technology == undefined || technology == '') { 487 if (technology == undefined || technology == '') {
484 $('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)'); 488 $('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');
485 } else { 489 } else {
486 $('.icon-circle-h').css('background-color', 'rgb(25, 104, 157)'); 490 $('.icon-circle-h').css('background-color', 'rgb(25, 104, 157)');
487 } 491 }
488 } 492 }
489 $scope.companykeyPress = function(problem) { 493 $scope.companykeyPress = function(problem) {
490 if (problem == undefined) { 494 if (problem == undefined) {
491 $('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)'); 495 $('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)');
492 } else { 496 } else {
493 $('.icon-circle-i').css('background-color', 'rgb(25, 104, 157)'); 497 $('.icon-circle-i').css('background-color', 'rgb(25, 104, 157)');
494 } 498 }
495 } 499 }
496 $scope.productNamekeyPress = function(solution) { 500 $scope.productNamekeyPress = function(solution) {
497 if (solution == undefined) { 501 if (solution == undefined) {
498 $('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)'); 502 $('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)');
499 } else { 503 } else {
500 $('.icon-circle-j').css('background-color', 'rgb(25, 104, 157)'); 504 $('.icon-circle-j').css('background-color', 'rgb(25, 104, 157)');
501 } 505 }
502 } 506 }
503 $scope.businesskeyPress = function(business) { 507 $scope.businesskeyPress = function(business) {
504 if (business == undefined) { 508 if (business == undefined) {
505 $('.icon-circle-p').css('background-color', 'rgb(102, 102, 102)'); 509 $('.icon-circle-p').css('background-color', 'rgb(102, 102, 102)');
506 } else { 510 } else {
507 $('.icon-circle-p').css('background-color', 'rgb(25, 104, 157)'); 511 $('.icon-circle-p').css('background-color', 'rgb(25, 104, 157)');
508 } 512 }
509 } 513 }
510 514
511 $scope.websitekeyPress = function(prototype) { 515 $scope.websitekeyPress = function(prototype) {
512 if (prototype == undefined || prototype == '') { 516 if (prototype == undefined || prototype == '') {
513 $('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)'); 517 $('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');
514 } else { 518 } else {
515 $('.icon-circle-k').css('background-color', 'rgb(25, 104, 157)'); 519 $('.icon-circle-k').css('background-color', 'rgb(25, 104, 157)');
516 } 520 }
517 } 521 }
518 522
519 $scope.employeekeyPress = function(market) { 523 $scope.employeekeyPress = function(market) {
520 if (market == undefined || market == '') { 524 if (market == undefined || market == '') {
521 $('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)'); 525 $('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');
522 } else { 526 } else {
523 $('.icon-circle-l').css('background-color', 'rgb(25, 104, 157)'); 527 $('.icon-circle-l').css('background-color', 'rgb(25, 104, 157)');
524 } 528 }
525 } 529 }
526 530
527 $scope.annualkeyPress = function(risk) { 531 $scope.annualkeyPress = function(risk) {
528 if (risk == undefined || risk == '') { 532 if (risk == undefined || risk == '') {
529 $('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)'); 533 $('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');
530 } else { 534 } else {
531 $('.icon-circle-m').css('background-color', 'rgb(25, 104, 157)'); 535 $('.icon-circle-m').css('background-color', 'rgb(25, 104, 157)');
532 } 536 }
533 } 537 }
534 538
535 $scope.revenuekeyPress = function(team) { 539 $scope.revenuekeyPress = function(team) {
536 if (team == undefined) { 540 if (team == undefined) {
537 $('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)'); 541 $('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');
538 } else { 542 } else {
539 $('.icon-circle-n').css('background-color', 'rgb(25, 104, 157)'); 543 $('.icon-circle-n').css('background-color', 'rgb(25, 104, 157)');
540 } 544 }
541 } 545 }
542 546
543 $scope.descriptionkeyPress = function(pitch) { 547 $scope.descriptionkeyPress = function(pitch) {
544 if (pitch == undefined) { 548 if (pitch == undefined) {
545 $('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)'); 549 $('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)');
546 } else { 550 } else {
547 $('.icon-circle-z').css('background-color', 'rgb(25, 104, 157)'); 551 $('.icon-circle-z').css('background-color', 'rgb(25, 104, 157)');
548 } 552 }
549 } 553 }
550 554
551 $scope.discountkeyPress = function(discount) { 555 $scope.discountkeyPress = function(discount) {
552 if (discount == undefined) { 556 if (discount == undefined) {
553 $('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)'); 557 $('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');
554 } else { 558 } else {
555 $('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)'); 559 $('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)');
556 } 560 }
557 } 561 }
558 562
559 $scope.removeNooError = function() { 563 $scope.removeNooError = function() {
560 $('#invalidIdea').css('display', 'block'); 564 $('#invalidIdea').css('display', 'block');
561 $('#noExist').css('display', 'none'); 565 $('#noExist').css('display', 'none');
562 }; 566 };
563 567
564 $scope.ideakeyPress = function(financial) { 568 $scope.ideakeyPress = function(financial) {
565 console.log("financial", financial); 569 console.log("financial", financial);
566 if (financial == undefined) { 570 if (financial == undefined) {
567 $('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)'); 571 $('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)');
568 } else { 572 } else {
569 $('.icon-circle-q').css('background-color', 'rgb(25, 104, 157)'); 573 $('.icon-circle-q').css('background-color', 'rgb(25, 104, 157)');
570 } 574 }
571 } 575 }
572 576
573 $scope.fundkeyPress = function(financial) { 577 $scope.fundkeyPress = function(financial) {
574 console.log("financial", financial); 578 console.log("financial", financial);
575 if (financial == undefined) { 579 if (financial == undefined) {
576 $('.icon-circle-y').css('background-color', 'rgb(102, 102, 102)'); 580 $('.icon-circle-y').css('background-color', 'rgb(102, 102, 102)');
577 } else { 581 } else {
578 $('.icon-circle-y').css('background-color', 'rgb(25, 104, 157)'); 582 $('.icon-circle-y').css('background-color', 'rgb(25, 104, 157)');
579 } 583 }
580 } 584 }
581 585
582 $scope.changeReferalIconColor = function(referalToken){ 586 $scope.changeReferalIconColor = function(referalToken){
583 if (referalToken == undefined || referalToken == '') { 587 if (referalToken == undefined || referalToken == '') {
584 $('.referel-icon').css('background-color', 'rgb(102, 102, 102)'); 588 $('.referel-icon').css('background-color', 'rgb(102, 102, 102)');
585 }else { 589 }else {
586 $('.referel-icon').css('background-color', 'rgb(25, 104, 157)'); 590 $('.referel-icon').css('background-color', 'rgb(25, 104, 157)');
587 } 591 }
588 } 592 }
589 593
590 }); 594 });
591 595
592 scotchApp.controller('registrationController', function($scope, $http, $location, $rootScope,$route,BASE_URL) { 596 scotchApp.controller('registrationController', function($q, $scope, $http, $location, $rootScope,$route,BASE_URL) {
593 $scope.data = {}; 597 $scope.data = {};
594 $scope.check = false; 598 $scope.check = false;
595 $scope.numberCheck = false; 599 $scope.numberCheck = false;
596 $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ 600 $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
597 $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ 601 $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
598 $scope.max = 100; 602 $scope.max = 100;
599 $scope.formPage = false; 603 $scope.formPage = false;
600 $scope.current = 0; 604 $scope.current = 0;
601 $scope.payingAmnt = 0; 605 $scope.payingAmnt = 0;
602 $scope.discountAmount = 0; 606 $scope.discountAmount = 0;
603 // $scope.data.quantity = "1"; 607 // $scope.data.quantity = "1";
604 $scope.check = false; 608 $scope.check = false;
605 $scope.numberCheck = false; 609 $scope.numberCheck = false;
606 $scope.paymentResult = {}; 610 $scope.paymentResult = {};
607 var data = { 611 var data = {
608 "amount": $scope.payingAmnt, 612 "amount": $scope.payingAmnt,
609 "currency": "INR", 613 "currency": "INR",
610 "status": "pending" 614 "status": "pending"
611 } 615 }
612 616
613 $scope.removeError = function() { 617 $scope.removeError = function() {
614 $('#invalidEmail').css('display', 'none'); 618 $('#invalidEmail').css('display', 'none');
615 $('#alreadyExist').css('display', 'none'); 619 $('#alreadyExist').css('display', 'none');
616 }; 620 };
617 621
618 $scope.emailcheck = function(val) { 622 $scope.emailcheck = function(val) {
619 if (val == undefined) { 623 if (val == undefined) {
620 $('#invalidEmail').css('display', 'block'); 624 $('#invalidEmail').css('display', 'block');
621 } else { 625 } else {
622 $('#alreadyExist').css('display', 'block'); 626 $('#alreadyExist').css('display', 'block');
623 } 627 }
624 }; 628 };
625 629
626 $scope.removeNoError = function() { 630 $scope.removeNoError = function() {
627 $('#invalidNumber').css('display', 'none'); 631 $('#invalidNumber').css('display', 'none');
628 $('#alreadyExist').css('display', 'none'); 632 $('#alreadyExist').css('display', 'none');
629 }; 633 };
630 634
631 $scope.numbercheck = function(val) { 635 $scope.numbercheck = function(val) {
632 if (val == undefined) { 636 if (val == undefined) {
633 $('#invalidNumber').css('display', 'block'); 637 $('#invalidNumber').css('display', 'block');
634 } else { 638 } else {
635 $('#alreadyExist').css('display', 'block'); 639 $('#alreadyExist').css('display', 'block');
636 } 640 }
637 }; 641 };
638 642
639 // $scope.$on('city', function (event, value) { 643 // $scope.$on('city', function (event, value) {
640 // $scope.data.city = localStorage.getItem("city"); 644 // $scope.data.city = localStorage.getItem("city");
641 // console.log("HERE===",$scope.data.city ); 645 // console.log("HERE===",$scope.data.city );
642 // }); 646 // });
643 var handleFileSelect = function(evt) { 647 var handleFileSelect = function(evt) {
644 var files = evt.target.files; 648 var files = evt.target.files;
645 var file = files[0]; 649 var file = files[0];
646 650
647 if (files && file) { 651 if (files && file) {
648 var reader = new FileReader(); 652 var reader = new FileReader();
649 653
650 reader.onload = function(readerEvt) { 654 reader.onload = function(readerEvt) {
651 var binaryString = readerEvt.target.result; 655 var binaryString = readerEvt.target.result;
652 $scope.base64textString = btoa(binaryString); 656 $scope.base64textString = btoa(binaryString);
653 console.log("base64textarea",$scope.base64textString) 657 console.log("base64textarea",$scope.base64textString)
654 }; 658 };
655 659
656 reader.readAsBinaryString(file); 660 reader.readAsBinaryString(file);
657 } 661 }
658 }; 662 };
659 if (window.File && window.FileReader && window.FileList && window.Blob) { 663 if (window.File && window.FileReader && window.FileList && window.Blob) {
660 document.getElementById('filePicker').addEventListener('change', handleFileSelect, false); 664 document.getElementById('filePicker').addEventListener('change', handleFileSelect, false);
661 } 665 }
662 666
663 // scope.addOther = false; 667 // scope.addOther = false;
664 // + $scope.hideSelectBox = true; 668 // + $scope.hideSelectBox = true;
665 // $scope.industrykeyPress = function(e) { 669 // $scope.industrykeyPress = function(e) {
666 // // $('.icon-circle-abcdefg').css('background-color', 'rgb(66, 181, 73)'); 670 // // $('.icon-circle-abcdefg').css('background-color', 'rgb(66, 181, 73)');
667 // + var e = document.getElementById("dataIndustry"); 671 // + var e = document.getElementById("dataIndustry");
668 // + var dataIndustry = e.options[e.selectedIndex].value; 672 // + var dataIndustry = e.options[e.selectedIndex].value;
669 // + if(dataIndustry == "Other") { 673 // + if(dataIndustry == "Other") {
670 // + $scope.addOther = true; 674 // + $scope.addOther = true;
671 // + $scope.hideSelectBox = false; 675 // + $scope.hideSelectBox = false;
672 // + } 676 // + }
673 // } 677 // }
674 678
675 $rootScope.tokenCall = function(val) { 679 $rootScope.tokenCall = function(val) {
676 console.log('val-------->', val); 680 console.log('val-------->', val);
677 if (val == undefined) { 681 if (val == undefined) {
678 $('#invalidToken').css('display', 'block'); 682 $('#invalidToken').css('display', 'block');
679 } else { 683 } else {
680 val = val.toUpperCase(); 684 val = val.toUpperCase();
681 if((val == "IITH99" && $scope.data.city != "Hyderabad") || (val == "IITM99" && $scope.data.city != "Chennai") || (val == "IITD99" && $scope.data.city != "Delhi") || (val == "IITB99" && $scope.data.city != "Mumbai") || (val == "IITK99" && $scope.data.city != "Kanpur") || (val == "IIMC99" && $scope.data.city != "Kolkata") || (val == "IIMA99" && $scope.data.city != "Ahmedabad") || (val == "JAI40" && $scope.data.city != "Jaipur")){ 685 if((val == "IITH99" && $scope.data.city != "Hyderabad") || (val == "IITM99" && $scope.data.city != "Chennai") || (val == "IITD99" && $scope.data.city != "Delhi") || (val == "IITB99" && $scope.data.city != "Mumbai") || (val == "IITK99" && $scope.data.city != "Kanpur") || (val == "IIMC99" && $scope.data.city != "Kolkata") || (val == "IIMA99" && $scope.data.city != "Ahmedabad") || (val == "JAI40" && $scope.data.city != "Jaipur")){
682 $scope.tokencheck = false; 686 $scope.tokencheck = false;
683 return; 687 return;
684 } 688 }
685 $http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": "' + val + '"}}') 689 $http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": "' + val + '"}}')
686 .then(function(searchResult) { 690 .then(function(searchResult) {
687 console.log("searchResult",searchResult) 691 console.log("searchResult",searchResult)
688 if (searchResult.data.length == 0) { 692 if (searchResult.data.length == 0) {
689 $scope.tokencheck = false; 693 $scope.tokencheck = false;
690 $scope.discountAmount = 0; 694 $scope.discountAmount = 0;
691 } else { 695 } else {
692 console.log("===searchResult.data[0].discount===",searchResult.data[0].discount); 696 console.log("===searchResult.data[0].discount===",searchResult.data[0].discount);
693 $scope.discountpercentage = searchResult.data[0].discount; 697 $scope.discountpercentage = searchResult.data[0].discount;
694 console.log("===searchResultdiscountpercentage===",$scope.discountpercentage); 698 console.log("===searchResultdiscountpercentage===",$scope.discountpercentage);
695 $scope.tokencheck = true; 699 $scope.tokencheck = true;
696 } 700 }
697 },function(err){ 701 },function(err){
698 console.log(err) 702 console.log(err)
699 }); 703 });
700 704
701 } 705 }
702 }; 706 };
703 707
704 $scope.submit = function() { 708 $scope.submit = function() {
705 //$scope.data.uploadFile = $scope.base64textString; 709 //$scope.data.uploadFile = $scope.base64textString;
706 $scope.ticketAmnt = 500; 710 $scope.ticketAmnt = 500;
707 if($scope.tokencheck == false){ 711 if($scope.tokencheck == false){
708 $scope.data.referalToken = null; 712 $scope.data.referalToken = null;
709 } 713 }
710 // if ($scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined) { 714 // if ($scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined) {
711 // var x = document.getElementById("snackbar") 715 // var x = document.getElementById("snackbar")
712 // setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000); 716 // setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
713 // }else if($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) { 717 // }else if($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {
714 $scope.infoForm = true; 718 $scope.infoForm = true;
715 $scope.detail = {}; 719 $scope.detail = {};
716 $scope.data.phone = "+91"+$scope.data.number; 720 $scope.data.phone = "+91"+$scope.data.number;
717 if($scope.data.referalToken == null){ 721 if($scope.data.referalToken == null){
718 $scope.data.referalToken = "N.A." 722 $scope.data.referalToken = "N.A."
719 } 723 }
724 var file =document.getElementById('filePicker').files[0];
725 console.log("file",filePicker)
726 var image = BASE_URL+'/containers/applicants/download/'
727 console.log("file",image)
728 var imagePath = filePicker.name;
729 $scope.data.uploadFile = image + imagePath;
730 var fd = new FormData()
731 fd.append('filePicker',data);
732
733 var deferred = $q.defer();
734 $http({
735 method:'POST',
736 url: BASE_URL+'/containers/applicants/upload',
737 data:fd,
738 transformRequest:angular.identity,
739 headers:{'Content-Type':undefined}
740 })
741 .success(function(result){
742 deferred.resolve(result);
743 })
744
720 $http({ 745 $http({
721 method: 'POST', 746 method: 'POST',
722 url: BASE_URL+'/applicants', 747 url: BASE_URL+'/applicants',
723 data: $scope.data, 748 data: $scope.data,
724 headers: {} 749 headers: {}
725 }).then(function mySuccess(result) { 750 }).then(function mySuccess(result) {
726 console.log("=====result=====",result) 751 console.log("=====result=====",result)
727 $scope.detail = result; 752 $scope.detail = result;
728 data.applicantId = result.data.id; 753 data.applicantId = result.data.id;
729 $scope.userId = result.data.id; 754 $scope.userId = result.data.id;
730 console.log("=====data=====",data) 755 console.log("=====data=====",data)
731 var amount = $scope.ticketAmnt * 100 756 var amount = $scope.ticketAmnt * 100
732 if($scope.tokencheck == true){ 757 if($scope.tokencheck == true){
733 var amount = $scope.ticketAmnt 758 var amount = $scope.ticketAmnt
734 console.log("====$scope.discountpercentage====",$scope.discountpercentage); 759 console.log("====$scope.discountpercentage====",$scope.discountpercentage);
735 console.log("resultcity===",$scope.data.city) 760 console.log("resultcity===",$scope.data.city)
736 if($scope.discountpercentage == "100") { 761 if($scope.discountpercentage == "100") {
737 $scope.discountpercentage = "99.8"; 762 $scope.discountpercentage = "99.8";
738 console.log("$scope.discountpercentage====",$scope.discountpercentage) 763 console.log("$scope.discountpercentage====",$scope.discountpercentage)
739 } 764 }
740 console.log("====$scope.discountpercentage====",$scope.discountpercentage); 765 console.log("====$scope.discountpercentage====",$scope.discountpercentage);
741 $scope.percDiscount = $scope.discountpercentage/100; 766 $scope.percDiscount = $scope.discountpercentage/100;
742 console.log("====$scope.percDiscount====",$scope.percDiscount); 767 console.log("====$scope.percDiscount====",$scope.percDiscount);
743 console.log("====amount=====",amount); 768 console.log("====amount=====",amount);
744 $scope.discountAmount = amount * $scope.percDiscount; 769 $scope.discountAmount = amount * $scope.percDiscount;
745 console.log("finalAmount====>",$scope.discountAmount) 770 console.log("finalAmount====>",$scope.discountAmount)
746 } 771 }
747 var taxAmount = $scope.ticketAmnt - $scope.discountAmount 772 var taxAmount = $scope.ticketAmnt - $scope.discountAmount
748 console.log("$scope.taxTotal----",taxAmount) 773 console.log("$scope.taxTotal----",taxAmount)
749 $scope.payingAmnt = taxAmount; 774 $scope.payingAmnt = taxAmount;
750 console.log("====$scope.payingAmnt====",$scope.payingAmnt) 775 console.log("====$scope.payingAmnt====",$scope.payingAmnt)
751 $scope.payingAmnt = $scope.payingAmnt.toFixed() 776 $scope.payingAmnt = $scope.payingAmnt.toFixed()
752 data.amount = $scope.payingAmnt; 777 data.amount = $scope.payingAmnt;
753 console.log("data.amount==",data.amount) 778 console.log("data.amount==",data.amount)
754 if($scope.detail != null){ 779 if($scope.detail != null){
755 $http({ 780 $http({
756 method: 'POST', 781 method: 'POST',
757 url: BASE_URL+'/payments', 782 url: BASE_URL+'/payments',
758 data: data, 783 data: data,
759 headers: {} 784 headers: {}
760 }).then(function mySuccess(paymentResult) { 785 }).then(function mySuccess(paymentResult) {
761 $scope.paymentResult = paymentResult; 786 $scope.paymentResult = paymentResult;
762 }, function myError(error) { 787 }, function myError(error) {
763 }); 788 });
764 } 789 }
765 var i = 0; 790 var i = 0;
766 $scope.payingAmnt = $scope.payingAmnt * 100; 791 $scope.payingAmnt = $scope.payingAmnt * 100;
767 var options = { 792 var options = {
768 //"key": "rzp_test_YwHsVFiDIQ2WUQ", 793 //"key": "rzp_test_YwHsVFiDIQ2WUQ",
769 "key": "rzp_live_mkmCb4FkstuWaS", 794 "key": "rzp_live_mkmCb4FkstuWaS",
770 "amount": $scope.payingAmnt, 795 "amount": $scope.payingAmnt,
771 796
772 "name": "Startup Jalsa", 797 "name": "Startup Jalsa",
773 "description":"amount", 798 "description":"amount",
774 "currency": "INR", 799 "currency": "INR",
775 "status": "done", 800 "status": "done",
776 801
777 "prefill": { 802 "prefill": {
778 "email": $scope.detail.email, 803 "email": $scope.detail.email,
779 "contact": $scope.detail.phone 804 "contact": $scope.detail.phone
780 }, 805 },
781 806
782 "theme": { 807 "theme": {
783 "color": "#2196f3 ", 808 "color": "#2196f3 ",
784 "image_padding":"NO" 809 "image_padding":"NO"
785 }, 810 },
786 "modal": { 811 "modal": {
787 "ondismiss": function(){ 812 "ondismiss": function(){
788 } 813 }
789 }, 814 },
790 "handler": function (response){ 815 "handler": function (response){
791 createPayment(response); 816 createPayment(response);
792 } 817 }
793 }; 818 };
794 var rzp1 = new Razorpay(options); 819 var rzp1 = new Razorpay(options);
795 rzp1.open(); 820 rzp1.open();
796 $scope.paymentResponse = {}; 821 $scope.paymentResponse = {};
797 function createPayment(response){ 822 function createPayment(response){
798 console.log("response12333333",response) 823 console.log("response12333333",response)
799 $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id; 824 $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
800 $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId; 825 $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;
801 $scope.paymentResponse.amount = data.amount; 826 $scope.paymentResponse.amount = data.amount;
802 $scope.paymentResponse.currency = "INR"; 827 $scope.paymentResponse.currency = "INR";
803 $scope.paymentResponse.status = $scope.paymentResult.data.status; 828 $scope.paymentResponse.status = $scope.paymentResult.data.status;
804 console.log("$scope.paymentResponse.amount=====",$scope.paymentResponse.amount) 829 console.log("$scope.paymentResponse.amount=====",$scope.paymentResponse.amount)
805 $http({ 830 $http({
806 method: 'PUT', 831 method: 'PUT',
807 url: BASE_URL+'/payments/'+$scope.paymentResult.data.id, 832 url: BASE_URL+'/payments/'+$scope.paymentResult.data.id,
808 data: $scope.paymentResponse, 833 data: $scope.paymentResponse,
809 headers: {} 834 headers: {}
810 }).then(function mySuccess(searchResult) { 835 }).then(function mySuccess(searchResult) {
811 console.log("searchResult",searchResult) 836 console.log("searchResult",searchResult)
812 $location.path("/confirmation") 837 $location.path("/confirmation")
813 }, function myError(error) { 838 }, function myError(error) {
814 }); 839 });
815 } 840 }
816 //} 841 //}
817 842
818 }, function myError(error) { 843 }, function myError(error) {
819 844
820 }); 845 });
821 846
822 //} 847 //}
823 848
824 } 849 }
825 850
826 }); 851 });
827 852
828 scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) { 853 scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) {
829 $scope.data = {}; 854 $scope.data = {};
830 $scope.check = false; 855 $scope.check = false;
831 $scope.numberCheck = false; 856 $scope.numberCheck = false;
832 857
833 $scope.submit = function() { 858 $scope.submit = function() {
834 console.log($scope.data.name) 859 console.log($scope.data.name)
835 var randomNumber = ""+Math.random(); 860 var randomNumber = ""+Math.random();
836 var nameSpliced = $scope.data.name.slice(0,5); 861 var nameSpliced = $scope.data.name.slice(0,5);
837 var numberSpliced = randomNumber.slice(2,4);; 862 var numberSpliced = randomNumber.slice(2,4);;
838 $scope.data.referalToken = nameSpliced+numberSpliced; 863 $scope.data.referalToken = nameSpliced+numberSpliced;
839 $scope.data.referalToken = $scope.data.referalToken.toUpperCase(); 864 $scope.data.referalToken = $scope.data.referalToken.toUpperCase();
840 console.log("dsdfs",numberSpliced); 865 console.log("dsdfs",numberSpliced);
841 $http({ 866 $http({
842 method: 'POST', 867 method: 'POST',
843 url: BASE_URL + '/ambassadors', 868 url: BASE_URL + '/ambassadors',
844 data: $scope.data, 869 data: $scope.data,
845 headers: {} 870 headers: {}
846 }).then(function mySuccess(result) { 871 }).then(function mySuccess(result) {
847 console.log("result", result) 872 console.log("result", result)
848 $scope.detail = result; 873 $scope.detail = result;
849 $('#myModal').modal('show'); 874 $('#myModal').modal('show');
850 $scope.data.name = ''; 875 $scope.data.name = '';
851 $scope.data.email = ''; 876 $scope.data.email = '';
852 $scope.data.mobile = ''; 877 $scope.data.mobile = '';
853 //$scope.data.discount = ''; 878 //$scope.data.discount = '';
854 879
855 }, function myError(error) { 880 }, function myError(error) {
856 console.log(error) 881 console.log(error)
857 console.log(error.data.error.message) 882 console.log(error.data.error.message)
858 }); 883 });
859 } 884 }
860 }); 885 });
861 886
862 887
863 888
864 889
865 890