Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code »

Commit e9503b4d734c1a5077c939eee6d3bd609ad161af

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

minor change mobile view

Showing 2 changed files with 25 additions and 15 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: no-repeat; 482 background-repeat: no-repeat;
483 background-size: cover; 483 background-size: cover;
484 background-attachment: fixed; 484 background-attachment: fixed;
485 } 485 }
486 486
487 /* .footer { 487 /* .footer {
488 488
489 bottom: 0px; 489 bottom: 0px;
490 background-color: #76b34f !important; 490 background-color: #76b34f !important;
491 width: 100%; 491 width: 100%;
492 color:rgba(255, 255, 255, 0.77); 492 color:rgba(255, 255, 255, 0.77);
493 }*/ 493 }*/
494 494
495 /********question box*****************/ 495 /********question box*****************/
496 .question-shadow { 496 .question-shadow {
497 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 497 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
498 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 498 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
499 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 499 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
500 margin: 15px 15px 17px 14px; 500 margin: 15px 15px 17px 14px;
501 background-color: #ffffff; 501 background-color: #ffffff;
502 } 502 }
503 503
504 504
505 505
506 .question-card { 506 .question-card {
507 width: auto; 507 width: auto;
508 float: left; 508 float: left;
509 margin: 29px 22px 26px 14px; 509 margin: 29px 22px 26px 14px;
510 } 510 }
511 511
512 /*for p*/ 512 /*for p*/
513 .line-space { 513 .line-space {
514 line-height: 1.6em; 514 line-height: 1.6em;
515 font-size: 11px; 515 font-size: 11px;
516 } 516 }
517 517
518 .line-adjust { 518 .line-adjust {
519 margin-left: 0px; 519 margin-left: 0px;
520 } 520 }
521 521
522 /*badge icon css*/ 522 /*badge icon css*/
523 523
524 .material-icons{ 524 .material-icons{
525 font-size: 17px !important; 525 font-size: 17px !important;
526 } 526 }
527 527
528 .icon-circle-a { 528 .icon-circle-a {
529 background: rgba(89, 89, 89, 0.92); 529 background: rgba(89, 89, 89, 0.92);
530 border-radius: 50%; 530 border-radius: 50%;
531 width: 30px; 531 width: 30px;
532 height: 30px; 532 height: 30px;
533 position: absolute; 533 position: absolute;
534 left: 14px; 534 left: 14px;
535 margin-top: 10px; 535 margin-top: 10px;
536 color: #fff; 536 color: #fff;
537 text-align: center; 537 text-align: center;
538 } 538 }
539 539
540 .icon-circle-b { 540 .icon-circle-b {
541 background: rgba(89, 89, 89, 0.92); 541 background: rgba(89, 89, 89, 0.92);
542 border-radius: 50%; 542 border-radius: 50%;
543 width: 30px; 543 width: 30px;
544 height: 30px; 544 height: 30px;
545 position: absolute; 545 position: absolute;
546 left: 14px; 546 left: 14px;
547 margin-top: 10px; 547 margin-top: 10px;
548 color: #fff; 548 color: #fff;
549 text-align: center; 549 text-align: center;
550 } 550 }
551 551
552 .icon-circle-c { 552 .icon-circle-c {
553 background: rgba(89, 89, 89, 0.92); 553 background: rgba(89, 89, 89, 0.92);
554 border-radius: 50%; 554 border-radius: 50%;
555 width: 30px; 555 width: 30px;
556 height: 30px; 556 height: 30px;
557 position: absolute; 557 position: absolute;
558 left: 0px; 558 left: 0px;
559 margin-top: 4px; 559 margin-top: 4px;
560 color: #fff; 560 color: #fff;
561 text-align: center; 561 text-align: center;
562 } 562 }
563 563
564 .icon-circle-d { 564 .icon-circle-d {
565 background: rgba(89, 89, 89, 0.92); 565 background: rgba(89, 89, 89, 0.92);
566 border-radius: 50%; 566 border-radius: 50%;
567 width: 30px; 567 width: 30px;
568 height: 30px; 568 height: 30px;
569 position: absolute; 569 position: absolute;
570 left: 0px; 570 left: 0px;
571 margin-top: 4px; 571 margin-top: 4px;
572 color: #fff; 572 color: #fff;
573 text-align: center; 573 text-align: center;
574 } 574 }
575 575
576 .icon-circle-e { 576 .icon-circle-e {
577 background: rgba(89, 89, 89, 0.92); 577 background: rgba(89, 89, 89, 0.92);
578 border-radius: 50%; 578 border-radius: 50%;
579 width: 30px; 579 width: 30px;
580 height: 30px; 580 height: 30px;
581 position: absolute; 581 position: absolute;
582 left: 0px; 582 left: 0px;
583 margin-top: 4px; 583 margin-top: 4px;
584 color: #fff; 584 color: #fff;
585 text-align: center; 585 text-align: center;
586 } 586 }
587 587
588 .icon-circle-f { 588 .icon-circle-f {
589 background: rgba(89, 89, 89, 0.92); 589 background: rgba(89, 89, 89, 0.92);
590 border-radius: 50%; 590 border-radius: 50%;
591 width: 30px; 591 width: 30px;
592 height: 30px; 592 height: 30px;
593 position: absolute; 593 position: absolute;
594 left: 0px; 594 left: 0px;
595 margin-top: 3px; 595 margin-top: 3px;
596 color: #fff; 596 color: #fff;
597 text-align: center; 597 text-align: center;
598 } 598 }
599 599
600 .icon-circle-g { 600 .icon-circle-g {
601 background: rgba(89, 89, 89, 0.92); 601 background: rgba(89, 89, 89, 0.92);
602 border-radius: 50%; 602 border-radius: 50%;
603 width: 30px; 603 width: 30px;
604 height: 30px; 604 height: 30px;
605 position: absolute; 605 position: absolute;
606 left: 14px; 606 left: 14px;
607 margin-top: 10px; 607 margin-top: 10px;
608 color: #fff; 608 color: #fff;
609 text-align: center; 609 text-align: center;
610 } 610 }
611 611
612 .icon-circle-h { 612 .icon-circle-h {
613 background: rgba(89, 89, 89, 0.92); 613 background: rgba(89, 89, 89, 0.92);
614 border-radius: 50%; 614 border-radius: 50%;
615 width: 30px; 615 width: 30px;
616 height: 30px; 616 height: 30px;
617 position: absolute; 617 position: absolute;
618 left: 0px; 618 left: 0px;
619 margin-top: 4px; 619 margin-top: 4px;
620 color: #fff; 620 color: #fff;
621 text-align: center; 621 text-align: center;
622 } 622 }
623 623
624 .icon-circle-i { 624 .icon-circle-i {
625 background: rgba(89, 89, 89, 0.92); 625 background: rgba(89, 89, 89, 0.92);
626 border-radius: 50%; 626 border-radius: 50%;
627 width: 30px; 627 width: 30px;
628 height: 30px; 628 height: 30px;
629 position: absolute; 629 position: absolute;
630 left: 0px; 630 left: 0px;
631 margin-top: 4px; 631 margin-top: 4px;
632 color: #fff; 632 color: #fff;
633 text-align: center; 633 text-align: center;
634 } 634 }
635 635
636 .icon-circle-j { 636 .icon-circle-j {
637 background: rgba(89, 89, 89, 0.92); 637 background: rgba(89, 89, 89, 0.92);
638 border-radius: 50%; 638 border-radius: 50%;
639 width: 30px; 639 width: 30px;
640 height: 30px; 640 height: 30px;
641 position: absolute; 641 position: absolute;
642 left: 0px; 642 left: 0px;
643 margin-top: 4px; 643 margin-top: 4px;
644 color: #fff; 644 color: #fff;
645 text-align: center; 645 text-align: center;
646 } 646 }
647 647
648 .icon-circle-k { 648 .icon-circle-k {
649 background: rgba(89, 89, 89, 0.92); 649 background: rgba(89, 89, 89, 0.92);
650 border-radius: 50%; 650 border-radius: 50%;
651 width: 30px; 651 width: 30px;
652 height: 30px; 652 height: 30px;
653 position: absolute; 653 position: absolute;
654 left: 0px; 654 left: 0px;
655 margin-top: 4px; 655 margin-top: 4px;
656 color: #fff; 656 color: #fff;
657 text-align: center; 657 text-align: center;
658 } 658 }
659 659
660 .icon-circle-y { 660 .icon-circle-y {
661 background: rgba(89, 89, 89, 0.92); 661 background: rgba(89, 89, 89, 0.92);
662 border-radius: 50%; 662 border-radius: 50%;
663 width: 30px; 663 width: 30px;
664 height: 30px; 664 height: 30px;
665 position: absolute; 665 position: absolute;
666 left: 0px; 666 left: 0px;
667 margin-top: 4px; 667 margin-top: 4px;
668 color: #fff; 668 color: #fff;
669 text-align: center; 669 text-align: center;
670 } 670 }
671 671
672 .icon-circle-o { 672 .icon-circle-o {
673 background: rgba(89, 89, 89, 0.92); 673 background: rgba(89, 89, 89, 0.92);
674 border-radius: 50%; 674 border-radius: 50%;
675 width: 30px; 675 width: 30px;
676 height: 30px; 676 height: 30px;
677 position: absolute; 677 position: absolute;
678 left: 0px; 678 left: 0px;
679 margin-top: 4px; 679 margin-top: 4px;
680 color: #fff; 680 color: #fff;
681 text-align: center; 681 text-align: center;
682 } 682 }
683 683
684 .icon-circle-l { 684 .icon-circle-l {
685 background: rgba(89, 89, 89, 0.92); 685 background: rgba(89, 89, 89, 0.92);
686 border-radius: 50%; 686 border-radius: 50%;
687 width: 30px; 687 width: 30px;
688 height: 30px; 688 height: 30px;
689 position: absolute; 689 position: absolute;
690 left: 0px; 690 left: 0px;
691 margin-top: 4px; 691 margin-top: 4px;
692 color: #fff; 692 color: #fff;
693 text-align: center; 693 text-align: center;
694 } 694 }
695 695
696 .icon-circle-m { 696 .icon-circle-m {
697 background: rgba(89, 89, 89, 0.92); 697 background: rgba(89, 89, 89, 0.92);
698 border-radius: 50%; 698 border-radius: 50%;
699 width: 30px; 699 width: 30px;
700 height: 30px; 700 height: 30px;
701 position: absolute; 701 position: absolute;
702 left: 0px; 702 left: 0px;
703 margin-top: 4px; 703 margin-top: 4px;
704 color: #fff; 704 color: #fff;
705 text-align: center; 705 text-align: center;
706 } 706 }
707 707
708 .icon-circle-n { 708 .icon-circle-n {
709 background: rgba(89, 89, 89, 0.92); 709 background: rgba(89, 89, 89, 0.92);
710 border-radius: 50%; 710 border-radius: 50%;
711 width: 30px; 711 width: 30px;
712 height: 30px; 712 height: 30px;
713 position: absolute; 713 position: absolute;
714 left: 0px; 714 left: 0px;
715 margin-top: 4px; 715 margin-top: 4px;
716 color: #fff; 716 color: #fff;
717 text-align: center; 717 text-align: center;
718 } 718 }
719 719
720 .icon-circle-x { 720 .icon-circle-x {
721 background: rgba(89, 89, 89, 0.92); 721 background: rgba(89, 89, 89, 0.92);
722 border-radius: 50%; 722 border-radius: 50%;
723 width: 30px; 723 width: 30px;
724 height: 30px; 724 height: 30px;
725 position: absolute; 725 position: absolute;
726 left: 0px; 726 left: 0px;
727 margin-top: 4px; 727 margin-top: 4px;
728 color: #fff; 728 color: #fff;
729 text-align: center; 729 text-align: center;
730 } 730 }
731 731
732 .icon-circle-p { 732 .icon-circle-p {
733 background: rgba(89, 89, 89, 0.92); 733 background: rgba(89, 89, 89, 0.92);
734 border-radius: 50%; 734 border-radius: 50%;
735 width: 30px; 735 width: 30px;
736 height: 30px; 736 height: 30px;
737 position: absolute; 737 position: absolute;
738 left: 0px; 738 left: 0px;
739 margin-top: 3px; 739 margin-top: 3px;
740 color: #fff; 740 color: #fff;
741 text-align: center; 741 text-align: center;
742 } 742 }
743 743
744 .icon-circle-z { 744 .icon-circle-z {
745 background: rgba(89, 89, 89, 0.92); 745 background: rgba(89, 89, 89, 0.92);
746 border-radius: 50%; 746 border-radius: 50%;
747 width: 30px; 747 width: 30px;
748 height: 30px; 748 height: 30px;
749 position: absolute; 749 position: absolute;
750 left: 0px; 750 left: 0px;
751 margin-top: 4px; 751 margin-top: 4px;
752 color: #fff; 752 color: #fff;
753 text-align: center; 753 text-align: center;
754 } 754 }
755 755
756 .icon-circle-q { 756 .icon-circle-q {
757 background: rgba(89, 89, 89, 0.92); 757 background: rgba(89, 89, 89, 0.92);
758 border-radius: 50%; 758 border-radius: 50%;
759 width: 30px; 759 width: 30px;
760 height: 30px; 760 height: 30px;
761 position: absolute; 761 position: absolute;
762 left: 0px; 762 left: 0px;
763 margin-top: 4px; 763 margin-top: 4px;
764 color: #fff; 764 color: #fff;
765 text-align: center; 765 text-align: center;
766 } 766 }
767 767
768 .icon-circle-ab { 768 .icon-circle-ab {
769 background: rgba(89, 89, 89, 0.92); 769 background: rgba(89, 89, 89, 0.92);
770 border-radius: 50%; 770 border-radius: 50%;
771 width: 30px; 771 width: 30px;
772 height: 30px; 772 height: 30px;
773 position: absolute; 773 position: absolute;
774 left: 0px; 774 left: 0px;
775 margin-top: 3px; 775 margin-top: 3px;
776 color: #fff; 776 color: #fff;
777 text-align: center; 777 text-align: center;
778 } 778 }
779 779
780 .icon-circle-abc { 780 .icon-circle-abc {
781 background: rgba(89, 89, 89, 0.92); 781 background: rgba(89, 89, 89, 0.92);
782 border-radius: 50%; 782 border-radius: 50%;
783 width: 30px; 783 width: 30px;
784 height: 30px; 784 height: 30px;
785 position: absolute; 785 position: absolute;
786 left: 0px; 786 left: 0px;
787 margin-top: 3px; 787 margin-top: 3px;
788 color: #fff; 788 color: #fff;
789 text-align: center; 789 text-align: center;
790 } 790 }
791 791
792 .icon-circle-bc { 792 .icon-circle-bc {
793 background: rgba(89, 89, 89, 0.92); 793 background: rgba(89, 89, 89, 0.92);
794 border-radius: 50%; 794 border-radius: 50%;
795 width: 30px; 795 width: 30px;
796 height: 30px; 796 height: 30px;
797 position: absolute; 797 position: absolute;
798 left: 0px; 798 left: 0px;
799 margin-top: 3px; 799 margin-top: 3px;
800 color: #fff; 800 color: #fff;
801 text-align: center; 801 text-align: center;
802 } 802 }
803 803
804 .icon-circle-abcdefg { 804 .icon-circle-abcdefg {
805 background: rgba(89, 89, 89, 0.92); 805 background: rgba(89, 89, 89, 0.92);
806 border-radius: 50%; 806 border-radius: 50%;
807 width: 30px; 807 width: 30px;
808 height: 30px; 808 height: 30px;
809 position: absolute; 809 position: absolute;
810 left: 0px; 810 left: 0px;
811 margin-top: 3px; 811 margin-top: 3px;
812 color: #fff; 812 color: #fff;
813 text-align: center; 813 text-align: center;
814 } 814 }
815 815
816 .referel-icon { 816 .referel-icon {
817 background: rgba(89, 89, 89, 0.92); 817 background: rgba(89, 89, 89, 0.92);
818 border-radius: 50%; 818 border-radius: 50%;
819 width: 30px; 819 width: 30px;
820 height: 30px; 820 height: 30px;
821 position: absolute; 821 position: absolute;
822 left: 0px; 822 left: 0px;
823 margin-top: 3px; 823 margin-top: 3px;
824 color: #fff; 824 color: #fff;
825 text-align: center; 825 text-align: center;
826 } 826 }
827 827
828 828
829 /*quiz*/ 829 /*quiz*/
830 .q-card-align div{ 830 .q-card-align div{
831 margin-bottom: 15px; 831 margin-bottom: 15px;
832 } 832 }
833 833
834 .drop-down { 834 .drop-down {
835 background-color: #fff; 835 background-color: #fff;
836 border-radius: 0; 836 border-radius: 0;
837 font-size: 12px; 837 font-size: 12px;
838 } 838 }
839 839
840 .footer-link, .footer-link:hover { 840 .footer-link, .footer-link:hover {
841 color:#fff; 841 color:#fff;
842 } 842 }
843 /*idea content margin*/ 843 /*idea content margin*/
844 .content-idea{ 844 .content-idea{
845 margin:196px 12px 8px; 845 margin:196px 12px 8px;
846 } 846 }
847 847
848 .content-product{ 848 .content-product{
849 margin:193px -19px 9px; 849 margin:193px -19px 9px;
850 } 850 }
851 851
852 .content-growth{ 852 .content-growth{
853 margin:192px 11px 8px; 853 margin:192px 11px 8px;
854 } 854 }
855 .last-content-card{ 855 .last-content-card{
856 /*margin: 0px -85px -4px -51px;*/ 856 /*margin: 0px -85px -4px -51px;*/
857 } 857 }
858 858
859 @media (max-width: 600px) { 859 @media (max-width: 600px) {
860 .content-idea{ 860 .content-idea{
861 margin: auto; 861 margin: auto;
862 } 862 }
863 863
864 .content-product{ 864 .content-product{
865 margin: auto; 865 margin: auto;
866 } 866 }
867 867
868 .content-growth{ 868 .content-growth{
869 margin: auto; 869 margin: auto;
870 } 870 }
871 .stages-card{ 871 .stages-card{
872 margin: auto; 872 margin: auto;
873 margin-bottom: 15px; 873 margin-bottom: 15px;
874 } 874 }
875 .last-content-card{ 875 .last-content-card{
876 margin: auto; 876 margin: auto;
877 } 877 }
878 .card-align{ 878 .card-align{
879 margin: auto; 879 margin: auto;
880 } 880 }
881 881
882 } 882 }
883 883
884 .toggler { 884 .toggler {
885 width: 500px; 885 width: 500px;
886 height: 200px; 886 height: 200px;
887 } 887 }
888 #button { 888 #button {
889 padding: .5em 1em; 889 padding: .5em 1em;
890 text-decoration: none; 890 text-decoration: none;
891 } 891 }
892 #effect { 892 #effect {
893 position: relative; 893 position: relative;
894 width: 240px; 894 width: 240px;
895 height: 170px; 895 height: 170px;
896 padding: 0.4em; 896 padding: 0.4em;
897 } 897 }
898 #effect h3 { 898 #effect h3 {
899 margin: 0; 899 margin: 0;
900 padding: 0.4em; 900 padding: 0.4em;
901 text-align: center; 901 text-align: center;
902 } 902 }
903 903
904 #snackbar { 904 #snackbar {
905 visibility: hidden; 905 visibility: hidden;
906 min-width: 250px; 906 min-width: 250px;
907 margin-left: -125px; 907 margin-left: -125px;
908 background-color: #F44336; 908 background-color: #F44336;
909 color: #fff; 909 color: #fff;
910 text-align: center; 910 text-align: center;
911 border-radius: 2px; 911 border-radius: 2px;
912 padding: 16px; 912 padding: 16px;
913 position: fixed; 913 position: fixed;
914 z-index: 1; 914 z-index: 1;
915 left: 50%; 915 left: 50%;
916 bottom: 30px; 916 bottom: 30px;
917 font-size: 17px; 917 font-size: 17px;
918 } 918 }
919 919
920 #snackbar.show { 920 #snackbar.show {
921 visibility: visible; 921 visibility: visible;
922 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s; 922 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
923 animation: fadin 0.5s, fadout 0.5s 2.5s; 923 animation: fadin 0.5s, fadout 0.5s 2.5s;
924 } 924 }
925 925
926 @-webkit-keyframes fadin { 926 @-webkit-keyframes fadin {
927 from {bottom: 0; opacity: 0;} 927 from {bottom: 0; opacity: 0;}
928 to {bottom: 30px; opacity: 1;} 928 to {bottom: 30px; opacity: 1;}
929 } 929 }
930 930
931 @keyframes fadin { 931 @keyframes fadin {
932 from {bottom: 0; opacity: 0;} 932 from {bottom: 0; opacity: 0;}
933 to {bottom: 30px; opacity: 1;} 933 to {bottom: 30px; opacity: 1;}
934 } 934 }
935 935
936 @-webkit-keyframes fadout { 936 @-webkit-keyframes fadout {
937 from {bottom: 30px; opacity: 1;} 937 from {bottom: 30px; opacity: 1;}
938 to {bottom: 0; opacity: 0;} 938 to {bottom: 0; opacity: 0;}
939 } 939 }
940 940
941 @keyframes fadout { 941 @keyframes fadout {
942 from {bottom: 30px; opacity: 1;} 942 from {bottom: 30px; opacity: 1;}
943 to {bottom: 0; opacity: 0;} 943 to {bottom: 0; opacity: 0;}
944 } 944 }
945 945
946 946
947 #snacsskbar { 947 #snacsskbar {
948 visibility: hidden; 948 visibility: hidden;
949 min-width: 250px; 949 min-width: 250px;
950 margin-left: -125px; 950 margin-left: -125px;
951 background-color: #333; 951 background-color: #333;
952 color: #fff; 952 color: #fff;
953 text-align: center; 953 text-align: center;
954 border-radius: 2px; 954 border-radius: 2px;
955 padding: 16px; 955 padding: 16px;
956 position: fixed; 956 position: fixed;
957 z-index: 1; 957 z-index: 1;
958 left: 50%; 958 left: 50%;
959 top: 30px; 959 top: 30px;
960 font-size: 17px; 960 font-size: 17px;
961 } 961 }
962 962
963 #snacsskbar.show { 963 #snacsskbar.show {
964 visibility: visible; 964 visibility: visible;
965 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; 965 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
966 animation: fadein 0.5s, fadeout 0.5s 2.5s; 966 animation: fadein 0.5s, fadeout 0.5s 2.5s;
967 } 967 }
968 968
969 @-webkit-keyframes fadein { 969 @-webkit-keyframes fadein {
970 from {top: 0; opacity: 0;} 970 from {top: 0; opacity: 0;}
971 to {top: 30px; opacity: 1;} 971 to {top: 30px; opacity: 1;}
972 } 972 }
973 973
974 @keyframes fadein { 974 @keyframes fadein {
975 from {top: 0; opacity: 0;} 975 from {top: 0; opacity: 0;}
976 to {top: 30px; opacity: 1;} 976 to {top: 30px; opacity: 1;}
977 } 977 }
978 978
979 @-webkit-keyframes fadeout { 979 @-webkit-keyframes fadeout {
980 from {top: 30px; opacity: 1;} 980 from {top: 30px; opacity: 1;}
981 to {top: 0; opacity: 0;} 981 to {top: 0; opacity: 0;}
982 } 982 }
983 983
984 @keyframes fadeout { 984 @keyframes fadeout {
985 from {top: 30px; opacity: 1;} 985 from {top: 30px; opacity: 1;}
986 to {top: 0; opacity: 0;} 986 to {top: 0; opacity: 0;}
987 } 987 }
988 988
989 input.hidden { 989 input.hidden {
990 position: absolute; 990 position: absolute;
991 left: -9999px; 991 left: -9999px;
992 } 992 }
993 993
994 #profile-image1 { 994 #profile-image1 {
995 cursor: pointer; 995 cursor: pointer;
996 width: 100px; 996 width: 100px;
997 height: 100px; 997 height: 100px;
998 border:2px solid #eee ; 998 border:2px solid #eee ;
999 } 999 }
1000 1000
1001 .tital{ font-size:16px; font-weight:500;} 1001 .tital{ font-size:16px; font-weight:500;}
1002 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0} 1002 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0}
1003 .footerpadd{padding: 5px;} 1003 .footerpadd{padding: 5px;}
1004 1004
1005 1005
1006 .container1{ 1006 .container1{
1007 width: 100% 1007 width: 100%
1008 } 1008 }
1009 1009
1010 .no-margin{ 1010 .no-margin{
1011 margin: 0 0 0 !important; 1011 margin: 0 0 0 !important;
1012 } 1012 }
1013 .no-padding{ 1013 .no-padding{
1014 padding: 0 0 0 0 !important; 1014 padding: 0 0 0 0 !important;
1015 } 1015 }
1016 .select-stage{ 1016 .select-stage{
1017 margin: 10px 0; 1017 margin: 10px 0;
1018 } 1018 }
1019 .cards-content{ 1019 .cards-content{
1020 margin-top: 40px; 1020 margin-top: 40px;
1021 } 1021 }
1022 .cards-content p{ 1022 .cards-content p{
1023 font-size: 13px; 1023 font-size: 13px;
1024 } 1024 }
1025 .q-card-align{ 1025 .q-card-align{
1026 margin-top: 15px; 1026 margin-top: 15px;
1027 } 1027 }
1028 .width-auto{ 1028 .width-auto{
1029 width: auto !important; 1029 width: auto !important;
1030 } 1030 }
1031 .margin-right-label{ 1031 .margin-right-label{
1032 margin-right: 20px; 1032 margin-right: 20px;
1033 } 1033 }
1034 .margin-right-label label{ 1034 .margin-right-label label{
1035 margin-left: 5px; 1035 margin-left: 5px;
1036 } 1036 }
1037 .apply-coupen-btn{ 1037 .apply-coupen-btn{
1038 position: absolute; 1038 position: absolute;
1039 top: -2px; 1039 top: -2px;
1040 right: 13px; 1040 right: 13px;
1041 border: none; 1041 border: none;
1042 height: 44px; 1042 height: 44px;
1043 color: #fff; 1043 color: #fff;
1044 background-color: #666; 1044 background-color: #666;
1045 width: 75px; 1045 width: 75px;
1046 } 1046 }
1047 .coupen-approved{ 1047 .coupen-approved{
1048 position: absolute; 1048 position: absolute;
1049 right: 120px; 1049 right: 120px;
1050 top: 6px; 1050 top: 6px;
1051 color: rgb(66, 181, 73); 1051 color: rgb(66, 181, 73);
1052 font-size: 30px !important; 1052 font-size: 30px !important;
1053 } 1053 }
1054 .right-side-links{ 1054 .right-side-links{
1055 margin-top: 12px; 1055 margin-top: 12px;
1056 } 1056 }
1057 .right-side-links a{ 1057 .right-side-links a{
1058 width: auto; 1058 width: auto;
1059 display: inline; 1059 display: inline;
1060 } 1060 }
1061 .right-side-links a:first-child{ 1061 .right-side-links a:first-child{
1062 border-right: 1px solid #fff; 1062 border-right: 1px solid #fff;
1063 padding-right: 4px; 1063 padding-right: 4px;
1064 } 1064 }
1065 1065
1066 @media (max-width: 768px){ 1066 @media (max-width: 768px){
1067 .cards-content{ 1067 .cards-content{
1068 margin-top: 15px; 1068 margin-top: 15px;
1069 margin-bottom: 30px; 1069 margin-bottom: 30px;
1070 } 1070 }
1071 .no-padding-mobile{ 1071 .no-padding-mobile{
1072 padding-left: 0 !important; 1072 padding-left: 0 !important;
1073 padding-right: 0 !important; 1073 padding-right: 0 !important;
1074 } 1074 }
1075 .sector-align .card-small{ 1075 .sector-align .card-small{
1076 height: 74px; 1076 height: 74px;
1077 } 1077 }
1078 .stages-card{ 1078 .stages-card{
1079 width: 92%; 1079 width: 92%;
1080 } 1080 }
1081 .right-stage-card{ 1081 .right-stage-card{
1082 float: right; 1082 float: right;
1083 } 1083 }
1084 .margin-auto-mobile{ 1084 .margin-auto-mobile{
1085 margin-left: 4%; 1085 margin-left: 4%;
1086 } 1086 }
1087 .card .thumbnail{ 1087 .card .thumbnail{
1088 padding: 15px 0 1px 0; 1088 padding: 15px 0 1px 0;
1089 } 1089 }
1090 .thumbnail > img, .thumbnail a > img{ 1090 .thumbnail > img, .thumbnail a > img{
1091 width: 50%; 1091 width: 50%;
1092 } 1092 }
1093 .right-side-links a{ 1093 .right-side-links a{
1094 display: block; 1094 display: block;
1095 width: 100%; 1095 width: 100%;
1096 } 1096 }
1097 .right-side-links a:first-child{ 1097 .right-side-links a:first-child{
1098 border-right: 0 solid #fff; 1098 border-right: 0 solid #fff;
1099 padding-right: 0; 1099 padding-right: 0;
1100 } 1100 }
1101 .right-side-links{ 1101 .right-side-links{
1102 margin-top: 0; 1102 margin-top: 0;
1103 } 1103 }
1104 .panel-default{ 1104 .panel-default{
1105 border-color: transparent; 1105 border-color: transparent;
1106 box-shadow: none; 1106 box-shadow: none;
1107 } 1107 }
1108 .modal-footers { 1108 .modal-footers {
1109 padding: 19px 20px 20px; 1109 padding: 19px 20px 20px;
1110 margin-top: 15px; 1110 margin-top: 15px;
1111 text-align: center !important; 1111 text-align: center !important;
1112 margin-bottom: 4px; 1112 margin-bottom: 4px;
1113 } 1113 }
1114 .startup-jalsa{ 1114 .startup-jalsa{
1115 font-family: 'BenchNine', sans-serif; 1115 font-family: 'BenchNine', sans-serif;
1116 color: rgb(25, 104, 157); 1116 color: rgb(25, 104, 157);
1117 } 1117 }
1118 1118
1119 } 1119 }
1120 1120
1121 1121
1122 1122
1123 .card-input { 1123 .card-input {
1124 display: none; 1124 display: none;
1125 } 1125 }
1126 1126
1127 .card { 1127 .card {
1128 font-size: 1em; 1128 font-size: 1em;
1129 overflow: hidden; 1129 overflow: hidden;
1130 padding: 0; 1130 padding: 0;
1131 border: none; 1131 border: none;
1132 /*border-radius: .28571429rem;*/ 1132 /*border-radius: .28571429rem;*/
1133 box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; 1133 box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
1134 } 1134 }
1135 1135
1136 .card-block { 1136 .card-block {
1137 font-size: 1em; 1137 font-size: 1em;
1138 position: relative; 1138 position: relative;
1139 margin: 0; 1139 margin: 0;
1140 padding: 4%; 1140 padding: 4%;
1141 border: none; 1141 border: none;
1142 border-top: 1px solid rgba(34, 36, 38, .1); 1142 border-top: 1px solid rgba(34, 36, 38, .1);
1143 box-shadow: none; 1143 box-shadow: none;
1144 } 1144 }
1145 .button-position{ 1145 .button-position{
1146 position: relative; 1146 position: relative;
1147 top: -10px; 1147 top: -10px;
1148 } 1148 }
1149 .card-img-top { 1149 .card-img-top {
1150 display: block; 1150 display: block;
1151 width: 100%; 1151 width: 100%;
1152 height: auto; 1152 height: auto;
1153 } 1153 }
1154 1154
1155 .card-title { 1155 .card-title {
1156 font-size: 17px; 1156 font-size: 17px;
1157 font-weight: 600; 1157 font-weight: 600;
1158 margin: 0; 1158 margin: 0;
1159 line-height: normal; 1159 line-height: normal;
1160 } 1160 }
1161 .card-sub-title{ 1161 .card-sub-title{
1162 font-family: 'Arial',sans-serif; 1162 font-family: 'Arial',sans-serif;
1163 /*color: #666;*/ 1163 /*color: #666;*/
1164 font-weight: normal; 1164 font-weight: normal;
1165 margin-bottom: 0; 1165 margin-bottom: 0;
1166 } 1166 }
1167 .button-aligment{ 1167 .button-aligment{
1168 margin-top: 5px; 1168 margin-top: 5px;
1169 margin-right: 14px; 1169 margin-right: 14px;
1170 margin-bottom: 15px; 1170 margin-bottom: 15px;
1171 } 1171 }
1172 .card-text { 1172 .card-text {
1173 clear: both; 1173 clear: both;
1174 margin-top: .5em; 1174 margin-top: .5em;
1175 /*color: rgba(0, 0, 0, .68);*/ 1175 /*color: rgba(0, 0, 0, .68);*/
1176 padding-bottom: 3%; 1176 padding-bottom: 3%;
1177 font-size: 13px; 1177 font-size: 13px;
1178 } 1178 }
1179 1179
1180 .card-text2 { 1180 .card-text2 {
1181 padding: 3% 0 3% 4%;; 1181 padding: 3% 0 3% 4%;;
1182 border-top: 1px solid rgba(0, 0, 0, .05) !important; 1182 border-top: 1px solid rgba(0, 0, 0, .05) !important;
1183 } 1183 }
1184 .card-text2 span{ 1184 .card-text2 span{
1185 font-size: 13px; 1185 font-size: 13px;
1186 /*color: #666;*/ 1186 /*color: #666;*/
1187 } 1187 }
1188 .card-text2 div{ 1188 .card-text2 div{
1189 margin-top: 0 !important; 1189 margin-top: 0 !important;
1190 font-weight: normal; 1190 font-weight: normal;
1191 /*color: #000;*/ 1191 /*color: #000;*/
1192 font-size: 12px; 1192 font-size: 12px;
1193 padding-bottom: 0; 1193 padding-bottom: 0;
1194 } 1194 }
1195 1195
1196 .card-inverse .btn { 1196 .card-inverse .btn {
1197 border: 1px solid rgba(0, 0, 0, .05); 1197 border: 1px solid rgba(0, 0, 0, .05);
1198 } 1198 }
1199 1199
1200 .card-text3 { 1200 .card-text3 {
1201 border-top: 1px solid rgba(0, 0, 0, .05) !important; 1201 border-top: 1px solid rgba(0, 0, 0, .05) !important;
1202 } 1202 }
1203 1203
1204 .container { 1204 .container {
1205 display: block; 1205 display: block;
1206 position: relative; 1206 position: relative;
1207 padding: 0; 1207 padding: 0;
1208 margin-bottom: 12px; 1208 margin-bottom: 12px;
1209 cursor: pointer; 1209 cursor: pointer;
1210 font-size: 16px; 1210 font-size: 16px;
1211 -webkit-user-select: none; 1211 -webkit-user-select: none;
1212 -moz-user-select: none; 1212 -moz-user-select: none;
1213 -ms-user-select: none; 1213 -ms-user-select: none;
1214 user-select: none; 1214 user-select: none;
1215 width:100%; 1215 width:100%;
1216 } 1216 }
1217 1217
1218 .container1 { 1218 .container1 {
1219 display: block; 1219 display: block;
1220 position: relative; 1220 position: relative;
1221 padding-left: 31px; 1221 padding-left: 31px;
1222 margin-bottom: 12px; 1222 margin-bottom: 12px;
1223 cursor: pointer; 1223 cursor: pointer;
1224 font-size: 15px; 1224 font-size: 15px;
1225 -webkit-user-select: none; 1225 -webkit-user-select: none;
1226 -moz-user-select: none; 1226 -moz-user-select: none;
1227 -ms-user-select: none; 1227 -ms-user-select: none;
1228 user-select: none; 1228 user-select: none;
1229 width:100%; 1229 width:100%;
1230 } 1230 }
1231 1231
1232 /* Hide the browser's default radio button */ 1232 /* Hide the browser's default radio button */
1233 .container input { 1233 .container input {
1234 position: absolute; 1234 position: absolute;
1235 opacity: 0; 1235 opacity: 0;
1236 } 1236 }
1237 1237
1238 /* Create a custom radio button */ 1238 /* Create a custom radio button */
1239 .checkmark { 1239 .checkmark {
1240 position: absolute; 1240 position: absolute;
1241 top: 0; 1241 top: 0;
1242 left: 0; 1242 left: 0;
1243 height: 25px; 1243 height: 25px;
1244 width: 25px; 1244 width: 25px;
1245 background-color: #eee; 1245 background-color: #eee;
1246 border-radius: 50%; 1246 border-radius: 50%;
1247 } 1247 }
1248 1248
1249 /* On mouse-over, add a grey background color */ 1249 /* On mouse-over, add a grey background color */
1250 .container:hover input ~ .checkmark { 1250 .container:hover input ~ .checkmark {
1251 background-color: #ccc; 1251 background-color: #ccc;
1252 } 1252 }
1253 1253
1254 /* When the radio button is checked, add a blue background */ 1254 /* When the radio button is checked, add a blue background */
1255 .container input:checked ~ .checkmark { 1255 .container input:checked ~ .checkmark {
1256 background-color: #42b549; 1256 background-color: #42b549;
1257 } 1257 }
1258 1258
1259 /* Create the indicator (the dot/circle - hidden when not checked) */ 1259 /* Create the indicator (the dot/circle - hidden when not checked) */
1260 .checkmark:after { 1260 .checkmark:after {
1261 content: ""; 1261 content: "";
1262 position: absolute; 1262 position: absolute;
1263 display: none; 1263 display: none;
1264 } 1264 }
1265 1265
1266 /* Show the indicator (dot/circle) when checked */ 1266 /* Show the indicator (dot/circle) when checked */
1267 .container input:checked ~ .checkmark:after { 1267 .container input:checked ~ .checkmark:after {
1268 display: block; 1268 display: block;
1269 } 1269 }
1270 1270
1271 /* Style the indicator (dot/circle) */ 1271 /* Style the indicator (dot/circle) */
1272 .container .checkmark:after { 1272 .container .checkmark:after {
1273 top: 9px; 1273 top: 9px;
1274 left: 9px; 1274 left: 9px;
1275 width: 8px; 1275 width: 8px;
1276 height: 8px; 1276 height: 8px;
1277 border-radius: 50%; 1277 border-radius: 50%;
1278 background: white; 1278 background: white;
1279 } 1279 }
1280 1280
1281 table { 1281 table {
1282 /*font-family: arial, sans-serif; 1282 /*font-family: arial, sans-serif;
1283 border-collapse: collapse;*/ 1283 border-collapse: collapse;*/
1284 width: 60%; 1284 width: 60%;
1285 } 1285 }
1286 .city-meetup { 1286 .city-meetup {
1287 opacity: 0.7; 1287 opacity: 0.7;
1288 filter: alpha(opacity=80); /* For IE8 and earlier */ 1288 filter: alpha(opacity=80); /* For IE8 and earlier */
1289 } 1289 }
1290 1290
1291 1291
1292 .card-color{ 1292 .card-color{
1293 background-color:white; 1293 background-color:white;
1294 font-size: 16px; 1294 font-size: 16px;
1295 } 1295 }
1296 1296
1297 .startup-jalsa{ 1297 .startup-jalsa{
1298 font-family: 'BenchNine', sans-serif; 1298 font-family: 'BenchNine', sans-serif;
1299 font-size: 70.15pt; 1299 font-size: 70.15pt;
1300 color: rgb(25, 104, 157); 1300 color: rgb(25, 104, 157);
1301 } 1301 }
1302 .header{ 1302 .header{
1303 /*width: 100%;*/ 1303 /*width: 100%;*/
1304 text-align: center; 1304 text-align: center;
1305 padding-top:2%; 1305 padding-top:2%;
1306 /*padding: 4px 20px;*/ 1306 /*padding: 4px 20px;*/
1307 } 1307 }
1308 .happen-city{ 1308 .happen-city{
1309 padding-top:12%; 1309 padding-top:12%;
1310 } 1310 }
1311 .happen-meetup{ 1311 .happen-meetup{
1312 font-family: 'Arial',sans-serif; 1312 font-family: 'Arial',sans-serif;
1313 margin-bottom: 10px; 1313 margin-bottom: 10px;
1314 margin-left: 5%; 1314 margin-left: 5%;
1315 } 1315 }
1316 .happen-attend{ 1316 .happen-attend{
1317 margin-top:6%; 1317 margin-top:6%;
1318 } 1318 }
1319 .width-auto{ 1319 .width-auto{
1320 width:auto; 1320 width:auto;
1321 } 1321 }
1322 /*.card-position{ 1322 /*.card-position{
1323 position: relative; 1323 position: relative;
1324 top: -3px; 1324 top: -3px;
1325 }*/ 1325 }*/
1326 1326
1327 .active, .btn:hover, .btn:onclick { 1327 .active, .btn:hover, .btn:onclick {
1328 background-color: grey; 1328 background-color: grey;
1329 border: grey; 1329 border: grey;
1330 color: white; 1330 color: white;
1331 } 1331 }
1332 .apply-act:hover, .apply-act:focus{ 1332 .apply-act:hover, .apply-act:focus{
1333 background-color: grey; 1333 background-color: grey;
1334 border: grey; 1334 border: grey;
1335 color: white; 1335 color: white;
1336 } 1336 }
1337 .apply-btn{ 1337 .apply-btn{
1338 text-align: center; 1338 text-align: center;
1339 margin-bottom: 2%; 1339 margin-bottom: 2%;
1340 } 1340 }
1341 1341
1342 .cursor:hover{ 1342 .cursor:hover{
1343 cursor: context-menu; 1343 cursor: context-menu;
1344 } 1344 }
1345 1345
1346 1346
1347 1347
1348 1348
1349 1349
1350 1350
1351 1351
1352 1352
1353 1353
1354 1354
1355 1355
1356 1356
1357 1357
1358 1358
1359 1359
1360 1360
1361 1361
1362 1362
1363 1363
1364 1364
1365 1365
1366 1366
1367 1367
1368 1368
1369 1369
1370 @media (max-width:767px){h1{font-size:2.8rem;} 1370 @media (max-width:767px){h1{font-size:2.8rem;}
1371 .phone-meetup{ 1371 .phone-meetup{
1372 margin-left: 4%; 1372 margin-left: 4%;
1373
1373 } 1374 }
1374 .city-meetup { 1375 .city-meetup {
1375 opacity: 0.8; 1376 opacity: 0.8;
1376 filter: alpha(opacity=80); /* For IE8 and earlier */ 1377 filter: alpha(opacity=80); /* For IE8 and earlier */
1377 } 1378 }
1378 #front { 1379 #front {
1379 background-image: url(/images/mock_up_background.jpg); 1380 background-image: url(/images/mock_up_background.jpg);
1380 background-repeat: no-repeat; 1381 background-repeat: no-repeat;
1381 /*background-size: cover;*/ 1382 /*background-size: cover;*/
1382 background-attachment: scroll; 1383 background-attachment: fixed;
1383 background-size: 400% auto; 1384 /*background-size: 400% auto;*/
1384 -webkit-background-size:400% auto; 1385 -webkit-background-size:400% auto;
1385 } 1386 }
1387
1388
1389 }
1390
1391 @media screen and (max-device-width: 991px) and (orientation: landscape){
1392 .rotate-card{
1393 width: 100%;
1394 }
1395
1386 } 1396 }
pages/registration.html
Diff comments   View file @e9503b4
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 col-sm-6" style="margin-top: 2%;"> 5 <div class="col-md-3 col-sm-6" 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="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> 7 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
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-Bangalore</span> 16 <span style="position: relative;top: -3px;">IIM-Bangalore</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 col-sm-6" style="margin-top: 2%;"> 29 <div class="col-md-3 col-sm-6" 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="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> 31 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
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">Thursday</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 col-sm-6" style="margin-top: 2%;"> 53 <div class="col-md-3 col-sm-6" 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="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> 55 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
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 col-sm-6" style="margin-top: 2%;"> 77 <div class="col-md-3 col-sm-6" 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="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> 79 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
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 col-sm-6" style="margin-top: 2%;"> 106 <div class="col-md-3 col-sm-6" 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="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> 108 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
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 col-sm-6" style="margin-top: 2%;"> 130 <div class="col-md-3 col-sm-6" 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="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> 132 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
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 col-sm-6" style="margin-top: 2%;"> 154 <div class="col-md-3 col-sm-6" 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="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> 156 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
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 col-sm-6" style="margin-top: 2%;"> 178 <div class="col-md-3 col-sm-6" 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="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> 180 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
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 col-sm-6" style="margin-top: 2%;"> 207 <div class="col-md-3 col-sm-6" 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="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> 209 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
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 col-sm-6" style="margin-top: 2%;"> 231 <div class="col-md-3 col-sm-6" 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="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> 233 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
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 col-sm-6" style="margin-top: 2%;"> 255 <div class="col-md-3 col-sm-6" 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="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> 257 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
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 col-sm-6" style="margin-top: 2%;"> 279 <div class="col-md-3 col-sm-6" 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="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> 281 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
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