Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code »

Commit e6c47cad01dc0b13bf9da4007bb8d87aac5922ab

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

improve design

Showing 2 changed files with 112 additions and 72 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: rgb(92, 198, 208); 203 background-color: rgb(92, 198, 208);
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 .textarea{ 210 .textarea{
211 min-height: 97px; 211 min-height: 97px;
212 } 212 }
213 .error-message{ 213 .error-message{
214 font-weight: inherit; 214 font-weight: inherit;
215 color: #ff0000; 215 color: #ff0000;
216 margin: 5px 4px -5px 0px; 216 margin: 5px 4px -5px 0px;
217 display: none; 217 display: none;
218 } 218 }
219 219
220 /*custom input*/ 220 /*custom input*/
221 .text-input, select { 221 .text-input, select {
222 width: 100%; 222 width: 100%;
223 -webkit-appearance: none; 223 -webkit-appearance: none;
224 padding: 12px 25px; 224 padding: 12px 25px;
225 margin: -2px 0; 225 margin: -2px 0;
226 display: inline-block; 226 display: inline-block;
227 border: 0px solid rgba(51, 51, 51, 0); 227 border: 0px solid rgba(51, 51, 51, 0);
228 border-radius: -3px; 228 border-radius: -3px;
229 box-sizing: border-box; 229 box-sizing: border-box;
230 box-shadow: 0 0 10px rgba(240, 255, 235); 230 box-shadow: 0 0 10px rgba(240, 255, 235);
231 -moz-box-shadow: 0 0 10px rgba(240, 255, 235); 231 -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
232 -webkit-box-shadow: 0 0 5px #777; 232 -webkit-box-shadow: 0 0 5px #777;
233 -o-box-shadow: 0 0 10px rgba(240, 255, 235); 233 -o-box-shadow: 0 0 10px rgba(240, 255, 235);
234 font-size: 12px; 234 font-size: 12px;
235 } 235 }
236 236
237 /* progress bar css */ 237 /* progress bar css */
238 238
239 @-webkit-keyframes 239 @-webkit-keyframes
240 load { 0% { 240 load { 0% {
241 stroke-dashoffset:0 241 stroke-dashoffset:0
242 } 242 }
243 } 243 }
244 @-moz-keyframes 244 @-moz-keyframes
245 load { 0% { 245 load { 0% {
246 stroke-dashoffset:0 246 stroke-dashoffset:0
247 } 247 }
248 } 248 }
249 @keyframes 249 @keyframes
250 load { 0% { 250 load { 0% {
251 stroke-dashoffset:0 251 stroke-dashoffset:0
252 } 252 }
253 } 253 }
254 254
255 /* Container */ 255 /* Container */
256 256
257 .progress-form { 257 .progress-form {
258 position: relative; 258 position: relative;
259 display: inline-block; 259 display: inline-block;
260 padding: 0; 260 padding: 0;
261 text-align: center; 261 text-align: center;
262 } 262 }
263 263
264 /* Item */ 264 /* Item */
265 265
266 .progress-form>li { 266 .progress-form>li {
267 display: inline-block; 267 display: inline-block;
268 position: relative; 268 position: relative;
269 text-align: center; 269 text-align: center;
270 color: #93A2AC; 270 color: #93A2AC;
271 font-family: Lato; 271 font-family: Lato;
272 font-weight: 100; 272 font-weight: 100;
273 margin: 2rem; 273 margin: 2rem;
274 } 274 }
275 275
276 .progress-form>li:before { 276 .progress-form>li:before {
277 content: attr(data-name); 277 content: attr(data-name);
278 position: absolute; 278 position: absolute;
279 width: 100%; 279 width: 100%;
280 bottom: -2rem; 280 bottom: -2rem;
281 font-weight: 400; 281 font-weight: 400;
282 } 282 }
283 283
284 .progress-form>li:after { 284 .progress-form>li:after {
285 content: attr(data-percent); 285 content: attr(data-percent);
286 position: absolute; 286 position: absolute;
287 width: 100%; 287 width: 100%;
288 top: 3.7rem; 288 top: 3.7rem;
289 left: 0; 289 left: 0;
290 font-size: 2rem; 290 font-size: 2rem;
291 text-align: center; 291 text-align: center;
292 } 292 }
293 293
294 .progress-form svg { 294 .progress-form svg {
295 width: 10rem; 295 width: 10rem;
296 height: 10rem; 296 height: 10rem;
297 } 297 }
298 298
299 .progress-form svg:nth-child(2) { 299 .progress-form svg:nth-child(2) {
300 position: absolute; 300 position: absolute;
301 left: 0; 301 left: 0;
302 top: 0; 302 top: 0;
303 transform: rotate(-90deg); 303 transform: rotate(-90deg);
304 -webkit-transform: rotate(-90deg); 304 -webkit-transform: rotate(-90deg);
305 -moz-transform: rotate(-90deg); 305 -moz-transform: rotate(-90deg);
306 -ms-transform: rotate(-90deg); 306 -ms-transform: rotate(-90deg);
307 } 307 }
308 308
309 .progress-form svg:nth-child(2) path { 309 .progress-form svg:nth-child(2) path {
310 fill: none; 310 fill: none;
311 stroke-width: 25; 311 stroke-width: 25;
312 stroke-dasharray: 629; 312 stroke-dasharray: 629;
313 stroke: rgba(255, 255, 255, 0.9); 313 stroke: rgba(255, 255, 255, 0.9);
314 -webkit-animation: load 10s; 314 -webkit-animation: load 10s;
315 -moz-animation: load 10s; 315 -moz-animation: load 10s;
316 -o-animation: load 10s; 316 -o-animation: load 10s;
317 animation: load 10s; 317 animation: load 10s;
318 } 318 }
319 /*circle of stage image*/ 319 /*circle of stage image*/
320 .circular{ 320 .circular{
321 321
322 -webkit-border-radius: 150px; 322 -webkit-border-radius: 150px;
323 -moz-border-radius: 150px; 323 -moz-border-radius: 150px;
324 border-radius: 150px; 324 border-radius: 150px;
325 box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); 325 box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
326 border: 5px solid white; 326 border: 5px solid white;
327 overflow: hidden; 327 overflow: hidden;
328 position: fixed; 328 position: fixed;
329 height: 100px; 329 height: 100px;
330 width: 100px; 330 width: 100px;
331 left: 80px; 331 left: 80px;
332 top: 20px; 332 top: 20px;
333 } 333 }
334 /*font-size*/ 334 /*font-size*/
335 .font{ 335 .font{
336 font-size: 14px; 336 font-size: 14px;
337 } 337 }
338 338
339 .f-family { 339 .f-family {
340 font-family:sans-serif; 340 font-family:sans-serif;
341 } 341 }
342 342
343 /*container-card css*/ 343 /*container-card css*/
344 .container-card { 344 .container-card {
345 width: auto; 345 width: auto;
346 float: left; 346 float: left;
347 margin: 31px 24px 26px 14px; 347 margin: 31px 24px 26px 14px;
348 } 348 }
349 349
350 /******This css for header container******/ 350 /******This css for header container******/
351 .h1 { 351 .h1 {
352 font-size: 20px; 352 font-size: 20px;
353 margin: 11px; 353 margin: 11px;
354 } 354 }
355 355
356 .paragraph { 356 .paragraph {
357 font-size: 14px; 357 font-size: 14px;
358 margin: 30px 10px 20px; 358 margin: 30px 10px 20px;
359 line-height: 1.5; 359 line-height: 1.5;
360 } 360 }
361 /*This css for stages container*/ 361 /*This css for stages container*/
362 362
363 .full-line { 363 .full-line {
364 border-bottom: 2px solid #dedede; 364 border-bottom: 2px solid #dedede;
365 padding: 15px 10px; 365 padding: 15px 10px;
366 } 366 }
367 367
368 .stages-card { 368 .stages-card {
369 width: auto; 369 width: auto;
370 float: left; 370 float: left;
371 /*margin: -30px 8px 7px 22px;*/ 371 /*margin: -30px 8px 7px 22px;*/
372 } 372 }
373 373
374 /*form -css*/ 374 /*form -css*/
375 .form-all { 375 .form-all {
376 margin: 13px 4px 26px -2px; 376 margin: 13px 4px 26px -2px;
377 /*display: none;*/ 377 /*display: none;*/
378 } 378 }
379 379
380 .step-two-form{ 380 .step-two-form{
381 display: block; 381 display: block;
382 } 382 }
383 383
384 /*This is for stages images*/ 384 /*This is for stages images*/
385 .stage-img { 385 .stage-img {
386 width: 115px; 386 width: 115px;
387 } 387 }
388 388
389 .stage-thumbnail { 389 .stage-thumbnail {
390 float: left; 390 float: left;
391 margin-bottom: 0; 391 margin-bottom: 0;
392 } 392 }
393 393
394 .stage-shadow { 394 .stage-shadow {
395 /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 395 /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
396 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 396 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
397 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */ 397 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
398 /*margin: 3px 22px 14px 14px;*/ 398 /*margin: 3px 22px 14px 14px;*/
399 background-color: #ffffff; 399 background-color: #ffffff;
400 } 400 }
401 401
402 .line-size { 402 .line-size {
403 403
404 } 404 }
405 405
406 .card-paragraph { 406 .card-paragraph {
407 background-color: rgba(66, 181, 73, 0.61); 407 background-color: rgba(66, 181, 73, 0.61);
408 color: #fff; 408 color: #fff;
409 } 409 }
410 410
411 /* identity card css*/ 411 /* identity card css*/
412 412
413 .identity-shadow { 413 .identity-shadow {
414 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 414 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
415 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 415 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
416 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 416 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
417 margin: 15px 15px 17px 14px; 417 margin: 15px 15px 17px 14px;
418 background-color: #ffffff; 418 background-color: #ffffff;
419 /*display: none;*/ 419 /*display: none;*/
420 } 420 }
421 421
422 .identity-question { 422 .identity-question {
423 border-bottom: 2px solid #dedede; 423 border-bottom: 2px solid #dedede;
424 padding: 0px 10px; 424 padding: 0px 10px;
425 } 425 }
426 426
427 .identity-align { 427 .identity-align {
428 margin: 8px -12px 19px 13px; 428 margin: 8px -12px 19px 13px;
429 } 429 }
430 430
431 431
432 /********This css for sectors**************/ 432 /********This css for sectors**************/
433 .sectors-card { 433 .sectors-card {
434 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 434 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
435 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 435 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
436 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 436 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
437 margin: 27px 22px 14px 14px; 437 margin: 27px 22px 14px 14px;
438 background-color: #ffffff; 438 background-color: #ffffff;
439 /*display: none;*/ 439 /*display: none;*/
440 } 440 }
441 441
442 .sector-card { 442 .sector-card {
443 width: auto; 443 width: auto;
444 float: left; 444 float: left;
445 margin: 29px 22px 26px 14px; 445 margin: 29px 22px 26px 14px;
446 } 446 }
447 447
448 .sector-question { 448 .sector-question {
449 border-bottom: 2px solid #dedede; 449 border-bottom: 2px solid #dedede;
450 padding: 15px 10px; 450 padding: 15px 10px;
451 } 451 }
452 452
453 /*To make the Stages in the center*/ 453 /*To make the Stages in the center*/
454 .card-align { 454 .card-align {
455 /*margin: 56px -267px 11px -37px;*/ 455 /*margin: 56px -267px 11px -37px;*/
456 } 456 }
457 457
458 /*To make the sectors in the center */ 458 /*To make the sectors in the center */
459 459
460 460
461 /*************sidebar content margin***********/ 461 /*************sidebar content margin***********/
462 .sidebar-align { 462 .sidebar-align {
463 margin: -5px -3px -18px 9px; 463 margin: -5px -3px -18px 9px;
464 } 464 }
465 465
466 .heading { 466 .heading {
467 margin: 15px 10px 15px 16px; 467 margin: 15px 10px 15px 16px;
468 } 468 }
469 .quiz { 469 .quiz {
470 margin: 5px 5px 6px 19px; 470 margin: 5px 5px 6px 19px;
471 font-size: 12px; 471 font-size: 12px;
472 } 472 }
473 473
474 #footer { 474 #footer {
475 position: bottom; 475 position: bottom;
476 width: 100%; 476 width: 100%;
477 height: auto; 477 height: auto;
478 } 478 }
479 479
480 #front { 480 #front {
481 background-image: url(/images/mock_up_background.jpg); 481 background-image: url(/images/mock_up_background.jpg);
482 background-repeat: round; 482 background-repeat: round;
483 483
484 } 484 }
485 485
486 /* .footer { 486 /* .footer {
487 487
488 bottom: 0px; 488 bottom: 0px;
489 background-color: #76b34f !important; 489 background-color: #76b34f !important;
490 width: 100%; 490 width: 100%;
491 color:rgba(255, 255, 255, 0.77); 491 color:rgba(255, 255, 255, 0.77);
492 }*/ 492 }*/
493 493
494 /********question box*****************/ 494 /********question box*****************/
495 .question-shadow { 495 .question-shadow {
496 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 496 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
497 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 497 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
498 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 498 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
499 margin: 15px 15px 17px 14px; 499 margin: 15px 15px 17px 14px;
500 background-color: #ffffff; 500 background-color: #ffffff;
501 } 501 }
502 502
503 503
504 504
505 .question-card { 505 .question-card {
506 width: auto; 506 width: auto;
507 float: left; 507 float: left;
508 margin: 29px 22px 26px 14px; 508 margin: 29px 22px 26px 14px;
509 } 509 }
510 510
511 /*for p*/ 511 /*for p*/
512 .line-space { 512 .line-space {
513 line-height: 1.6em; 513 line-height: 1.6em;
514 font-size: 11px; 514 font-size: 11px;
515 } 515 }
516 516
517 .line-adjust { 517 .line-adjust {
518 margin-left: 0px; 518 margin-left: 0px;
519 } 519 }
520 520
521 /*badge icon css*/ 521 /*badge icon css*/
522 522
523 .material-icons{ 523 .material-icons{
524 font-size: 17px !important; 524 font-size: 17px !important;
525 } 525 }
526 526
527 .icon-circle-a { 527 .icon-circle-a {
528 background: rgba(89, 89, 89, 0.92); 528 background: rgba(89, 89, 89, 0.92);
529 border-radius: 50%; 529 border-radius: 50%;
530 width: 30px; 530 width: 30px;
531 height: 30px; 531 height: 30px;
532 position: absolute; 532 position: absolute;
533 left: 14px; 533 left: 14px;
534 margin-top: 10px; 534 margin-top: 10px;
535 color: #fff; 535 color: #fff;
536 text-align: center; 536 text-align: center;
537 } 537 }
538 538
539 .icon-circle-b { 539 .icon-circle-b {
540 background: rgba(89, 89, 89, 0.92); 540 background: rgba(89, 89, 89, 0.92);
541 border-radius: 50%; 541 border-radius: 50%;
542 width: 30px; 542 width: 30px;
543 height: 30px; 543 height: 30px;
544 position: absolute; 544 position: absolute;
545 left: 14px; 545 left: 14px;
546 margin-top: 10px; 546 margin-top: 10px;
547 color: #fff; 547 color: #fff;
548 text-align: center; 548 text-align: center;
549 } 549 }
550 550
551 .icon-circle-c { 551 .icon-circle-c {
552 background: rgba(89, 89, 89, 0.92); 552 background: rgba(89, 89, 89, 0.92);
553 border-radius: 50%; 553 border-radius: 50%;
554 width: 30px; 554 width: 30px;
555 height: 30px; 555 height: 30px;
556 position: absolute; 556 position: absolute;
557 left: 0px; 557 left: 0px;
558 margin-top: 4px; 558 margin-top: 4px;
559 color: #fff; 559 color: #fff;
560 text-align: center; 560 text-align: center;
561 } 561 }
562 562
563 .icon-circle-d { 563 .icon-circle-d {
564 background: rgba(89, 89, 89, 0.92); 564 background: rgba(89, 89, 89, 0.92);
565 border-radius: 50%; 565 border-radius: 50%;
566 width: 30px; 566 width: 30px;
567 height: 30px; 567 height: 30px;
568 position: absolute; 568 position: absolute;
569 left: 0px; 569 left: 0px;
570 margin-top: 4px; 570 margin-top: 4px;
571 color: #fff; 571 color: #fff;
572 text-align: center; 572 text-align: center;
573 } 573 }
574 574
575 .icon-circle-e { 575 .icon-circle-e {
576 background: rgba(89, 89, 89, 0.92); 576 background: rgba(89, 89, 89, 0.92);
577 border-radius: 50%; 577 border-radius: 50%;
578 width: 30px; 578 width: 30px;
579 height: 30px; 579 height: 30px;
580 position: absolute; 580 position: absolute;
581 left: 0px; 581 left: 0px;
582 margin-top: 4px; 582 margin-top: 4px;
583 color: #fff; 583 color: #fff;
584 text-align: center; 584 text-align: center;
585 } 585 }
586 586
587 .icon-circle-f { 587 .icon-circle-f {
588 background: rgba(89, 89, 89, 0.92); 588 background: rgba(89, 89, 89, 0.92);
589 border-radius: 50%; 589 border-radius: 50%;
590 width: 30px; 590 width: 30px;
591 height: 30px; 591 height: 30px;
592 position: absolute; 592 position: absolute;
593 left: 0px; 593 left: 0px;
594 margin-top: 3px; 594 margin-top: 3px;
595 color: #fff; 595 color: #fff;
596 text-align: center; 596 text-align: center;
597 } 597 }
598 598
599 .icon-circle-g { 599 .icon-circle-g {
600 background: rgba(89, 89, 89, 0.92); 600 background: rgba(89, 89, 89, 0.92);
601 border-radius: 50%; 601 border-radius: 50%;
602 width: 30px; 602 width: 30px;
603 height: 30px; 603 height: 30px;
604 position: absolute; 604 position: absolute;
605 left: 14px; 605 left: 14px;
606 margin-top: 10px; 606 margin-top: 10px;
607 color: #fff; 607 color: #fff;
608 text-align: center; 608 text-align: center;
609 } 609 }
610 610
611 .icon-circle-h { 611 .icon-circle-h {
612 background: rgba(89, 89, 89, 0.92); 612 background: rgba(89, 89, 89, 0.92);
613 border-radius: 50%; 613 border-radius: 50%;
614 width: 30px; 614 width: 30px;
615 height: 30px; 615 height: 30px;
616 position: absolute; 616 position: absolute;
617 left: 0px; 617 left: 0px;
618 margin-top: 4px; 618 margin-top: 4px;
619 color: #fff; 619 color: #fff;
620 text-align: center; 620 text-align: center;
621 } 621 }
622 622
623 .icon-circle-i { 623 .icon-circle-i {
624 background: rgba(89, 89, 89, 0.92); 624 background: rgba(89, 89, 89, 0.92);
625 border-radius: 50%; 625 border-radius: 50%;
626 width: 30px; 626 width: 30px;
627 height: 30px; 627 height: 30px;
628 position: absolute; 628 position: absolute;
629 left: 0px; 629 left: 0px;
630 margin-top: 4px; 630 margin-top: 4px;
631 color: #fff; 631 color: #fff;
632 text-align: center; 632 text-align: center;
633 } 633 }
634 634
635 .icon-circle-j { 635 .icon-circle-j {
636 background: rgba(89, 89, 89, 0.92); 636 background: rgba(89, 89, 89, 0.92);
637 border-radius: 50%; 637 border-radius: 50%;
638 width: 30px; 638 width: 30px;
639 height: 30px; 639 height: 30px;
640 position: absolute; 640 position: absolute;
641 left: 0px; 641 left: 0px;
642 margin-top: 4px; 642 margin-top: 4px;
643 color: #fff; 643 color: #fff;
644 text-align: center; 644 text-align: center;
645 } 645 }
646 646
647 .icon-circle-k { 647 .icon-circle-k {
648 background: rgba(89, 89, 89, 0.92); 648 background: rgba(89, 89, 89, 0.92);
649 border-radius: 50%; 649 border-radius: 50%;
650 width: 30px; 650 width: 30px;
651 height: 30px; 651 height: 30px;
652 position: absolute; 652 position: absolute;
653 left: 0px; 653 left: 0px;
654 margin-top: 4px; 654 margin-top: 4px;
655 color: #fff; 655 color: #fff;
656 text-align: center; 656 text-align: center;
657 } 657 }
658 658
659 .icon-circle-y { 659 .icon-circle-y {
660 background: rgba(89, 89, 89, 0.92); 660 background: rgba(89, 89, 89, 0.92);
661 border-radius: 50%; 661 border-radius: 50%;
662 width: 30px; 662 width: 30px;
663 height: 30px; 663 height: 30px;
664 position: absolute; 664 position: absolute;
665 left: 0px; 665 left: 0px;
666 margin-top: 4px; 666 margin-top: 4px;
667 color: #fff; 667 color: #fff;
668 text-align: center; 668 text-align: center;
669 } 669 }
670 670
671 .icon-circle-o { 671 .icon-circle-o {
672 background: rgba(89, 89, 89, 0.92); 672 background: rgba(89, 89, 89, 0.92);
673 border-radius: 50%; 673 border-radius: 50%;
674 width: 30px; 674 width: 30px;
675 height: 30px; 675 height: 30px;
676 position: absolute; 676 position: absolute;
677 left: 0px; 677 left: 0px;
678 margin-top: 4px; 678 margin-top: 4px;
679 color: #fff; 679 color: #fff;
680 text-align: center; 680 text-align: center;
681 } 681 }
682 682
683 .icon-circle-l { 683 .icon-circle-l {
684 background: rgba(89, 89, 89, 0.92); 684 background: rgba(89, 89, 89, 0.92);
685 border-radius: 50%; 685 border-radius: 50%;
686 width: 30px; 686 width: 30px;
687 height: 30px; 687 height: 30px;
688 position: absolute; 688 position: absolute;
689 left: 0px; 689 left: 0px;
690 margin-top: 4px; 690 margin-top: 4px;
691 color: #fff; 691 color: #fff;
692 text-align: center; 692 text-align: center;
693 } 693 }
694 694
695 .icon-circle-m { 695 .icon-circle-m {
696 background: rgba(89, 89, 89, 0.92); 696 background: rgba(89, 89, 89, 0.92);
697 border-radius: 50%; 697 border-radius: 50%;
698 width: 30px; 698 width: 30px;
699 height: 30px; 699 height: 30px;
700 position: absolute; 700 position: absolute;
701 left: 0px; 701 left: 0px;
702 margin-top: 4px; 702 margin-top: 4px;
703 color: #fff; 703 color: #fff;
704 text-align: center; 704 text-align: center;
705 } 705 }
706 706
707 .icon-circle-n { 707 .icon-circle-n {
708 background: rgba(89, 89, 89, 0.92); 708 background: rgba(89, 89, 89, 0.92);
709 border-radius: 50%; 709 border-radius: 50%;
710 width: 30px; 710 width: 30px;
711 height: 30px; 711 height: 30px;
712 position: absolute; 712 position: absolute;
713 left: 0px; 713 left: 0px;
714 margin-top: 4px; 714 margin-top: 4px;
715 color: #fff; 715 color: #fff;
716 text-align: center; 716 text-align: center;
717 } 717 }
718 718
719 .icon-circle-x { 719 .icon-circle-x {
720 background: rgba(89, 89, 89, 0.92); 720 background: rgba(89, 89, 89, 0.92);
721 border-radius: 50%; 721 border-radius: 50%;
722 width: 30px; 722 width: 30px;
723 height: 30px; 723 height: 30px;
724 position: absolute; 724 position: absolute;
725 left: 0px; 725 left: 0px;
726 margin-top: 4px; 726 margin-top: 4px;
727 color: #fff; 727 color: #fff;
728 text-align: center; 728 text-align: center;
729 } 729 }
730 730
731 .icon-circle-p { 731 .icon-circle-p {
732 background: rgba(89, 89, 89, 0.92); 732 background: rgba(89, 89, 89, 0.92);
733 border-radius: 50%; 733 border-radius: 50%;
734 width: 30px; 734 width: 30px;
735 height: 30px; 735 height: 30px;
736 position: absolute; 736 position: absolute;
737 left: 0px; 737 left: 0px;
738 margin-top: 3px; 738 margin-top: 3px;
739 color: #fff; 739 color: #fff;
740 text-align: center; 740 text-align: center;
741 } 741 }
742 742
743 .icon-circle-z { 743 .icon-circle-z {
744 background: rgba(89, 89, 89, 0.92); 744 background: rgba(89, 89, 89, 0.92);
745 border-radius: 50%; 745 border-radius: 50%;
746 width: 30px; 746 width: 30px;
747 height: 30px; 747 height: 30px;
748 position: absolute; 748 position: absolute;
749 left: 0px; 749 left: 0px;
750 margin-top: 4px; 750 margin-top: 4px;
751 color: #fff; 751 color: #fff;
752 text-align: center; 752 text-align: center;
753 } 753 }
754 754
755 .icon-circle-q { 755 .icon-circle-q {
756 background: rgba(89, 89, 89, 0.92); 756 background: rgba(89, 89, 89, 0.92);
757 border-radius: 50%; 757 border-radius: 50%;
758 width: 30px; 758 width: 30px;
759 height: 30px; 759 height: 30px;
760 position: absolute; 760 position: absolute;
761 left: 0px; 761 left: 0px;
762 margin-top: 4px; 762 margin-top: 4px;
763 color: #fff; 763 color: #fff;
764 text-align: center; 764 text-align: center;
765 } 765 }
766 766
767 .icon-circle-ab { 767 .icon-circle-ab {
768 background: rgba(89, 89, 89, 0.92); 768 background: rgba(89, 89, 89, 0.92);
769 border-radius: 50%; 769 border-radius: 50%;
770 width: 30px; 770 width: 30px;
771 height: 30px; 771 height: 30px;
772 position: absolute; 772 position: absolute;
773 left: 0px; 773 left: 0px;
774 margin-top: 3px; 774 margin-top: 3px;
775 color: #fff; 775 color: #fff;
776 text-align: center; 776 text-align: center;
777 } 777 }
778 778
779 .icon-circle-abc { 779 .icon-circle-abc {
780 background: rgba(89, 89, 89, 0.92); 780 background: rgba(89, 89, 89, 0.92);
781 border-radius: 50%; 781 border-radius: 50%;
782 width: 30px; 782 width: 30px;
783 height: 30px; 783 height: 30px;
784 position: absolute; 784 position: absolute;
785 left: 0px; 785 left: 0px;
786 margin-top: 3px; 786 margin-top: 3px;
787 color: #fff; 787 color: #fff;
788 text-align: center; 788 text-align: center;
789 } 789 }
790 790
791 .icon-circle-bc { 791 .icon-circle-bc {
792 background: rgba(89, 89, 89, 0.92); 792 background: rgba(89, 89, 89, 0.92);
793 border-radius: 50%; 793 border-radius: 50%;
794 width: 30px; 794 width: 30px;
795 height: 30px; 795 height: 30px;
796 position: absolute; 796 position: absolute;
797 left: 0px; 797 left: 0px;
798 margin-top: 3px; 798 margin-top: 3px;
799 color: #fff; 799 color: #fff;
800 text-align: center; 800 text-align: center;
801 } 801 }
802 802
803 .icon-circle-abcdefg { 803 .icon-circle-abcdefg {
804 background: rgba(89, 89, 89, 0.92); 804 background: rgba(89, 89, 89, 0.92);
805 border-radius: 50%; 805 border-radius: 50%;
806 width: 30px; 806 width: 30px;
807 height: 30px; 807 height: 30px;
808 position: absolute; 808 position: absolute;
809 left: 0px; 809 left: 0px;
810 margin-top: 3px; 810 margin-top: 3px;
811 color: #fff; 811 color: #fff;
812 text-align: center; 812 text-align: center;
813 } 813 }
814 814
815 .referel-icon { 815 .referel-icon {
816 background: rgba(89, 89, 89, 0.92); 816 background: rgba(89, 89, 89, 0.92);
817 border-radius: 50%; 817 border-radius: 50%;
818 width: 30px; 818 width: 30px;
819 height: 30px; 819 height: 30px;
820 position: absolute; 820 position: absolute;
821 left: 0px; 821 left: 0px;
822 margin-top: 3px; 822 margin-top: 3px;
823 color: #fff; 823 color: #fff;
824 text-align: center; 824 text-align: center;
825 } 825 }
826 826
827 827
828 /*quiz*/ 828 /*quiz*/
829 .q-card-align div{ 829 .q-card-align div{
830 margin-bottom: 15px; 830 margin-bottom: 15px;
831 } 831 }
832 832
833 .drop-down { 833 .drop-down {
834 background-color: #fff; 834 background-color: #fff;
835 border-radius: 0; 835 border-radius: 0;
836 font-size: 12px; 836 font-size: 12px;
837 } 837 }
838 838
839 .footer-link, .footer-link:hover { 839 .footer-link, .footer-link:hover {
840 color:#fff; 840 color:#fff;
841 } 841 }
842 /*idea content margin*/ 842 /*idea content margin*/
843 .content-idea{ 843 .content-idea{
844 margin:196px 12px 8px; 844 margin:196px 12px 8px;
845 } 845 }
846 846
847 .content-product{ 847 .content-product{
848 margin:193px -19px 9px; 848 margin:193px -19px 9px;
849 } 849 }
850 850
851 .content-growth{ 851 .content-growth{
852 margin:192px 11px 8px; 852 margin:192px 11px 8px;
853 } 853 }
854 .last-content-card{ 854 .last-content-card{
855 /*margin: 0px -85px -4px -51px;*/ 855 /*margin: 0px -85px -4px -51px;*/
856 } 856 }
857 857
858 @media (max-width: 600px) { 858 @media (max-width: 600px) {
859 .content-idea{ 859 .content-idea{
860 margin: auto; 860 margin: auto;
861 } 861 }
862 862
863 .content-product{ 863 .content-product{
864 margin: auto; 864 margin: auto;
865 } 865 }
866 866
867 .content-growth{ 867 .content-growth{
868 margin: auto; 868 margin: auto;
869 } 869 }
870 .stages-card{ 870 .stages-card{
871 margin: auto; 871 margin: auto;
872 margin-bottom: 15px; 872 margin-bottom: 15px;
873 } 873 }
874 .last-content-card{ 874 .last-content-card{
875 margin: auto; 875 margin: auto;
876 } 876 }
877 .card-align{ 877 .card-align{
878 margin: auto; 878 margin: auto;
879 } 879 }
880 } 880 }
881 881
882 .toggler { 882 .toggler {
883 width: 500px; 883 width: 500px;
884 height: 200px; 884 height: 200px;
885 } 885 }
886 #button { 886 #button {
887 padding: .5em 1em; 887 padding: .5em 1em;
888 text-decoration: none; 888 text-decoration: none;
889 } 889 }
890 #effect { 890 #effect {
891 position: relative; 891 position: relative;
892 width: 240px; 892 width: 240px;
893 height: 170px; 893 height: 170px;
894 padding: 0.4em; 894 padding: 0.4em;
895 } 895 }
896 #effect h3 { 896 #effect h3 {
897 margin: 0; 897 margin: 0;
898 padding: 0.4em; 898 padding: 0.4em;
899 text-align: center; 899 text-align: center;
900 } 900 }
901 901
902 #snackbar { 902 #snackbar {
903 visibility: hidden; 903 visibility: hidden;
904 min-width: 250px; 904 min-width: 250px;
905 margin-left: -125px; 905 margin-left: -125px;
906 background-color: #F44336; 906 background-color: #F44336;
907 color: #fff; 907 color: #fff;
908 text-align: center; 908 text-align: center;
909 border-radius: 2px; 909 border-radius: 2px;
910 padding: 16px; 910 padding: 16px;
911 position: fixed; 911 position: fixed;
912 z-index: 1; 912 z-index: 1;
913 left: 50%; 913 left: 50%;
914 bottom: 30px; 914 bottom: 30px;
915 font-size: 17px; 915 font-size: 17px;
916 } 916 }
917 917
918 #snackbar.show { 918 #snackbar.show {
919 visibility: visible; 919 visibility: visible;
920 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s; 920 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
921 animation: fadin 0.5s, fadout 0.5s 2.5s; 921 animation: fadin 0.5s, fadout 0.5s 2.5s;
922 } 922 }
923 923
924 @-webkit-keyframes fadin { 924 @-webkit-keyframes fadin {
925 from {bottom: 0; opacity: 0;} 925 from {bottom: 0; opacity: 0;}
926 to {bottom: 30px; opacity: 1;} 926 to {bottom: 30px; opacity: 1;}
927 } 927 }
928 928
929 @keyframes fadin { 929 @keyframes fadin {
930 from {bottom: 0; opacity: 0;} 930 from {bottom: 0; opacity: 0;}
931 to {bottom: 30px; opacity: 1;} 931 to {bottom: 30px; opacity: 1;}
932 } 932 }
933 933
934 @-webkit-keyframes fadout { 934 @-webkit-keyframes fadout {
935 from {bottom: 30px; opacity: 1;} 935 from {bottom: 30px; opacity: 1;}
936 to {bottom: 0; opacity: 0;} 936 to {bottom: 0; opacity: 0;}
937 } 937 }
938 938
939 @keyframes fadout { 939 @keyframes fadout {
940 from {bottom: 30px; opacity: 1;} 940 from {bottom: 30px; opacity: 1;}
941 to {bottom: 0; opacity: 0;} 941 to {bottom: 0; opacity: 0;}
942 } 942 }
943 943
944 944
945 #snacsskbar { 945 #snacsskbar {
946 visibility: hidden; 946 visibility: hidden;
947 min-width: 250px; 947 min-width: 250px;
948 margin-left: -125px; 948 margin-left: -125px;
949 background-color: #333; 949 background-color: #333;
950 color: #fff; 950 color: #fff;
951 text-align: center; 951 text-align: center;
952 border-radius: 2px; 952 border-radius: 2px;
953 padding: 16px; 953 padding: 16px;
954 position: fixed; 954 position: fixed;
955 z-index: 1; 955 z-index: 1;
956 left: 50%; 956 left: 50%;
957 top: 30px; 957 top: 30px;
958 font-size: 17px; 958 font-size: 17px;
959 } 959 }
960 960
961 #snacsskbar.show { 961 #snacsskbar.show {
962 visibility: visible; 962 visibility: visible;
963 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; 963 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
964 animation: fadein 0.5s, fadeout 0.5s 2.5s; 964 animation: fadein 0.5s, fadeout 0.5s 2.5s;
965 } 965 }
966 966
967 @-webkit-keyframes fadein { 967 @-webkit-keyframes fadein {
968 from {top: 0; opacity: 0;} 968 from {top: 0; opacity: 0;}
969 to {top: 30px; opacity: 1;} 969 to {top: 30px; opacity: 1;}
970 } 970 }
971 971
972 @keyframes fadein { 972 @keyframes fadein {
973 from {top: 0; opacity: 0;} 973 from {top: 0; opacity: 0;}
974 to {top: 30px; opacity: 1;} 974 to {top: 30px; opacity: 1;}
975 } 975 }
976 976
977 @-webkit-keyframes fadeout { 977 @-webkit-keyframes fadeout {
978 from {top: 30px; opacity: 1;} 978 from {top: 30px; opacity: 1;}
979 to {top: 0; opacity: 0;} 979 to {top: 0; opacity: 0;}
980 } 980 }
981 981
982 @keyframes fadeout { 982 @keyframes fadeout {
983 from {top: 30px; opacity: 1;} 983 from {top: 30px; opacity: 1;}
984 to {top: 0; opacity: 0;} 984 to {top: 0; opacity: 0;}
985 } 985 }
986 986
987 input.hidden { 987 input.hidden {
988 position: absolute; 988 position: absolute;
989 left: -9999px; 989 left: -9999px;
990 } 990 }
991 991
992 #profile-image1 { 992 #profile-image1 {
993 cursor: pointer; 993 cursor: pointer;
994 width: 100px; 994 width: 100px;
995 height: 100px; 995 height: 100px;
996 border:2px solid #eee ; 996 border:2px solid #eee ;
997 } 997 }
998 998
999 .tital{ font-size:16px; font-weight:500;} 999 .tital{ font-size:16px; font-weight:500;}
1000 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0} 1000 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0}
1001 .footerpadd{padding: 5px;} 1001 .footerpadd{padding: 5px;}
1002 1002
1003 1003
1004 .container1{ 1004 .container1{
1005 width: 100% 1005 width: 100%
1006 } 1006 }
1007 1007
1008 .no-margin{ 1008 .no-margin{
1009 margin: 0 0 0 !important; 1009 margin: 0 0 0 !important;
1010 } 1010 }
1011 .no-padding{ 1011 .no-padding{
1012 padding: 0 0 0 0 !important; 1012 padding: 0 0 0 0 !important;
1013 } 1013 }
1014 .select-stage{ 1014 .select-stage{
1015 margin: 10px 0; 1015 margin: 10px 0;
1016 } 1016 }
1017 .cards-content{ 1017 .cards-content{
1018 margin-top: 40px; 1018 margin-top: 40px;
1019 } 1019 }
1020 .cards-content p{ 1020 .cards-content p{
1021 font-size: 13px; 1021 font-size: 13px;
1022 } 1022 }
1023 .q-card-align{ 1023 .q-card-align{
1024 margin-top: 15px; 1024 margin-top: 15px;
1025 } 1025 }
1026 .width-auto{ 1026 .width-auto{
1027 width: auto !important; 1027 width: auto !important;
1028 } 1028 }
1029 .margin-right-label{ 1029 .margin-right-label{
1030 margin-right: 20px; 1030 margin-right: 20px;
1031 } 1031 }
1032 .margin-right-label label{ 1032 .margin-right-label label{
1033 margin-left: 5px; 1033 margin-left: 5px;
1034 } 1034 }
1035 .apply-coupen-btn{ 1035 .apply-coupen-btn{
1036 position: absolute; 1036 position: absolute;
1037 top: -2px; 1037 top: -2px;
1038 right: 13px; 1038 right: 13px;
1039 border: none; 1039 border: none;
1040 height: 44px; 1040 height: 44px;
1041 color: #fff; 1041 color: #fff;
1042 background-color: #666; 1042 background-color: #666;
1043 width: 75px; 1043 width: 75px;
1044 } 1044 }
1045 .coupen-approved{ 1045 .coupen-approved{
1046 position: absolute; 1046 position: absolute;
1047 right: 120px; 1047 right: 120px;
1048 top: 6px; 1048 top: 6px;
1049 color: rgb(66, 181, 73); 1049 color: rgb(66, 181, 73);
1050 font-size: 30px !important; 1050 font-size: 30px !important;
1051 } 1051 }
1052 .right-side-links{ 1052 .right-side-links{
1053 margin-top: 12px; 1053 margin-top: 12px;
1054 } 1054 }
1055 .right-side-links a{ 1055 .right-side-links a{
1056 width: auto; 1056 width: auto;
1057 display: inline; 1057 display: inline;
1058 } 1058 }
1059 .right-side-links a:first-child{ 1059 .right-side-links a:first-child{
1060 border-right: 1px solid #fff; 1060 border-right: 1px solid #fff;
1061 padding-right: 4px; 1061 padding-right: 4px;
1062 } 1062 }
1063 1063
1064 @media (max-width: 768px){ 1064 @media (max-width: 768px){
1065 .cards-content{ 1065 .cards-content{
1066 margin-top: 15px; 1066 margin-top: 15px;
1067 margin-bottom: 30px; 1067 margin-bottom: 30px;
1068 } 1068 }
1069 .no-padding-mobile{ 1069 .no-padding-mobile{
1070 padding-left: 0 !important; 1070 padding-left: 0 !important;
1071 padding-right: 0 !important; 1071 padding-right: 0 !important;
1072 } 1072 }
1073 .sector-align .card-small{ 1073 .sector-align .card-small{
1074 height: 74px; 1074 height: 74px;
1075 } 1075 }
1076 .stages-card{ 1076 .stages-card{
1077 width: 92%; 1077 width: 92%;
1078 } 1078 }
1079 .right-stage-card{ 1079 .right-stage-card{
1080 float: right; 1080 float: right;
1081 } 1081 }
1082 .margin-auto-mobile{ 1082 .margin-auto-mobile{
1083 margin-left: 4%; 1083 margin-left: 4%;
1084 } 1084 }
1085 .card .thumbnail{ 1085 .card .thumbnail{
1086 padding: 15px 0 1px 0; 1086 padding: 15px 0 1px 0;
1087 } 1087 }
1088 .thumbnail > img, .thumbnail a > img{ 1088 .thumbnail > img, .thumbnail a > img{
1089 width: 50%; 1089 width: 50%;
1090 } 1090 }
1091 .right-side-links a{ 1091 .right-side-links a{
1092 display: block; 1092 display: block;
1093 width: 100%; 1093 width: 100%;
1094 } 1094 }
1095 .right-side-links a:first-child{ 1095 .right-side-links a:first-child{
1096 border-right: 0 solid #fff; 1096 border-right: 0 solid #fff;
1097 padding-right: 0; 1097 padding-right: 0;
1098 } 1098 }
1099 .right-side-links{ 1099 .right-side-links{
1100 margin-top: 0; 1100 margin-top: 0;
1101 } 1101 }
1102 .panel-default{ 1102 .panel-default{
1103 border-color: transparent; 1103 border-color: transparent;
1104 box-shadow: none; 1104 box-shadow: none;
1105 } 1105 }
1106 .modal-footers { 1106 .modal-footers {
1107 padding: 19px 20px 20px; 1107 padding: 19px 20px 20px;
1108 margin-top: 15px; 1108 margin-top: 15px;
1109 text-align: center !important; 1109 text-align: center !important;
1110 margin-bottom: 4px; 1110 margin-bottom: 4px;
1111 } 1111 }
1112 } 1112 }
1113 1113
1114 .card-input { 1114 .card-input {
1115 display: none; 1115 display: none;
1116 } 1116 }
1117 1117
1118 .card { 1118 .card {
1119 font-size: 1em; 1119 font-size: 1em;
1120 overflow: hidden; 1120 overflow: hidden;
1121 padding: 0; 1121 padding: 0;
1122 border: none; 1122 border: none;
1123 /*border-radius: .28571429rem;*/ 1123 /*border-radius: .28571429rem;*/
1124 box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; 1124 box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
1125 } 1125 }
1126 1126
1127 .card-block { 1127 .card-block {
1128 font-size: 1em; 1128 font-size: 1em;
1129 position: relative; 1129 position: relative;
1130 margin: 0; 1130 margin: 0;
1131 padding: 4%; 1131 padding: 4%;
1132 border: none; 1132 border: none;
1133 border-top: 1px solid rgba(34, 36, 38, .1); 1133 border-top: 1px solid rgba(34, 36, 38, .1);
1134 box-shadow: none; 1134 box-shadow: none;
1135 } 1135 }
1136 .button-position{ 1136 .button-position{
1137 position: relative; 1137 position: relative;
1138 top: -10px; 1138 top: -10px;
1139 } 1139 }
1140 .card-img-top { 1140 .card-img-top {
1141 display: block; 1141 display: block;
1142 width: 100%; 1142 width: 100%;
1143 height: auto; 1143 height: auto;
1144 } 1144 }
1145 1145
1146 .card-title { 1146 .card-title {
1147 font-size: 17px; 1147 font-size: 17px;
1148 font-weight: 600; 1148 font-weight: 600;
1149 margin: 0; 1149 margin: 0;
1150 line-height: normal; 1150 line-height: normal;
1151 } 1151 }
1152 .card-sub-title{ 1152 .card-sub-title{
1153 font-family: 'Arial',sans-serif; 1153 font-family: 'Arial',sans-serif;
1154 /*color: #666;*/ 1154 /*color: #666;*/
1155 font-weight: normal; 1155 font-weight: normal;
1156 margin-bottom: 0; 1156 margin-bottom: 0;
1157 } 1157 }
1158 .button-aligment{ 1158 .button-aligment{
1159 margin-top: 5px; 1159 margin-top: 5px;
1160 margin-right: 14px; 1160 margin-right: 14px;
1161 margin-bottom: 15px; 1161 margin-bottom: 15px;
1162 } 1162 }
1163 .card-text { 1163 .card-text {
1164 clear: both; 1164 clear: both;
1165 margin-top: .5em; 1165 margin-top: .5em;
1166 /*color: rgba(0, 0, 0, .68);*/ 1166 /*color: rgba(0, 0, 0, .68);*/
1167 padding-bottom: 3%; 1167 padding-bottom: 3%;
1168 font-size: 13px; 1168 font-size: 13px;
1169 } 1169 }
1170 1170
1171 .card-text2 { 1171 .card-text2 {
1172 padding: 3% 0 3% 4%;; 1172 padding: 3% 0 3% 4%;;
1173 border-top: 1px solid rgba(0, 0, 0, .05) !important; 1173 border-top: 1px solid rgba(0, 0, 0, .05) !important;
1174 } 1174 }
1175 .card-text2 span{ 1175 .card-text2 span{
1176 font-size: 13px; 1176 font-size: 13px;
1177 /*color: #666;*/ 1177 /*color: #666;*/
1178 } 1178 }
1179 .card-text2 div{ 1179 .card-text2 div{
1180 margin-top: 0 !important; 1180 margin-top: 0 !important;
1181 font-weight: normal; 1181 font-weight: normal;
1182 /*color: #000;*/ 1182 /*color: #000;*/
1183 font-size: 12px; 1183 font-size: 12px;
1184 padding-bottom: 0; 1184 padding-bottom: 0;
1185 } 1185 }
1186 1186
1187 .card-inverse .btn { 1187 .card-inverse .btn {
1188 border: 1px solid rgba(0, 0, 0, .05); 1188 border: 1px solid rgba(0, 0, 0, .05);
1189 } 1189 }
1190 1190
1191 .card-text3 { 1191 .card-text3 {
1192 border-top: 1px solid rgba(0, 0, 0, .05) !important; 1192 border-top: 1px solid rgba(0, 0, 0, .05) !important;
1193 } 1193 }
1194 1194
1195 .container { 1195 .container {
1196 display: block; 1196 display: block;
1197 position: relative; 1197 position: relative;
1198 padding: 0; 1198 padding: 0;
1199 margin-bottom: 12px; 1199 margin-bottom: 12px;
1200 cursor: pointer; 1200 cursor: pointer;
1201 font-size: 16px; 1201 font-size: 16px;
1202 -webkit-user-select: none; 1202 -webkit-user-select: none;
1203 -moz-user-select: none; 1203 -moz-user-select: none;
1204 -ms-user-select: none; 1204 -ms-user-select: none;
1205 user-select: none; 1205 user-select: none;
1206 width:100%; 1206 width:100%;
1207 } 1207 }
1208 1208
1209 .container1 { 1209 .container1 {
1210 display: block; 1210 display: block;
1211 position: relative; 1211 position: relative;
1212 padding-left: 31px; 1212 padding-left: 31px;
1213 margin-bottom: 12px; 1213 margin-bottom: 12px;
1214 cursor: pointer; 1214 cursor: pointer;
1215 font-size: 15px; 1215 font-size: 15px;
1216 -webkit-user-select: none; 1216 -webkit-user-select: none;
1217 -moz-user-select: none; 1217 -moz-user-select: none;
1218 -ms-user-select: none; 1218 -ms-user-select: none;
1219 user-select: none; 1219 user-select: none;
1220 width:100%; 1220 width:100%;
1221 } 1221 }
1222 1222
1223 /* Hide the browser's default radio button */ 1223 /* Hide the browser's default radio button */
1224 .container input { 1224 .container input {
1225 position: absolute; 1225 position: absolute;
1226 opacity: 0; 1226 opacity: 0;
1227 } 1227 }
1228 1228
1229 /* Create a custom radio button */ 1229 /* Create a custom radio button */
1230 .checkmark { 1230 .checkmark {
1231 position: absolute; 1231 position: absolute;
1232 top: 0; 1232 top: 0;
1233 left: 0; 1233 left: 0;
1234 height: 25px; 1234 height: 25px;
1235 width: 25px; 1235 width: 25px;
1236 background-color: #eee; 1236 background-color: #eee;
1237 border-radius: 50%; 1237 border-radius: 50%;
1238 } 1238 }
1239 1239
1240 /* On mouse-over, add a grey background color */ 1240 /* On mouse-over, add a grey background color */
1241 .container:hover input ~ .checkmark { 1241 .container:hover input ~ .checkmark {
1242 background-color: #ccc; 1242 background-color: #ccc;
1243 } 1243 }
1244 1244
1245 /* When the radio button is checked, add a blue background */ 1245 /* When the radio button is checked, add a blue background */
1246 .container input:checked ~ .checkmark { 1246 .container input:checked ~ .checkmark {
1247 background-color: #42b549; 1247 background-color: #42b549;
1248 } 1248 }
1249 1249
1250 /* Create the indicator (the dot/circle - hidden when not checked) */ 1250 /* Create the indicator (the dot/circle - hidden when not checked) */
1251 .checkmark:after { 1251 .checkmark:after {
1252 content: ""; 1252 content: "";
1253 position: absolute; 1253 position: absolute;
1254 display: none; 1254 display: none;
1255 } 1255 }
1256 1256
1257 /* Show the indicator (dot/circle) when checked */ 1257 /* Show the indicator (dot/circle) when checked */
1258 .container input:checked ~ .checkmark:after { 1258 .container input:checked ~ .checkmark:after {
1259 display: block; 1259 display: block;
1260 } 1260 }
1261 1261
1262 /* Style the indicator (dot/circle) */ 1262 /* Style the indicator (dot/circle) */
1263 .container .checkmark:after { 1263 .container .checkmark:after {
1264 top: 9px; 1264 top: 9px;
1265 left: 9px; 1265 left: 9px;
1266 width: 8px; 1266 width: 8px;
1267 height: 8px; 1267 height: 8px;
1268 border-radius: 50%; 1268 border-radius: 50%;
1269 background: white; 1269 background: white;
1270 } 1270 }
1271 1271
1272 table { 1272 table {
1273 /*font-family: arial, sans-serif; 1273 /*font-family: arial, sans-serif;
1274 border-collapse: collapse;*/ 1274 border-collapse: collapse;*/
1275 width: 60%; 1275 width: 60%;
1276 } 1276 }
1277 .city-meetup { 1277 .city-meetup {
1278 opacity: 0.8; 1278 opacity: 0.8;
1279 filter: alpha(opacity=80); /* For IE8 and earlier */ 1279 filter: alpha(opacity=80); /* For IE8 and earlier */
1280 } 1280 }
1281 1281
1282 1282
1283 .card-color{ 1283 .card-color{
1284 background-color:white; 1284 background-color:white;
1285 font-size: 16px; 1285 font-size: 16px;
1286 } 1286 }
1287 1287
1288 .startup-jalsa{ 1288 .startup-jalsa{
1289 font-family: 'BenchNine', sans-serif; 1289 font-family: 'BenchNine', sans-serif;
1290 font-size: 70.15pt; 1290 font-size: 70.15pt;
1291 color: rgb(25, 104, 157); 1291 color: rgb(25, 104, 157);
1292 } 1292 }
1293 .header{ 1293 .header{
1294 /*width: 100%;*/ 1294 /*width: 100%;*/
1295 text-align: center; 1295 text-align: center;
1296 padding-top:2%; 1296 padding-top:2%;
1297 /*padding: 4px 20px;*/ 1297 /*padding: 4px 20px;*/
1298 } 1298 }
1299 .happen-city{ 1299 .happen-city{
1300 padding-top:12%; 1300 padding-top:12%;
1301 } 1301 }
1302 .happen-meetup{ 1302 .happen-meetup{
1303 font-family: 'Arial',sans-serif; 1303 font-family: 'Arial',sans-serif;
1304 margin-bottom: 10px; 1304 margin-bottom: 10px;
1305 margin-left: 5%; 1305 margin-left: 5%;
1306 } 1306 }
1307 .happen-attend{ 1307 .happen-attend{
1308 margin-top:6%; 1308 margin-top:6%;
1309 } 1309 }
1310 .width-auto{ 1310 .width-auto{
1311 width:auto; 1311 width:auto;
1312 } 1312 }
1313 .apply-btn{ 1313 /*.card-position{
1314 text-align:center;margin-top: 2%;margin-bottom: 2%; 1314 position: relative;
1315 } 1315 top: -3px;
1316 .Apply-btn{ 1316 }*/
1317 font-size: 12px; 1317
1318 line-height: 1.5; 1318 .active, .btn:hover, .btn:onclick {
1319 border-radius: 10px; 1319 background-color: grey;
1320 background-color: rgb(92, 198, 208); 1320 border: grey;
1321 color: white;
1321 } 1322 }
1322 .Apply-btn:active { 1323 .apply-act:hover, .apply-act:focus{
1323 color: red; 1324 background-color: grey;
1325 border: grey;
1326 color: white;
1324 } 1327 }
1325 .Apply-btn:hover { 1328 .apply-btn{
1326 background-color: rgb(92, 198, 208); 1329 text-align: center;
1330 margin-bottom: 2%;
1327 } 1331 }
pages/registration.html
Diff comments   View file @e6c47ca
1 <div class="col-xs-12 col-md-10 col-md-offset-1"> 1 <div class="col-xs-12 col-md-10 col-md-offset-1">
2 <div class="stage-shadow" id="front"> 2 <div class="stage-shadow" id="front">
3 <div class="stages card-align"> 3 <div class="stages card-align">
4 <div class="row"> 4 <div class="row">
5 <div class="col-md-3" style="margin-top: 2%;"> 5 <div class="col-md-3" style="margin-top: 2%;">
6 <div class="card" style="width:100%;border-radius: 6px;"> 6 <div class="card" style="width:100%;border-radius: 6px;">
7 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 7 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
8 <img class="card-img-top" src="images/bangeluru.png" style="width:100%"> 8 <img class="card-img-top" src="images/bangeluru.png" style="width:100%">
9 <div class="card-block"> 9 <div class="card-block">
10 <div class="pull-left"> 10 <div class="pull-left">
11 <h4 class="card-title">Bangalore</h4><br> 11 <h4 class="card-title">Bangalore</h4>
12 <label class="card-sub-title">Tuesday,</label> 12 <label class="card-sub-title">Tuesday,</label>
13 </div> 13 </div>
14 <div class="pull-right"> 14 <div class="pull-right">
15 <label class="card-sub-title"><i class="material-icons">location_on</i>IIM-Bangalore</label> 15 <label class="card-sub-title"><i class="material-icons">location_on</i>
16 <span style="position: relative;top: -3px;">IIM-Bagalore</span>
17 </label>
16 </div> 18 </div>
17 <div class="clearfix"></div> 19 <div class="clearfix"></div>
18 <label class="card-sub-title">Sept 18,2018</label> 20 <label class="card-sub-title">Sept 18,2018</label>
19 </div> 21 </div>
20 <div class="card-text2">
21 <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
22 </div>
23 </label> 22 </label>
23 <div class="clearfix"></div>
24 <div class="card-text2">
25 <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
26 </div>
24 </div> 27 </div>
25 </div> 28 </div>
26 <div class="col-md-3" style="margin-top: 2%;"> 29 <div class="col-md-3" style="margin-top: 2%;">
27 <div class="card" style="width:100%;border-radius: 6px;"> 30 <div class="card" style="width:100%;border-radius: 6px;">
28 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 31 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
29 <img class="card-img-top" src="images/chennai.png" style="width:100%"> 32 <img class="card-img-top" src="images/chennai.png" style="width:100%">
30 <div class="card-block"> 33 <div class="card-block">
31 <div class="pull-left"> 34 <div class="pull-left">
32 <h4 class="card-title">Chennai</h4><br> 35 <h4 class="card-title">Chennai</h4>
33 <label class="card-sub-title">Thrusday,</label> 36 <label class="card-sub-title">Thrusday,</label>
34 </div> 37 </div>
35 <div class="pull-right"> 38 <div class="pull-right">
36 <label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Madras</label> 39 <label class="card-sub-title"><i class="material-icons">location_on</i>
40 <span style="position: relative;top: -3px;">IIT-Madras</span>
41 </label>
37 </div> 42 </div>
38 <div class="clearfix"></div> 43 <div class="clearfix"></div>
39 <label class="card-sub-title">Sept 20,2018</label> 44 <label class="card-sub-title">Sept 20,2018</label>
40 </div> 45 </div>
41 <div class="card-text2">
42 <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
43 </div>
44 </label> 46 </label>
47 <div class="clearfix"></div>
48 <div class="card-text2">
49 <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
50 </div>
45 </div> 51 </div>
46 </div> 52 </div>
47 <div class="col-md-3" style="margin-top: 2%;"> 53 <div class="col-md-3" style="margin-top: 2%;">
48 <div class="card" style="width:100%;border-radius: 6px;"> 54 <div class="card" style="width:100%;border-radius: 6px;">
49 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 55 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
50 <img class="card-img-top" src="images/hydrabad.png" style="width:100%"> 56 <img class="card-img-top" src="images/hydrabad.png" style="width:100%">
51 <div class="card-block"> 57 <div class="card-block">
52 <div class="pull-left"> 58 <div class="pull-left">
53 <h4 class="card-title">Hyderabad</h4><br> 59 <h4 class="card-title">Hyderabad</h4>
54 <label class="card-sub-title">Saturday,</label> 60 <label class="card-sub-title">Saturday,</label>
55 </div> 61 </div>
56 <div class="pull-right"> 62 <div class="pull-right">
57 <label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Hyderabad</label> 63 <label class="card-sub-title"><i class="material-icons">location_on</i>
64 <span style="position: relative;top: -3px;">IIT-Hyderabad</span>
65 </label>
58 </div> 66 </div>
59 <div class="clearfix"></div> 67 <div class="clearfix"></div>
60 <label class="card-sub-title">Sept 22,2018</label> 68 <label class="card-sub-title">Sept 22,2018</label>
61 </div> 69 </div>
62 <div class="card-text2">
63 <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
64 </div>
65 </label> 70 </label>
71 <div class="clearfix"></div>
72 <div class="card-text2">
73 <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
74 </div>
66 </div> 75 </div>
67 </div> 76 </div>
68 <div class="col-md-3" style="margin-top: 2%;"> 77 <div class="col-md-3" style="margin-top: 2%;">
69 <div class="card" style="width:100%;border-radius: 6px;"> 78 <div class="card" style="width:100%;border-radius: 6px;">
70 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 79 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
71 <img class="card-img-top" src="images/mumbai.png" style="width:100%"> 80 <img class="card-img-top" src="images/mumbai.png" style="width:100%">
72 <div class="card-block"> 81 <div class="card-block">
73 <div class="pull-left"> 82 <div class="pull-left">
74 <h4 class="card-title">Mumbai</h4><br> 83 <h4 class="card-title">Mumbai</h4>
75 <label class="card-sub-title">Sunday,</label> 84 <label class="card-sub-title">Sunday,</label>
76 </div> 85 </div>
77 <div class="pull-right"> 86 <div class="pull-right">
78 <label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Bombay</label> 87 <label class="card-sub-title"><i class="material-icons">location_on</i>
88 <span style="position: relative;top: -3px;">IIT-Bombay</span>
89 </label>
79 </div> 90 </div>
80 <div class="clearfix"></div> 91 <div class="clearfix"></div>
81 <label class="card-sub-title">Sept 23,2018</label> 92 <label class="card-sub-title">Sept 23,2018</label>
82 </div> 93 </div>
83 <div class="card-text2">
84 <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
85 </div>
86 </label> 94 </label>
95 <div class="clearfix"></div>
96 <div class="card-text2">
97 <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
98 </div>
87 </div> 99 </div>
88 </div> 100 </div>
89 </div> 101 </div>
90 </div> 102 </div>
91 <div class="clearfix"></div> 103 <div class="clearfix"></div>
92 <div class="stages card-align"> 104 <div class="stages card-align">
93 <div class="row"> 105 <div class="row">
94 <div class="col-md-3" style="margin-top: 2%;"> 106 <div class="col-md-3" style="margin-top: 2%;">
95 <div class="card" style="width:100%;border-radius: 6px;"> 107 <div class="card" style="width:100%;border-radius: 6px;">
96 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 108 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
97 <img class="card-img-top" src="images/guwahati.png" style="width:100%"> 109 <img class="card-img-top" src="images/guwahati.png" style="width:100%">
98 <div class="card-block"> 110 <div class="card-block">
99 <div class="pull-left"> 111 <div class="pull-left">
100 <h4 class="card-title">Guwahati</h4><br> 112 <h4 class="card-title">Guwahati</h4>
101 <label class="card-sub-title">Saturday,</label> 113 <label class="card-sub-title">Saturday,</label>
102 </div> 114 </div>
103 <div class="pull-right"> 115 <div class="pull-right">
104 <label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Guwahati</label> 116 <label class="card-sub-title"><i class="material-icons">location_on</i>
117 <span style="position: relative;top: -3px;">IIT-Guwahati</span>
118 </label>
105 </div> 119 </div>
106 <div class="clearfix"></div> 120 <div class="clearfix"></div>
107 <label class="card-sub-title">Sept 29,2018</label> 121 <label class="card-sub-title">Sept 29,2018</label>
108 </div> 122 </div>
109 <div class="card-text2">
110 <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
111 </div>
112 </label> 123 </label>
124 <div class="clearfix"></div>
125 <div class="card-text2">
126 <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
127 </div>
113 </div> 128 </div>
114 </div> 129 </div>
115 <div class="col-md-3" style="margin-top: 2%;"> 130 <div class="col-md-3" style="margin-top: 2%;">
116 <div class="card" style="width:100%;border-radius: 6px;"> 131 <div class="card" style="width:100%;border-radius: 6px;">
117 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 132 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
118 <img class="card-img-top" src="images/kolkata.png" style="width:100%"> 133 <img class="card-img-top" src="images/kolkata.png" style="width:100%">
119 <div class="card-block"> 134 <div class="card-block">
120 <div class="pull-left"> 135 <div class="pull-left">
121 <h4 class="card-title">Kolkata</h4><br> 136 <h4 class="card-title">Kolkata</h4>
122 <label class="card-sub-title">Wednesday,</label> 137 <label class="card-sub-title">Wednesday,</label>
123 </div> 138 </div>
124 <div class="pull-right"> 139 <div class="pull-right">
125 <label class="card-sub-title"><i class="material-icons">location_on</i>IIM-Calcutta</label> 140 <label class="card-sub-title"><i class="material-icons">location_on</i>
141 <span style="position: relative;top: -3px;">IIM-Calcutta</span>
142 </label>
126 </div> 143 </div>
127 <div class="clearfix"></div> 144 <div class="clearfix"></div>
128 <label class="card-sub-title">Oct 3,2018</label> 145 <label class="card-sub-title">Oct 3,2018</label>
129 </div> 146 </div>
130 <div class="card-text2">
131 <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
132 </div>
133 </label> 147 </label>
148 <div class="clearfix"></div>
149 <div class="card-text2">
150 <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
151 </div>
134 </div> 152 </div>
135 </div> 153 </div>
136 <div class="col-md-3" style="margin-top: 2%;"> 154 <div class="col-md-3" style="margin-top: 2%;">
137 <div class="card" style="width:100%;border-radius: 6px;"> 155 <div class="card" style="width:100%;border-radius: 6px;">
138 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 156 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
139 <img class="card-img-top" src="images/jaipur.png" style="width:100%"> 157 <img class="card-img-top" src="images/jaipur.png" style="width:100%">
140 <div class="card-block"> 158 <div class="card-block">
141 <div class="pull-left"> 159 <div class="pull-left">
142 <h4 class="card-title">Jaipur</h4><br> 160 <h4 class="card-title">Jaipur</h4>
143 <label class="card-sub-title">Friday,</label> 161 <label class="card-sub-title">Friday,</label>
144 </div> 162 </div>
145 <div class="pull-right"> 163 <div class="pull-right">
146 <label class="card-sub-title"><i class="material-icons">location_on</i>Startup Oasis</label> 164 <label class="card-sub-title"><i class="material-icons">location_on</i>
165 <span style="position: relative;top: -3px;">Startup Oasis</span>
166 </label>
147 </div> 167 </div>
148 <div class="clearfix"></div> 168 <div class="clearfix"></div>
149 <label class="card-sub-title">Oct 5,2018</label> 169 <label class="card-sub-title">Oct 5,2018</label>
150 </div> 170 </div>
151 <div class="card-text2">
152 <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
153 </div>
154 </label> 171 </label>
172 <div class="clearfix"></div>
173 <div class="card-text2">
174 <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
175 </div>
155 </div> 176 </div>
156 </div> 177 </div>
157 <div class="col-md-3" style="margin-top: 2%;"> 178 <div class="col-md-3" style="margin-top: 2%;">
158 <div class="card" style="width:100%;border-radius: 6px;"> 179 <div class="card" style="width:100%;border-radius: 6px;">
159 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 180 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
160 <img class="card-img-top" src="images/delhi.png" style="width:100%"> 181 <img class="card-img-top" src="images/delhi.png" style="width:100%">
161 <div class="card-block"> 182 <div class="card-block">
162 <div class="pull-left"> 183 <div class="pull-left">
163 <h4 class="card-title">Delhi</h4><br> 184 <h4 class="card-title">Delhi</h4>
164 <label class="card-sub-title">Monday,</label> 185 <label class="card-sub-title">Monday,</label>
165 </div> 186 </div>
166 <div class="pull-right"> 187 <div class="pull-right">
167 <label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Delhi</label> 188 <label class="card-sub-title"><i class="material-icons">location_on</i>
189 <span style="position: relative;top: -3px;">IIT-Delhi</span>
190 </label>
168 </div> 191 </div>
169 <div class="clearfix"></div> 192 <div class="clearfix"></div>
170 <label class="card-sub-title">Sept 8,2018</label> 193 <label class="card-sub-title">Sept 8,2018</label>
171 </div> 194 </div>
172 <div class="card-text2">
173 <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
174 </div>
175 </label> 195 </label>
196 <div class="clearfix"></div>
197 <div class="card-text2">
198 <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
199 </div>
176 </div> 200 </div>
177 </div> 201 </div>
178 </div> 202 </div>
179 </div> 203 </div>
180 <div class="clearfix"></div> 204 <div class="clearfix"></div>
181 <div class="stages card-align"> 205 <div class="stages card-align">
182 <div class="row"> 206 <div class="row">
183 <div class="col-md-3" style="margin-top: 2%;"> 207 <div class="col-md-3" style="margin-top: 2%;">
184 <div class="card" style="width:100%;border-radius: 6px;"> 208 <div class="card" style="width:100%;border-radius: 6px;">
185 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 209 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
186 <img class="card-img-top" src="images/kanpur.png" style="width:100%"> 210 <img class="card-img-top" src="images/kanpur.png" style="width:100%">
187 <div class="card-block"> 211 <div class="card-block">
188 <div class="pull-left"> 212 <div class="pull-left">
189 <h4 class="card-title">Kanpur</h4><br> 213 <h4 class="card-title">Kanpur</h4>
190 <label class="card-sub-title">Wednesday,</label> 214 <label class="card-sub-title">Wednesday,</label>
191 </div> 215 </div>
192 <div class="pull-right"> 216 <div class="pull-right">
193 <label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Kanpur</label> 217 <label class="card-sub-title"><i class="material-icons">location_on</i>
218 <span style="position: relative;top: -3px;">IIT-Kanpur</span>
219 </label>
194 </div> 220 </div>
195 <div class="clearfix"></div> 221 <div class="clearfix"></div>
196 <label class="card-sub-title">Oct 10,2018</label> 222 <label class="card-sub-title">Oct 10,2018</label>
197 </div> 223 </div>
198 <div class="card-text2">
199 <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
200 </div>
201 </label> 224 </label>
225 <div class="clearfix"></div>
226 <div class="card-text2">
227 <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
228 </div>
202 </div> 229 </div>
203 </div> 230 </div>
204 <div class="col-md-3" style="margin-top: 2%;"> 231 <div class="col-md-3" style="margin-top: 2%;">
205 <div class="card" style="width:100%;border-radius: 6px;"> 232 <div class="card" style="width:100%;border-radius: 6px;">
206 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 233 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
207 <img class="card-img-top" src="images/ahmedabad.png" style="width:100%"> 234 <img class="card-img-top" src="images/ahmedabad.png" style="width:100%">
208 <div class="card-block"> 235 <div class="card-block">
209 <div class="pull-left"> 236 <div class="pull-left">
210 <h4 class="card-title">Ahmedabad</h4><br> 237 <h4 class="card-title">Ahmedabad</h4>
211 <label class="card-sub-title">Friday,</label> 238 <label class="card-sub-title">Friday,</label>
212 </div> 239 </div>
213 <div class="pull-right"> 240 <div class="pull-right">
214 <label class="card-sub-title"><i class="material-icons">location_on</i>IIM-Ahmedabad</label> 241 <label class="card-sub-title"><i class="material-icons">location_on</i>
242 <span style="position: relative;top: -3px;">IIM-Ahmedabad</span>
243 </label>
215 </div> 244 </div>
216 <div class="clearfix"></div> 245 <div class="clearfix"></div>
217 <label class="card-sub-title">Oct 12,2018</label> 246 <label class="card-sub-title">Oct 12,2018</label>
218 </div> 247 </div>
219 <div class="card-text2">
220 <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
221 </div>
222 </label> 248 </label>
249 <div class="clearfix"></div>
250 <div class="card-text2">
251 <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
252 </div>
223 </div> 253 </div>
224 </div> 254 </div>
225 <div class="col-md-3" style="margin-top: 2%;"> 255 <div class="col-md-3" style="margin-top: 2%;">
226 <div class="card" style="width:100%;border-radius: 6px;"> 256 <div class="card" style="width:100%;border-radius: 6px;">
227 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 257 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
228 <img class="card-img-top" src="images/indore.png" style="width:100%"> 258 <img class="card-img-top" src="images/indore.png" style="width:100%">
229 <div class="card-block"> 259 <div class="card-block">
230 <div class="pull-left"> 260 <div class="pull-left">
231 <h4 class="card-title">Indore</h4><br> 261 <h4 class="card-title">Indore</h4>
232 <label class="card-sub-title">Monday,</label> 262 <label class="card-sub-title">Monday,</label>
233 </div> 263 </div>
234 <div class="pull-right"> 264 <div class="pull-right">
235 <label class="card-sub-title"><i class="material-icons">location_on</i>IIM-Indore</label> 265 <label class="card-sub-title"><i class="material-icons">location_on</i>
266 <span style="position: relative;top: -3px;">IIM-Indore</span>
267 </label>
236 </div> 268 </div>
237 <div class="clearfix"></div> 269 <div class="clearfix"></div>
238 <label class="card-sub-title">Oct 15,2018</label> 270 <label class="card-sub-title">Oct 15,2018</label>
239 </div> 271 </div>
240 <div class="card-text2">
241 <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
242 </div>
243 </label> 272 </label>
273 <div class="clearfix"></div>
274 <div class="card-text2">
275 <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
276 </div>
244 </div> 277 </div>
245 </div> 278 </div>
246 <div class="col-md-3" style="margin-top: 2%;"> 279 <div class="col-md-3" style="margin-top: 2%;">
247 <div class="card" style="width:100%;border-radius: 6px;"> 280 <div class="card" style="width:100%;border-radius: 6px;">
248 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 281 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
249 <img class="card-img-top" src="images/roorkee.png" style="width:100%"> 282 <img class="card-img-top" src="images/roorkee.png" style="width:100%">