Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code »

Commit 22ef652dc72c66bb4b283743a0e5c51dcd47e792

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

cursor change

Showing 2 changed files with 15 additions and 13 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 882
883 .toggler { 883 .toggler {
884 width: 500px; 884 width: 500px;
885 height: 200px; 885 height: 200px;
886 } 886 }
887 #button { 887 #button {
888 padding: .5em 1em; 888 padding: .5em 1em;
889 text-decoration: none; 889 text-decoration: none;
890 } 890 }
891 #effect { 891 #effect {
892 position: relative; 892 position: relative;
893 width: 240px; 893 width: 240px;
894 height: 170px; 894 height: 170px;
895 padding: 0.4em; 895 padding: 0.4em;
896 } 896 }
897 #effect h3 { 897 #effect h3 {
898 margin: 0; 898 margin: 0;
899 padding: 0.4em; 899 padding: 0.4em;
900 text-align: center; 900 text-align: center;
901 } 901 }
902 902
903 #snackbar { 903 #snackbar {
904 visibility: hidden; 904 visibility: hidden;
905 min-width: 250px; 905 min-width: 250px;
906 margin-left: -125px; 906 margin-left: -125px;
907 background-color: #F44336; 907 background-color: #F44336;
908 color: #fff; 908 color: #fff;
909 text-align: center; 909 text-align: center;
910 border-radius: 2px; 910 border-radius: 2px;
911 padding: 16px; 911 padding: 16px;
912 position: fixed; 912 position: fixed;
913 z-index: 1; 913 z-index: 1;
914 left: 50%; 914 left: 50%;
915 bottom: 30px; 915 bottom: 30px;
916 font-size: 17px; 916 font-size: 17px;
917 } 917 }
918 918
919 #snackbar.show { 919 #snackbar.show {
920 visibility: visible; 920 visibility: visible;
921 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s; 921 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
922 animation: fadin 0.5s, fadout 0.5s 2.5s; 922 animation: fadin 0.5s, fadout 0.5s 2.5s;
923 } 923 }
924 924
925 @-webkit-keyframes fadin { 925 @-webkit-keyframes fadin {
926 from {bottom: 0; opacity: 0;} 926 from {bottom: 0; opacity: 0;}
927 to {bottom: 30px; opacity: 1;} 927 to {bottom: 30px; opacity: 1;}
928 } 928 }
929 929
930 @keyframes fadin { 930 @keyframes fadin {
931 from {bottom: 0; opacity: 0;} 931 from {bottom: 0; opacity: 0;}
932 to {bottom: 30px; opacity: 1;} 932 to {bottom: 30px; opacity: 1;}
933 } 933 }
934 934
935 @-webkit-keyframes fadout { 935 @-webkit-keyframes fadout {
936 from {bottom: 30px; opacity: 1;} 936 from {bottom: 30px; opacity: 1;}
937 to {bottom: 0; opacity: 0;} 937 to {bottom: 0; opacity: 0;}
938 } 938 }
939 939
940 @keyframes fadout { 940 @keyframes fadout {
941 from {bottom: 30px; opacity: 1;} 941 from {bottom: 30px; opacity: 1;}
942 to {bottom: 0; opacity: 0;} 942 to {bottom: 0; opacity: 0;}
943 } 943 }
944 944
945 945
946 #snacsskbar { 946 #snacsskbar {
947 visibility: hidden; 947 visibility: hidden;
948 min-width: 250px; 948 min-width: 250px;
949 margin-left: -125px; 949 margin-left: -125px;
950 background-color: #333; 950 background-color: #333;
951 color: #fff; 951 color: #fff;
952 text-align: center; 952 text-align: center;
953 border-radius: 2px; 953 border-radius: 2px;
954 padding: 16px; 954 padding: 16px;
955 position: fixed; 955 position: fixed;
956 z-index: 1; 956 z-index: 1;
957 left: 50%; 957 left: 50%;
958 top: 30px; 958 top: 30px;
959 font-size: 17px; 959 font-size: 17px;
960 } 960 }
961 961
962 #snacsskbar.show { 962 #snacsskbar.show {
963 visibility: visible; 963 visibility: visible;
964 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; 964 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
965 animation: fadein 0.5s, fadeout 0.5s 2.5s; 965 animation: fadein 0.5s, fadeout 0.5s 2.5s;
966 } 966 }
967 967
968 @-webkit-keyframes fadein { 968 @-webkit-keyframes fadein {
969 from {top: 0; opacity: 0;} 969 from {top: 0; opacity: 0;}
970 to {top: 30px; opacity: 1;} 970 to {top: 30px; opacity: 1;}
971 } 971 }
972 972
973 @keyframes fadein { 973 @keyframes fadein {
974 from {top: 0; opacity: 0;} 974 from {top: 0; opacity: 0;}
975 to {top: 30px; opacity: 1;} 975 to {top: 30px; opacity: 1;}
976 } 976 }
977 977
978 @-webkit-keyframes fadeout { 978 @-webkit-keyframes fadeout {
979 from {top: 30px; opacity: 1;} 979 from {top: 30px; opacity: 1;}
980 to {top: 0; opacity: 0;} 980 to {top: 0; opacity: 0;}
981 } 981 }
982 982
983 @keyframes fadeout { 983 @keyframes fadeout {
984 from {top: 30px; opacity: 1;} 984 from {top: 30px; opacity: 1;}
985 to {top: 0; opacity: 0;} 985 to {top: 0; opacity: 0;}
986 } 986 }
987 987
988 input.hidden { 988 input.hidden {
989 position: absolute; 989 position: absolute;
990 left: -9999px; 990 left: -9999px;
991 } 991 }
992 992
993 #profile-image1 { 993 #profile-image1 {
994 cursor: pointer; 994 cursor: pointer;
995 width: 100px; 995 width: 100px;
996 height: 100px; 996 height: 100px;
997 border:2px solid #eee ; 997 border:2px solid #eee ;
998 } 998 }
999 999
1000 .tital{ font-size:16px; font-weight:500;} 1000 .tital{ font-size:16px; font-weight:500;}
1001 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0} 1001 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0}
1002 .footerpadd{padding: 5px;} 1002 .footerpadd{padding: 5px;}
1003 1003
1004 1004
1005 .container1{ 1005 .container1{
1006 width: 100% 1006 width: 100%
1007 } 1007 }
1008 1008
1009 .no-margin{ 1009 .no-margin{
1010 margin: 0 0 0 !important; 1010 margin: 0 0 0 !important;
1011 } 1011 }
1012 .no-padding{ 1012 .no-padding{
1013 padding: 0 0 0 0 !important; 1013 padding: 0 0 0 0 !important;
1014 } 1014 }
1015 .select-stage{ 1015 .select-stage{
1016 margin: 10px 0; 1016 margin: 10px 0;
1017 } 1017 }
1018 .cards-content{ 1018 .cards-content{
1019 margin-top: 40px; 1019 margin-top: 40px;
1020 } 1020 }
1021 .cards-content p{ 1021 .cards-content p{
1022 font-size: 13px; 1022 font-size: 13px;
1023 } 1023 }
1024 .q-card-align{ 1024 .q-card-align{
1025 margin-top: 15px; 1025 margin-top: 15px;
1026 } 1026 }
1027 .width-auto{ 1027 .width-auto{
1028 width: auto !important; 1028 width: auto !important;
1029 } 1029 }
1030 .margin-right-label{ 1030 .margin-right-label{
1031 margin-right: 20px; 1031 margin-right: 20px;
1032 } 1032 }
1033 .margin-right-label label{ 1033 .margin-right-label label{
1034 margin-left: 5px; 1034 margin-left: 5px;
1035 } 1035 }
1036 .apply-coupen-btn{ 1036 .apply-coupen-btn{
1037 position: absolute; 1037 position: absolute;
1038 top: -2px; 1038 top: -2px;
1039 right: 13px; 1039 right: 13px;
1040 border: none; 1040 border: none;
1041 height: 44px; 1041 height: 44px;
1042 color: #fff; 1042 color: #fff;
1043 background-color: #666; 1043 background-color: #666;
1044 width: 75px; 1044 width: 75px;
1045 } 1045 }
1046 .coupen-approved{ 1046 .coupen-approved{
1047 position: absolute; 1047 position: absolute;
1048 right: 120px; 1048 right: 120px;
1049 top: 6px; 1049 top: 6px;
1050 color: rgb(66, 181, 73); 1050 color: rgb(66, 181, 73);
1051 font-size: 30px !important; 1051 font-size: 30px !important;
1052 } 1052 }
1053 .right-side-links{ 1053 .right-side-links{
1054 margin-top: 12px; 1054 margin-top: 12px;
1055 } 1055 }
1056 .right-side-links a{ 1056 .right-side-links a{
1057 width: auto; 1057 width: auto;
1058 display: inline; 1058 display: inline;
1059 } 1059 }
1060 .right-side-links a:first-child{ 1060 .right-side-links a:first-child{
1061 border-right: 1px solid #fff; 1061 border-right: 1px solid #fff;
1062 padding-right: 4px; 1062 padding-right: 4px;
1063 } 1063 }
1064 1064
1065 @media (max-width: 768px){ 1065 @media (max-width: 768px){
1066 .cards-content{ 1066 .cards-content{
1067 margin-top: 15px; 1067 margin-top: 15px;
1068 margin-bottom: 30px; 1068 margin-bottom: 30px;
1069 } 1069 }
1070 .no-padding-mobile{ 1070 .no-padding-mobile{
1071 padding-left: 0 !important; 1071 padding-left: 0 !important;
1072 padding-right: 0 !important; 1072 padding-right: 0 !important;
1073 } 1073 }
1074 .sector-align .card-small{ 1074 .sector-align .card-small{
1075 height: 74px; 1075 height: 74px;
1076 } 1076 }
1077 .stages-card{ 1077 .stages-card{
1078 width: 92%; 1078 width: 92%;
1079 } 1079 }
1080 .right-stage-card{ 1080 .right-stage-card{
1081 float: right; 1081 float: right;
1082 } 1082 }
1083 .margin-auto-mobile{ 1083 .margin-auto-mobile{
1084 margin-left: 4%; 1084 margin-left: 4%;
1085 } 1085 }
1086 .card .thumbnail{ 1086 .card .thumbnail{
1087 padding: 15px 0 1px 0; 1087 padding: 15px 0 1px 0;
1088 } 1088 }
1089 .thumbnail > img, .thumbnail a > img{ 1089 .thumbnail > img, .thumbnail a > img{
1090 width: 50%; 1090 width: 50%;
1091 } 1091 }
1092 .right-side-links a{ 1092 .right-side-links a{
1093 display: block; 1093 display: block;
1094 width: 100%; 1094 width: 100%;
1095 } 1095 }
1096 .right-side-links a:first-child{ 1096 .right-side-links a:first-child{
1097 border-right: 0 solid #fff; 1097 border-right: 0 solid #fff;
1098 padding-right: 0; 1098 padding-right: 0;
1099 } 1099 }
1100 .right-side-links{ 1100 .right-side-links{
1101 margin-top: 0; 1101 margin-top: 0;
1102 } 1102 }
1103 .panel-default{ 1103 .panel-default{
1104 border-color: transparent; 1104 border-color: transparent;
1105 box-shadow: none; 1105 box-shadow: none;
1106 } 1106 }
1107 .modal-footers { 1107 .modal-footers {
1108 padding: 19px 20px 20px; 1108 padding: 19px 20px 20px;
1109 margin-top: 15px; 1109 margin-top: 15px;
1110 text-align: center !important; 1110 text-align: center !important;
1111 margin-bottom: 4px; 1111 margin-bottom: 4px;
1112 } 1112 }
1113 .startup-jalsa{ 1113 .startup-jalsa{
1114 font-family: 'BenchNine', sans-serif; 1114 font-family: 'BenchNine', sans-serif;
1115 color: rgb(25, 104, 157); 1115 color: rgb(25, 104, 157);
1116 } 1116 }
1117 1117
1118 } 1118 }
1119 1119
1120 1120
1121 1121
1122 .card-input { 1122 .card-input {
1123 display: none; 1123 display: none;
1124 } 1124 }
1125 1125
1126 .card { 1126 .card {
1127 font-size: 1em; 1127 font-size: 1em;
1128 overflow: hidden; 1128 overflow: hidden;
1129 padding: 0; 1129 padding: 0;
1130 border: none; 1130 border: none;
1131 /*border-radius: .28571429rem;*/ 1131 /*border-radius: .28571429rem;*/
1132 box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; 1132 box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
1133 } 1133 }
1134 1134
1135 .card-block { 1135 .card-block {
1136 font-size: 1em; 1136 font-size: 1em;
1137 position: relative; 1137 position: relative;
1138 margin: 0; 1138 margin: 0;
1139 padding: 4%; 1139 padding: 4%;
1140 border: none; 1140 border: none;
1141 border-top: 1px solid rgba(34, 36, 38, .1); 1141 border-top: 1px solid rgba(34, 36, 38, .1);
1142 box-shadow: none; 1142 box-shadow: none;
1143 } 1143 }
1144 .button-position{ 1144 .button-position{
1145 position: relative; 1145 position: relative;
1146 top: -10px; 1146 top: -10px;
1147 } 1147 }
1148 .card-img-top { 1148 .card-img-top {
1149 display: block; 1149 display: block;
1150 width: 100%; 1150 width: 100%;
1151 height: auto; 1151 height: auto;
1152 } 1152 }
1153 1153
1154 .card-title { 1154 .card-title {
1155 font-size: 17px; 1155 font-size: 17px;
1156 font-weight: 600; 1156 font-weight: 600;
1157 margin: 0; 1157 margin: 0;
1158 line-height: normal; 1158 line-height: normal;
1159 } 1159 }
1160 .card-sub-title{ 1160 .card-sub-title{
1161 font-family: 'Arial',sans-serif; 1161 font-family: 'Arial',sans-serif;
1162 /*color: #666;*/ 1162 /*color: #666;*/
1163 font-weight: normal; 1163 font-weight: normal;
1164 margin-bottom: 0; 1164 margin-bottom: 0;
1165 } 1165 }
1166 .button-aligment{ 1166 .button-aligment{
1167 margin-top: 5px; 1167 margin-top: 5px;
1168 margin-right: 14px; 1168 margin-right: 14px;
1169 margin-bottom: 15px; 1169 margin-bottom: 15px;
1170 } 1170 }
1171 .card-text { 1171 .card-text {
1172 clear: both; 1172 clear: both;
1173 margin-top: .5em; 1173 margin-top: .5em;
1174 /*color: rgba(0, 0, 0, .68);*/ 1174 /*color: rgba(0, 0, 0, .68);*/
1175 padding-bottom: 3%; 1175 padding-bottom: 3%;
1176 font-size: 13px; 1176 font-size: 13px;
1177 } 1177 }
1178 1178
1179 .card-text2 { 1179 .card-text2 {
1180 padding: 3% 0 3% 4%;; 1180 padding: 3% 0 3% 4%;;
1181 border-top: 1px solid rgba(0, 0, 0, .05) !important; 1181 border-top: 1px solid rgba(0, 0, 0, .05) !important;
1182 } 1182 }
1183 .card-text2 span{ 1183 .card-text2 span{
1184 font-size: 13px; 1184 font-size: 13px;
1185 /*color: #666;*/ 1185 /*color: #666;*/
1186 } 1186 }
1187 .card-text2 div{ 1187 .card-text2 div{
1188 margin-top: 0 !important; 1188 margin-top: 0 !important;
1189 font-weight: normal; 1189 font-weight: normal;
1190 /*color: #000;*/ 1190 /*color: #000;*/
1191 font-size: 12px; 1191 font-size: 12px;
1192 padding-bottom: 0; 1192 padding-bottom: 0;
1193 } 1193 }
1194 1194
1195 .card-inverse .btn { 1195 .card-inverse .btn {
1196 border: 1px solid rgba(0, 0, 0, .05); 1196 border: 1px solid rgba(0, 0, 0, .05);
1197 } 1197 }
1198 1198
1199 .card-text3 { 1199 .card-text3 {
1200 border-top: 1px solid rgba(0, 0, 0, .05) !important; 1200 border-top: 1px solid rgba(0, 0, 0, .05) !important;
1201 } 1201 }
1202 1202
1203 .container { 1203 .container {
1204 display: block; 1204 display: block;
1205 position: relative; 1205 position: relative;
1206 padding: 0; 1206 padding: 0;
1207 margin-bottom: 12px; 1207 margin-bottom: 12px;
1208 cursor: pointer; 1208 cursor: pointer;
1209 font-size: 16px; 1209 font-size: 16px;
1210 -webkit-user-select: none; 1210 -webkit-user-select: none;
1211 -moz-user-select: none; 1211 -moz-user-select: none;
1212 -ms-user-select: none; 1212 -ms-user-select: none;
1213 user-select: none; 1213 user-select: none;
1214 width:100%; 1214 width:100%;
1215 } 1215 }
1216 1216
1217 .container1 { 1217 .container1 {
1218 display: block; 1218 display: block;
1219 position: relative; 1219 position: relative;
1220 padding-left: 31px; 1220 padding-left: 31px;
1221 margin-bottom: 12px; 1221 margin-bottom: 12px;
1222 cursor: pointer; 1222 cursor: pointer;
1223 font-size: 15px; 1223 font-size: 15px;
1224 -webkit-user-select: none; 1224 -webkit-user-select: none;
1225 -moz-user-select: none; 1225 -moz-user-select: none;
1226 -ms-user-select: none; 1226 -ms-user-select: none;
1227 user-select: none; 1227 user-select: none;
1228 width:100%; 1228 width:100%;
1229 } 1229 }
1230 1230
1231 /* Hide the browser's default radio button */ 1231 /* Hide the browser's default radio button */
1232 .container input { 1232 .container input {
1233 position: absolute; 1233 position: absolute;
1234 opacity: 0; 1234 opacity: 0;
1235 } 1235 }
1236 1236
1237 /* Create a custom radio button */ 1237 /* Create a custom radio button */
1238 .checkmark { 1238 .checkmark {
1239 position: absolute; 1239 position: absolute;
1240 top: 0; 1240 top: 0;
1241 left: 0; 1241 left: 0;
1242 height: 25px; 1242 height: 25px;
1243 width: 25px; 1243 width: 25px;
1244 background-color: #eee; 1244 background-color: #eee;
1245 border-radius: 50%; 1245 border-radius: 50%;
1246 } 1246 }
1247 1247
1248 /* On mouse-over, add a grey background color */ 1248 /* On mouse-over, add a grey background color */
1249 .container:hover input ~ .checkmark { 1249 .container:hover input ~ .checkmark {
1250 background-color: #ccc; 1250 background-color: #ccc;
1251 } 1251 }
1252 1252
1253 /* When the radio button is checked, add a blue background */ 1253 /* When the radio button is checked, add a blue background */
1254 .container input:checked ~ .checkmark { 1254 .container input:checked ~ .checkmark {
1255 background-color: #42b549; 1255 background-color: #42b549;
1256 } 1256 }
1257 1257
1258 /* Create the indicator (the dot/circle - hidden when not checked) */ 1258 /* Create the indicator (the dot/circle - hidden when not checked) */
1259 .checkmark:after { 1259 .checkmark:after {
1260 content: ""; 1260 content: "";
1261 position: absolute; 1261 position: absolute;
1262 display: none; 1262 display: none;
1263 } 1263 }
1264 1264
1265 /* Show the indicator (dot/circle) when checked */ 1265 /* Show the indicator (dot/circle) when checked */
1266 .container input:checked ~ .checkmark:after { 1266 .container input:checked ~ .checkmark:after {
1267 display: block; 1267 display: block;
1268 } 1268 }
1269 1269
1270 /* Style the indicator (dot/circle) */ 1270 /* Style the indicator (dot/circle) */
1271 .container .checkmark:after { 1271 .container .checkmark:after {
1272 top: 9px; 1272 top: 9px;
1273 left: 9px; 1273 left: 9px;
1274 width: 8px; 1274 width: 8px;
1275 height: 8px; 1275 height: 8px;
1276 border-radius: 50%; 1276 border-radius: 50%;
1277 background: white; 1277 background: white;
1278 } 1278 }
1279 1279
1280 table { 1280 table {
1281 /*font-family: arial, sans-serif; 1281 /*font-family: arial, sans-serif;
1282 border-collapse: collapse;*/ 1282 border-collapse: collapse;*/
1283 width: 60%; 1283 width: 60%;
1284 } 1284 }
1285 .city-meetup { 1285 .city-meetup {
1286 opacity: 0.8; 1286 opacity: 0.8;
1287 filter: alpha(opacity=80); /* For IE8 and earlier */ 1287 filter: alpha(opacity=80); /* For IE8 and earlier */
1288 } 1288 }
1289 1289
1290 1290
1291 .card-color{ 1291 .card-color{
1292 background-color:white; 1292 background-color:white;
1293 font-size: 16px; 1293 font-size: 16px;
1294 } 1294 }
1295 1295
1296 .startup-jalsa{ 1296 .startup-jalsa{
1297 font-family: 'BenchNine', sans-serif; 1297 font-family: 'BenchNine', sans-serif;
1298 font-size: 70.15pt; 1298 font-size: 70.15pt;
1299 color: rgb(25, 104, 157); 1299 color: rgb(25, 104, 157);
1300 } 1300 }
1301 .header{ 1301 .header{
1302 /*width: 100%;*/ 1302 /*width: 100%;*/
1303 text-align: center; 1303 text-align: center;
1304 padding-top:2%; 1304 padding-top:2%;
1305 /*padding: 4px 20px;*/ 1305 /*padding: 4px 20px;*/
1306 } 1306 }
1307 .happen-city{ 1307 .happen-city{
1308 padding-top:12%; 1308 padding-top:12%;
1309 } 1309 }
1310 .happen-meetup{ 1310 .happen-meetup{
1311 font-family: 'Arial',sans-serif; 1311 font-family: 'Arial',sans-serif;
1312 margin-bottom: 10px; 1312 margin-bottom: 10px;
1313 margin-left: 5%; 1313 margin-left: 5%;
1314 } 1314 }
1315 .happen-attend{ 1315 .happen-attend{
1316 margin-top:6%; 1316 margin-top:6%;
1317 } 1317 }
1318 .width-auto{ 1318 .width-auto{
1319 width:auto; 1319 width:auto;
1320 } 1320 }
1321 /*.card-position{ 1321 /*.card-position{
1322 position: relative; 1322 position: relative;
1323 top: -3px; 1323 top: -3px;
1324 }*/ 1324 }*/
1325 1325
1326 .active, .btn:hover, .btn:onclick { 1326 .active, .btn:hover, .btn:onclick {
1327 background-color: grey; 1327 background-color: grey;
1328 border: grey; 1328 border: grey;
1329 color: white; 1329 color: white;
1330 } 1330 }
1331 .apply-act:hover, .apply-act:focus{ 1331 .apply-act:hover, .apply-act:focus{
1332 background-color: grey; 1332 background-color: grey;
1333 border: grey; 1333 border: grey;
1334 color: white; 1334 color: white;
1335 } 1335 }
1336 .apply-btn{ 1336 .apply-btn{
1337 text-align: center; 1337 text-align: center;
1338 margin-bottom: 2%; 1338 margin-bottom: 2%;
1339 } 1339 }
1340 1340
1341 1341 .cursor:hover{
1342 cursor: context-menu;
1343 }
1342 1344
1343 1345
1344 1346
1345 1347
1346 1348
1347 1349
1348 1350
1349 1351
1350 1352
1351 1353
1352 1354
1353 1355
1354 1356
1355 1357
1356 1358
1357 1359
1358 1360
1359 1361
1360 1362
1361 1363
1362 1364
1363 1365
1364 1366
1365 1367
1366 1368
1367 @media (max-width:767px){h1{font-size:2.8rem;} 1369 @media (max-width:767px){h1{font-size:2.8rem;}
1368 1370
1369 /*.startup-jalsa{ 1371 /*.startup-jalsa{
1370 font-family: 'BenchNine', sans-serif; 1372 font-family: 'BenchNine', sans-serif;
1371 color: rgb(25, 104, 157); 1373 color: rgb(25, 104, 157);
1372 } 1374 }
1373 */ 1375 */
1374 .phone-meetup{ 1376 .phone-meetup{
1375 margin-left: 4%; 1377 margin-left: 4%;
1376 } 1378 }
1377 .city-meetup { 1379 .city-meetup {
1378 opacity: 0.8; 1380 opacity: 0.8;
1379 filter: alpha(opacity=80); /* For IE8 and earlier */ 1381 filter: alpha(opacity=80); /* For IE8 and earlier */
1380 } 1382 }
1381 } 1383 }
pages/registration.html
Diff comments   View file @22ef652
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="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
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> 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> 15 <label class="card-sub-title"><i class="material-icons">location_on</i>
16 <span style="position: relative;top: -3px;">IIM-Bagalore</span> 16 <span style="position: relative;top: -3px;">IIM-Bagalore</span>
17 </label> 17 </label>
18 </div> 18 </div>
19 <div class="clearfix"></div> 19 <div class="clearfix"></div>
20 <label class="card-sub-title">Sept 18, 2018</label> 20 <label class="card-sub-title">Sept 18, 2018</label>
21 </div> 21 </div>
22 </label> 22 </label>
23 <div class="clearfix"></div> 23 <div class="clearfix"></div>
24 <div class="card-text2"> 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> 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> 26 </div>
27 </div> 27 </div>
28 </div> 28 </div>
29 <div class="col-md-3" style="margin-top: 2%;"> 29 <div class="col-md-3" style="margin-top: 2%;">
30 <div class="card" style="width:100%;border-radius: 6px;"> 30 <div class="card" style="width:100%;border-radius: 6px;">
31 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 31 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
32 <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%">
33 <div class="card-block"> 33 <div class="card-block">
34 <div class="pull-left"> 34 <div class="pull-left">
35 <h4 class="card-title">Chennai</h4> 35 <h4 class="card-title">Chennai</h4>
36 <label class="card-sub-title">Thrusday</label> 36 <label class="card-sub-title">Thrusday</label>
37 </div> 37 </div>
38 <div class="pull-right"> 38 <div class="pull-right">
39 <label class="card-sub-title"><i class="material-icons">location_on</i> 39 <label class="card-sub-title"><i class="material-icons">location_on</i>
40 <span style="position: relative;top: -3px;">IIT-Madras</span> 40 <span style="position: relative;top: -3px;">IIT-Madras</span>
41 </label> 41 </label>
42 </div> 42 </div>
43 <div class="clearfix"></div> 43 <div class="clearfix"></div>
44 <label class="card-sub-title">Sept 20, 2018</label> 44 <label class="card-sub-title">Sept 20, 2018</label>
45 </div> 45 </div>
46 </label> 46 </label>
47 <div class="clearfix"></div> 47 <div class="clearfix"></div>
48 <div class="card-text2"> 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> 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> 50 </div>
51 </div> 51 </div>
52 </div> 52 </div>
53 <div class="col-md-3" style="margin-top: 2%;"> 53 <div class="col-md-3" style="margin-top: 2%;">
54 <div class="card" style="width:100%;border-radius: 6px;"> 54 <div class="card" style="width:100%;border-radius: 6px;">
55 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 55 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
56 <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%">
57 <div class="card-block"> 57 <div class="card-block">
58 <div class="pull-left"> 58 <div class="pull-left">
59 <h4 class="card-title">Hyderabad</h4> 59 <h4 class="card-title">Hyderabad</h4>
60 <label class="card-sub-title">Saturday</label> 60 <label class="card-sub-title">Saturday</label>
61 </div> 61 </div>
62 <div class="pull-right"> 62 <div class="pull-right">
63 <label class="card-sub-title"><i class="material-icons">location_on</i> 63 <label class="card-sub-title"><i class="material-icons">location_on</i>
64 <span style="position: relative;top: -3px;">IIT-Hyderabad</span> 64 <span style="position: relative;top: -3px;">IIT-Hyderabad</span>
65 </label> 65 </label>
66 </div> 66 </div>
67 <div class="clearfix"></div> 67 <div class="clearfix"></div>
68 <label class="card-sub-title">Sept 22, 2018</label> 68 <label class="card-sub-title">Sept 22, 2018</label>
69 </div> 69 </div>
70 </label> 70 </label>
71 <div class="clearfix"></div> 71 <div class="clearfix"></div>
72 <div class="card-text2"> 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> 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> 74 </div>
75 </div> 75 </div>
76 </div> 76 </div>
77 <div class="col-md-3" style="margin-top: 2%;"> 77 <div class="col-md-3" style="margin-top: 2%;">
78 <div class="card" style="width:100%;border-radius: 6px;"> 78 <div class="card" style="width:100%;border-radius: 6px;">
79 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 79 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
80 <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%">
81 <div class="card-block"> 81 <div class="card-block">
82 <div class="pull-left"> 82 <div class="pull-left">
83 <h4 class="card-title">Mumbai</h4> 83 <h4 class="card-title">Mumbai</h4>
84 <label class="card-sub-title">Wednesday</label> 84 <label class="card-sub-title">Wednesday</label>
85 </div> 85 </div>
86 <div class="pull-right"> 86 <div class="pull-right">
87 <label class="card-sub-title"><i class="material-icons">location_on</i> 87 <label class="card-sub-title"><i class="material-icons">location_on</i>
88 <span style="position: relative;top: -3px;">IIT-Bombay</span> 88 <span style="position: relative;top: -3px;">IIT-Bombay</span>
89 </label> 89 </label>
90 </div> 90 </div>
91 <div class="clearfix"></div> 91 <div class="clearfix"></div>
92 <label class="card-sub-title">Sept 26, 2018</label> 92 <label class="card-sub-title">Sept 26, 2018</label>
93 </div> 93 </div>
94 </label> 94 </label>
95 <div class="clearfix"></div> 95 <div class="clearfix"></div>
96 <div class="card-text2"> 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> 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> 98 </div>
99 </div> 99 </div>
100 </div> 100 </div>
101 </div> 101 </div>
102 </div> 102 </div>
103 <div class="clearfix"></div> 103 <div class="clearfix"></div>
104 <div class="stages card-align"> 104 <div class="stages card-align">
105 <div class="row"> 105 <div class="row">
106 <div class="col-md-3" style="margin-top: 2%;"> 106 <div class="col-md-3" style="margin-top: 2%;">
107 <div class="card" style="width:100%;border-radius: 6px;"> 107 <div class="card" style="width:100%;border-radius: 6px;">
108 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 108 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
109 <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%">
110 <div class="card-block"> 110 <div class="card-block">
111 <div class="pull-left"> 111 <div class="pull-left">
112 <h4 class="card-title">Guwahati</h4> 112 <h4 class="card-title">Guwahati</h4>
113 <label class="card-sub-title">Saturday</label> 113 <label class="card-sub-title">Saturday</label>
114 </div> 114 </div>
115 <div class="pull-right"> 115 <div class="pull-right">
116 <label class="card-sub-title"><i class="material-icons">location_on</i> 116 <label class="card-sub-title"><i class="material-icons">location_on</i>
117 <span style="position: relative;top: -3px;">IIT-Guwahati</span> 117 <span style="position: relative;top: -3px;">IIT-Guwahati</span>
118 </label> 118 </label>
119 </div> 119 </div>
120 <div class="clearfix"></div> 120 <div class="clearfix"></div>
121 <label class="card-sub-title">Sept 29, 2018</label> 121 <label class="card-sub-title">Sept 29, 2018</label>
122 </div> 122 </div>
123 </label> 123 </label>
124 <div class="clearfix"></div> 124 <div class="clearfix"></div>
125 <div class="card-text2"> 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> 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> 127 </div>
128 </div> 128 </div>
129 </div> 129 </div>
130 <div class="col-md-3" style="margin-top: 2%;"> 130 <div class="col-md-3" style="margin-top: 2%;">
131 <div class="card" style="width:100%;border-radius: 6px;"> 131 <div class="card" style="width:100%;border-radius: 6px;">
132 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 132 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
133 <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%">
134 <div class="card-block"> 134 <div class="card-block">
135 <div class="pull-left"> 135 <div class="pull-left">
136 <h4 class="card-title">Kolkata</h4> 136 <h4 class="card-title">Kolkata</h4>
137 <label class="card-sub-title">Wednesday</label> 137 <label class="card-sub-title">Wednesday</label>
138 </div> 138 </div>
139 <div class="pull-right"> 139 <div class="pull-right">
140 <label class="card-sub-title"><i class="material-icons">location_on</i> 140 <label class="card-sub-title"><i class="material-icons">location_on</i>
141 <span style="position: relative;top: -3px;">IIM-Calcutta</span> 141 <span style="position: relative;top: -3px;">IIM-Calcutta</span>
142 </label> 142 </label>
143 </div> 143 </div>
144 <div class="clearfix"></div> 144 <div class="clearfix"></div>
145 <label class="card-sub-title">Oct 3, 2018</label> 145 <label class="card-sub-title">Oct 3, 2018</label>
146 </div> 146 </div>
147 </label> 147 </label>
148 <div class="clearfix"></div> 148 <div class="clearfix"></div>
149 <div class="card-text2"> 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> 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> 151 </div>
152 </div> 152 </div>
153 </div> 153 </div>
154 <div class="col-md-3" style="margin-top: 2%;"> 154 <div class="col-md-3" style="margin-top: 2%;">
155 <div class="card" style="width:100%;border-radius: 6px;"> 155 <div class="card" style="width:100%;border-radius: 6px;">
156 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 156 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
157 <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%">
158 <div class="card-block"> 158 <div class="card-block">
159 <div class="pull-left"> 159 <div class="pull-left">
160 <h4 class="card-title">Jaipur</h4> 160 <h4 class="card-title">Jaipur</h4>
161 <label class="card-sub-title">Friday</label> 161 <label class="card-sub-title">Friday</label>
162 </div> 162 </div>
163 <div class="pull-right"> 163 <div class="pull-right">
164 <label class="card-sub-title"><i class="material-icons">location_on</i> 164 <label class="card-sub-title"><i class="material-icons">location_on</i>
165 <span style="position: relative;top: -3px;">Startup Oasis</span> 165 <span style="position: relative;top: -3px;">Startup Oasis</span>
166 </label> 166 </label>
167 </div> 167 </div>
168 <div class="clearfix"></div> 168 <div class="clearfix"></div>
169 <label class="card-sub-title">Oct 5, 2018</label> 169 <label class="card-sub-title">Oct 5, 2018</label>
170 </div> 170 </div>
171 </label> 171 </label>
172 <div class="clearfix"></div> 172 <div class="clearfix"></div>
173 <div class="card-text2"> 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> 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> 175 </div>
176 </div> 176 </div>
177 </div> 177 </div>
178 <div class="col-md-3" style="margin-top: 2%;"> 178 <div class="col-md-3" style="margin-top: 2%;">
179 <div class="card" style="width:100%;border-radius: 6px;"> 179 <div class="card" style="width:100%;border-radius: 6px;">
180 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 180 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
181 <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%">
182 <div class="card-block"> 182 <div class="card-block">
183 <div class="pull-left"> 183 <div class="pull-left">
184 <h4 class="card-title">Delhi</h4> 184 <h4 class="card-title">Delhi</h4>
185 <label class="card-sub-title">Monday</label> 185 <label class="card-sub-title">Monday</label>
186 </div> 186 </div>
187 <div class="pull-right"> 187 <div class="pull-right">
188 <label class="card-sub-title"><i class="material-icons">location_on</i> 188 <label class="card-sub-title"><i class="material-icons">location_on</i>
189 <span style="position: relative;top: -3px;">IIT-Delhi</span> 189 <span style="position: relative;top: -3px;">IIT-Delhi</span>
190 </label> 190 </label>
191 </div> 191 </div>
192 <div class="clearfix"></div> 192 <div class="clearfix"></div>
193 <label class="card-sub-title">Oct 8, 2018</label> 193 <label class="card-sub-title">Oct 8, 2018</label>
194 </div> 194 </div>
195 </label> 195 </label>
196 <div class="clearfix"></div> 196 <div class="clearfix"></div>
197 <div class="card-text2"> 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> 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> 199 </div>
200 </div> 200 </div>
201 </div> 201 </div>
202 </div> 202 </div>
203 </div> 203 </div>
204 <div class="clearfix"></div> 204 <div class="clearfix"></div>
205 <div class="stages card-align"> 205 <div class="stages card-align">
206 <div class="row"> 206 <div class="row">
207 <div class="col-md-3" style="margin-top: 2%;"> 207 <div class="col-md-3" style="margin-top: 2%;">
208 <div class="card" style="width:100%;border-radius: 6px;"> 208 <div class="card" style="width:100%;border-radius: 6px;">
209 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 209 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
210 <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%">
211 <div class="card-block"> 211 <div class="card-block">
212 <div class="pull-left"> 212 <div class="pull-left">
213 <h4 class="card-title">Kanpur</h4> 213 <h4 class="card-title">Kanpur</h4>
214 <label class="card-sub-title">Wednesday</label> 214 <label class="card-sub-title">Wednesday</label>
215 </div> 215 </div>
216 <div class="pull-right"> 216 <div class="pull-right">
217 <label class="card-sub-title"><i class="material-icons">location_on</i> 217 <label class="card-sub-title"><i class="material-icons">location_on</i>
218 <span style="position: relative;top: -3px;">IIT-Kanpur</span> 218 <span style="position: relative;top: -3px;">IIT-Kanpur</span>
219 </label> 219 </label>
220 </div> 220 </div>
221 <div class="clearfix"></div> 221 <div class="clearfix"></div>
222 <label class="card-sub-title">Oct 10, 2018</label> 222 <label class="card-sub-title">Oct 10, 2018</label>
223 </div> 223 </div>
224 </label> 224 </label>
225 <div class="clearfix"></div> 225 <div class="clearfix"></div>
226 <div class="card-text2"> 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> 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> 228 </div>
229 </div> 229 </div>
230 </div> 230 </div>
231 <div class="col-md-3" style="margin-top: 2%;"> 231 <div class="col-md-3" style="margin-top: 2%;">
232 <div class="card" style="width:100%;border-radius: 6px;"> 232 <div class="card" style="width:100%;border-radius: 6px;">
233 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 233 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
234 <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%">
235 <div class="card-block"> 235 <div class="card-block">
236 <div class="pull-left"> 236 <div class="pull-left">
237 <h4 class="card-title">Ahmedabad</h4> 237 <h4 class="card-title">Ahmedabad</h4>
238 <label class="card-sub-title">Friday</label> 238 <label class="card-sub-title">Friday</label>
239 </div> 239 </div>
240 <div class="pull-right"> 240 <div class="pull-right">
241 <label class="card-sub-title"><i class="material-icons">location_on</i> 241 <label class="card-sub-title"><i class="material-icons">location_on</i>
242 <span style="position: relative;top: -3px;">IIM-Ahmedabad</span> 242 <span style="position: relative;top: -3px;">IIM-Ahmedabad</span>
243 </label> 243 </label>
244 </div> 244 </div>
245 <div class="clearfix"></div> 245 <div class="clearfix"></div>
246 <label class="card-sub-title">Oct 12, 2018</label> 246 <label class="card-sub-title">Oct 12, 2018</label>
247 </div> 247 </div>
248 </label> 248 </label>
249 <div class="clearfix"></div> 249 <div class="clearfix"></div>
250 <div class="card-text2"> 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> 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> 252 </div>
253 </div> 253 </div>
254 </div> 254 </div>
255 <div class="col-md-3" style="margin-top: 2%;"> 255 <div class="col-md-3" style="margin-top: 2%;">
256 <div class="card" style="width:100%;border-radius: 6px;"> 256 <div class="card" style="width:100%;border-radius: 6px;">
257 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> 257 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
258 <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%">
259 <div class="card-block"> 259 <div class="card-block">
260 <div class="pull-left"> 260 <div class="pull-left">
261 <h4 class="card-title">Indore</h4> 261 <h4 class="card-title">Indore</h4>
262 <label class="card-sub-title">Monday</label> 262 <label class="card-sub-title">Monday</label>
263 </div> 263 </div>
264 <div class="pull-right"> 264 <div class="pull-right">
265 <label class="card-sub-title"><i class="material-icons">location_on</i> 265 <label class="card-sub-title"><i class="material-icons">location_on</i>
266 <span style="position: relative;top: -3px;">IIM-Indore</span> 266 <span style="position: relative;top: -3px;">IIM-Indore</span>
267 </label> 267 </label>
268 </div> 268 </div>
269 <div class="clearfix"></div> 269 <div class="clearfix"></div>
270 <label class="card-sub-title">Oct 15, 2018</label> 270 <label class="card-sub-title">Oct 15, 2018</label>
271 </div> 271 </div>
272 </label> 272 </label>
273 <div class="clearfix"></div> 273 <div class="clearfix"></div>
274 <div class="card-text2"> 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> 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> 276 </div>
277 </div> 277 </div>
278 </div> 278 </div>
279 <div class="col-md-3" style="margin-top: 2%;"> 279 <div class="col-md-3" style="margin-top: 2%;">
280 <div class="card" style="width:100%;border-radius: 6px;"> 280 <div class="card" style="width:100%;border-radius: 6px;">
281 <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 cursor">
282 <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%">
283 <div class="card-block"> 283 <div class="card-block">
284 <div class="pull-left"> 284 <div class="pull-left">
285 <h4 class="card-title">Roorkee</h4> 285 <h4 class="card-title">Roorkee</h4>
286 <label class="card-sub-title">Wednesday</label> 286 <label class="card-sub-title">Wednesday</label>
287 </div> 287 </div>
288 <div class="pull-right"> 288 <div class="pull-right">
289 <label class="card-sub-title"><i class="material-icons">location_on</i> 289 <label class="card-sub-title"><i class="material-icons">location_on</i>
290 <span style="position: relative;top: -3px;">IIT-Roorkee</span> 290 <span style="position: relative;top: -3px;">IIT-Roorkee</span>
291 </label> 291 </label>
292 </div> 292 </div>
293 <div class="clearfix"></div> 293 <div class="clearfix"></div>
294 <label class="card-sub-title">Oct 17, 2018</label> 294 <label class="card-sub-title">Oct 17, 2018</label>
295 </div> 295 </div>
296 </label> 296 </label>
297 <div class="clearfix"></div> 297 <div class="clearfix"></div>
298 <div class="card-text2"> 298 <div class="card-text2">
299 <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> 299 <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>
300 </div> 300 </div>
301 </div> 301 </div>
302 </div> 302 </div>
303 </div> 303 </div>
304 </div> 304 </div>
305 <div class="clearfix"></div> 305 <div class="clearfix"></div>
306 </div> 306 </div>
307 </div> 307 </div>
308 <div class="clearfix"></div> 308 <div class="clearfix"></div>
309 <footer style="margin-top: 5%;"> 309 <footer style="margin-top: 5%;">
310 <img id="footer" class="img-responsive banner"> 310 <img id="footer" class="img-responsive banner">
311 <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technologies.</a> </center> 311 <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technologies.</a> </center>
312 </footer> 312 </footer>
313 313
314 314
315 315