Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code »

Commit b8b391201276731cd8c34c0d07e070a9a8717709

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

font change

Showing 2 changed files with 22 additions and 21 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 position:relative; 1117 position:relative;
1118 z-index:2; 1118 z-index:2;
1119 } 1119 }
1120 1120
1121 } 1121 }
1122 1122
1123 1123
1124 1124
1125 .card-input { 1125 .card-input {
1126 display: none; 1126 display: none;
1127 } 1127 }
1128 1128
1129 .card { 1129 .card {
1130 font-size: 1em; 1130 font-size: 1em;
1131 overflow: hidden; 1131 overflow: hidden;
1132 padding: 0; 1132 padding: 0;
1133 border: none; 1133 border: none;
1134 /*border-radius: .28571429rem;*/ 1134 /*border-radius: .28571429rem;*/
1135 box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; 1135 box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
1136 } 1136 }
1137 1137
1138 .card-block { 1138 .card-block {
1139 font-size: 1em; 1139 font-size: 1em;
1140 position: relative; 1140 position: relative;
1141 margin: 0; 1141 margin: 0;
1142 padding: 4%; 1142 padding: 4%;
1143 border: none; 1143 border: none;
1144 border-top: 1px solid rgba(34, 36, 38, .1); 1144 border-top: 1px solid rgba(34, 36, 38, .1);
1145 box-shadow: none; 1145 box-shadow: none;
1146 } 1146 }
1147 .button-position{ 1147 .button-position{
1148 position: relative; 1148 position: relative;
1149 top: -10px; 1149 top: -10px;
1150 } 1150 }
1151 .card-img-top { 1151 .card-img-top {
1152 display: block; 1152 display: block;
1153 width: 100%; 1153 width: 100%;
1154 height: auto; 1154 height: auto;
1155 } 1155 }
1156 1156
1157 .card-title { 1157 .card-title {
1158 font-size: 17px; 1158 /*font-size: 17px;*/
1159 font-weight: 600; 1159 font-weight: 600;
1160 margin: 0; 1160 margin: 0;
1161 line-height: normal; 1161 line-height: normal;
1162 font-family: 'Arial',sans-serif;
1162 } 1163 }
1163 .card-sub-title{ 1164 .card-sub-title{
1164 font-family: 'Arial',sans-serif; 1165 font-family: 'Arial',sans-serif;
1165 /*color: #666;*/ 1166 /*color: #666;*/
1166 font-weight: normal; 1167 font-weight: normal;
1167 margin-bottom: 0; 1168 margin-bottom: 0;
1168 } 1169 }
1169 .button-aligment{ 1170 .button-aligment{
1170 margin-top: 5px; 1171 margin-top: 5px;
1171 margin-right: 14px; 1172 margin-right: 14px;
1172 margin-bottom: 15px; 1173 margin-bottom: 15px;
1173 } 1174 }
1174 .card-text { 1175 .card-text {
1175 clear: both; 1176 clear: both;
1176 margin-top: .5em; 1177 margin-top: .5em;
1177 /*color: rgba(0, 0, 0, .68);*/ 1178 /*color: rgba(0, 0, 0, .68);*/
1178 padding-bottom: 3%; 1179 padding-bottom: 3%;
1179 font-size: 13px; 1180 font-size: 13px;
1180 } 1181 }
1181 1182
1182 .card-text2 { 1183 .card-text2 {
1183 padding: 3% 0 3% 4%;; 1184 padding: 3% 0 3% 4%;;
1184 border-top: 1px solid rgba(0, 0, 0, .05) !important; 1185 border-top: 1px solid rgba(0, 0, 0, .05) !important;
1185 } 1186 }
1186 .card-text2 span{ 1187 .card-text2 span{
1187 font-size: 13px; 1188 font-size: 13px;
1188 /*color: #666;*/ 1189 /*color: #666;*/
1189 } 1190 }
1190 .card-text2 div{ 1191 .card-text2 div{
1191 margin-top: 0 !important; 1192 margin-top: 0 !important;
1192 font-weight: normal; 1193 font-weight: normal;
1193 /*color: #000;*/ 1194 /*color: #000;*/
1194 font-size: 12px; 1195 font-size: 12px;
1195 padding-bottom: 0; 1196 padding-bottom: 0;
1196 } 1197 }
1197 1198
1198 .card-inverse .btn { 1199 .card-inverse .btn {
1199 border: 1px solid rgba(0, 0, 0, .05); 1200 border: 1px solid rgba(0, 0, 0, .05);
1200 } 1201 }
1201 1202
1202 .card-text3 { 1203 .card-text3 {
1203 border-top: 1px solid rgba(0, 0, 0, .05) !important; 1204 border-top: 1px solid rgba(0, 0, 0, .05) !important;
1204 } 1205 }
1205 1206
1206 .container { 1207 .container {
1207 display: block; 1208 display: block;
1208 position: relative; 1209 position: relative;
1209 padding: 0; 1210 padding: 0;
1210 margin-bottom: 12px; 1211 margin-bottom: 12px;
1211 cursor: pointer; 1212 cursor: pointer;
1212 font-size: 16px; 1213 font-size: 16px;
1213 -webkit-user-select: none; 1214 -webkit-user-select: none;
1214 -moz-user-select: none; 1215 -moz-user-select: none;
1215 -ms-user-select: none; 1216 -ms-user-select: none;
1216 user-select: none; 1217 user-select: none;
1217 width:100%; 1218 width:100%;
1218 } 1219 }
1219 1220
1220 .container1 { 1221 .container1 {
1221 display: block; 1222 display: block;
1222 position: relative; 1223 position: relative;
1223 padding-left: 31px; 1224 padding-left: 31px;
1224 margin-bottom: 12px; 1225 margin-bottom: 12px;
1225 cursor: pointer; 1226 cursor: pointer;
1226 font-size: 15px; 1227 font-size: 15px;
1227 -webkit-user-select: none; 1228 -webkit-user-select: none;
1228 -moz-user-select: none; 1229 -moz-user-select: none;
1229 -ms-user-select: none; 1230 -ms-user-select: none;
1230 user-select: none; 1231 user-select: none;
1231 width:100%; 1232 width:100%;
1232 } 1233 }
1233 1234
1234 /* Hide the browser's default radio button */ 1235 /* Hide the browser's default radio button */
1235 .container input { 1236 .container input {
1236 position: absolute; 1237 position: absolute;
1237 opacity: 0; 1238 opacity: 0;
1238 } 1239 }
1239 1240
1240 /* Create a custom radio button */ 1241 /* Create a custom radio button */
1241 .checkmark { 1242 .checkmark {
1242 position: absolute; 1243 position: absolute;
1243 top: 0; 1244 top: 0;
1244 left: 0; 1245 left: 0;
1245 height: 25px; 1246 height: 25px;
1246 width: 25px; 1247 width: 25px;
1247 background-color: #eee; 1248 background-color: #eee;
1248 border-radius: 50%; 1249 border-radius: 50%;
1249 } 1250 }
1250 1251
1251 /* On mouse-over, add a grey background color */ 1252 /* On mouse-over, add a grey background color */
1252 .container:hover input ~ .checkmark { 1253 .container:hover input ~ .checkmark {
1253 background-color: #ccc; 1254 background-color: #ccc;
1254 } 1255 }
1255 1256
1256 /* When the radio button is checked, add a blue background */ 1257 /* When the radio button is checked, add a blue background */
1257 .container input:checked ~ .checkmark { 1258 .container input:checked ~ .checkmark {
1258 background-color: #42b549; 1259 background-color: #42b549;
1259 } 1260 }
1260 1261
1261 /* Create the indicator (the dot/circle - hidden when not checked) */ 1262 /* Create the indicator (the dot/circle - hidden when not checked) */
1262 .checkmark:after { 1263 .checkmark:after {
1263 content: ""; 1264 content: "";
1264 position: absolute; 1265 position: absolute;
1265 display: none; 1266 display: none;
1266 } 1267 }
1267 1268
1268 /* Show the indicator (dot/circle) when checked */ 1269 /* Show the indicator (dot/circle) when checked */
1269 .container input:checked ~ .checkmark:after { 1270 .container input:checked ~ .checkmark:after {
1270 display: block; 1271 display: block;
1271 } 1272 }
1272 1273
1273 /* Style the indicator (dot/circle) */ 1274 /* Style the indicator (dot/circle) */
1274 .container .checkmark:after { 1275 .container .checkmark:after {
1275 top: 9px; 1276 top: 9px;
1276 left: 9px; 1277 left: 9px;
1277 width: 8px; 1278 width: 8px;
1278 height: 8px; 1279 height: 8px;
1279 border-radius: 50%; 1280 border-radius: 50%;
1280 background: white; 1281 background: white;
1281 } 1282 }
1282 1283
1283 table { 1284 table {
1284 /*font-family: arial, sans-serif; 1285 /*font-family: arial, sans-serif;
1285 border-collapse: collapse;*/ 1286 border-collapse: collapse;*/
1286 width: 60%; 1287 width: 60%;
1287 } 1288 }
1288 .city-meetup { 1289 .city-meetup {
1289 opacity: 0.7; 1290 opacity: 0.7;
1290 filter: alpha(opacity=80); /* For IE8 and earlier */ 1291 filter: alpha(opacity=80); /* For IE8 and earlier */
1291 } 1292 }
1292 1293
1293 1294
1294 .card-color{ 1295 .card-color{
1295 background-color:white; 1296 background-color:white;
1296 font-size: 16px; 1297 font-size: 16px;
1297 } 1298 }
1298 1299
1299 .startup-jalsa{ 1300 .startup-jalsa{
1300 font-family: 'BenchNine', sans-serif; 1301 font-family: 'BenchNine', sans-serif;
1301 font-size: 70.15pt; 1302 font-size: 70.15pt;
1302 color: rgb(25, 104, 157); 1303 color: rgb(25, 104, 157);
1303 position:relative; 1304 position:relative;
1304 z-index:2; 1305 z-index:2;
1305 } 1306 }
1306 .header{ 1307 .header{
1307 /*width: 100%;*/ 1308 /*width: 100%;*/
1308 text-align: center; 1309 text-align: center;
1309 padding-top:2%; 1310 padding-top:2%;
1310 /*padding: 4px 20px;*/ 1311 /*padding: 4px 20px;*/
1311 } 1312 }
1312 .happen-city{ 1313 .happen-city{
1313 padding-top:12%; 1314 padding-top:12%;
1314 } 1315 }
1315 .happen-meetup{ 1316 .happen-meetup{
1316 font-family: 'Arial',sans-serif; 1317 font-family: 'Arial',sans-serif;
1317 margin-bottom: 10px; 1318 margin-bottom: 10px;
1318 margin-left: 5%; 1319 margin-left: 5%;
1319 } 1320 }
1320 .happen-attend{ 1321 .happen-attend{
1321 margin-top:6%; 1322 margin-top:6%;
1322 } 1323 }
1323 .width-auto{ 1324 .width-auto{
1324 width:auto; 1325 width:auto;
1325 } 1326 }
1326 /*.card-position{ 1327 /*.card-position{
1327 position: relative; 1328 position: relative;
1328 top: -3px; 1329 top: -3px;
1329 }*/ 1330 }*/
1330 1331
1331 .active, .btn:hover, .btn:onclick { 1332 .active, .btn:hover, .btn:onclick {
1332 background-color: grey; 1333 background-color: grey;
1333 border: grey; 1334 border: grey;
1334 color: white; 1335 color: white;
1335 } 1336 }
1336 .apply-act:hover, .apply-act:focus{ 1337 .apply-act:hover, .apply-act:focus{
1337 background-color: grey; 1338 background-color: grey;
1338 border: grey; 1339 border: grey;
1339 color: white; 1340 color: white;
1340 } 1341 }
1341 .apply-btn{ 1342 .apply-btn{
1342 text-align: center; 1343 text-align: center;
1343 margin-bottom: 2%; 1344 margin-bottom: 2%;
1344 } 1345 }
1345 1346
1346 .cursor:hover{ 1347 .cursor:hover{
1347 cursor: context-menu; 1348 cursor: context-menu;
1348 } 1349 }
1349 1350
1350 .bg_dots{ 1351 .bg_dots{
1351 position: absolute; 1352 position: absolute;
1352 left:0; 1353 left:0;
1353 right:0; 1354 right:0;
1354 top:0; 1355 top:0;
1355 height: 700px; 1356 height: 700px;
1356 position:fixed; 1357 position:fixed;
1357 background-position: top center; 1358 background-position: top center;
1358 background-image: url(/images/mock_up_background.jpg); 1359 background-image: url(/images/mock_up_background.jpg);
1359 background-repeat: no-repeat; 1360 background-repeat: no-repeat;
1360 background-size: 100% auto; 1361 background-size: 100% auto;
1361 -webkit-background-size:100% auto; 1362 -webkit-background-size:100% auto;
1362 } 1363 }
1363 .stage-shadow{ 1364 .stage-shadow{
1364 background:transparent; 1365 background:transparent;
1365 } 1366 }
1366 1367
1367 1368
1368 1369
1369 1370
1370 1371
1371 1372
1372 1373
1373 1374
1374 1375
1375 1376
1376 1377
1377 1378
1378 1379
1379 1380
1380 1381
1381 1382
1382 1383
1383 1384
1384 1385
1385 1386
1386 1387
1387 1388
1388 1389
1389 @media (max-width:767px){ 1390 @media (max-width:767px){
1390 h1{ 1391 h1{
1391 font-size:2.8rem; 1392 font-size:2.8rem;
1392 } 1393 }
1393 .phone-meetup{ 1394 .phone-meetup{
1394 margin-left: 4%; 1395 margin-left: 4%;
1395 1396
1396 } 1397 }
1397 .city-meetup { 1398 .city-meetup {
1398 opacity: 0.8; 1399 opacity: 0.8;
1399 filter: alpha(opacity=80); /* For IE8 and earlier */ 1400 filter: alpha(opacity=80); /* For IE8 and earlier */
1400 } 1401 }
1401 #front { 1402 #front {
1402 /*background-image: url(/images/mock_up_background.jpg); 1403 /*background-image: url(/images/mock_up_background.jpg);
1403 background-repeat: no-repeat; 1404 background-repeat: no-repeat;
1404 background-attachment:fixed; 1405 background-attachment:fixed;
1405 background-position: top center; 1406 background-position: top center;
1406 -webkit-background-attachment: fixed; 1407 -webkit-background-attachment: fixed;
1407 background-size: 400% auto; 1408 background-size: 400% auto;
1408 -webkit-background-size:400% auto;*/ 1409 -webkit-background-size:400% auto;*/
1409 } 1410 }
1410 .bg_dots{ 1411 .bg_dots{
1411 height:80%; 1412 height:80%;
1412 background-size: 300% auto; 1413 background-size: 300% auto;
1413 -webkit-background-size:300% auto; 1414 -webkit-background-size:300% auto;
1414 position:fixed; 1415 position:fixed;
1415 top:0; 1416 top:0;
1416 } 1417 }
1417 1418
1418 } 1419 }
1419 1420
1420 @media screen and (max-device-width: 991px) and (orientation: landscape){ 1421 @media screen and (max-device-width: 991px) and (orientation: landscape){
1421 .rotate-card{ 1422 .rotate-card{
1422 width: 100%; 1423 width: 100%;
1423 } 1424 }
1424 1425
1425 } 1426 }
pages/registration.html
Diff comments   View file @b8b3912
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 rotate-card"> 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 <label class="card-title">Bangalore</label><br>
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;font-size: 17px;">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 rotate-card"> 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 <label class="card-title">Chennai</label><br>
36 <label class="card-sub-title">Thursday</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;font-size: 17px;">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 rotate-card"> 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 <label class="card-title">Hyderabad</label><br>
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;font-size: 17px;">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 rotate-card"> 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 <label class="card-title">Mumbai</label><br>
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;font-size: 17px;">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 rotate-card"> 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 <label class="card-title">Guwahati</label><br>
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;font-size: 17px;">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 rotate-card"> 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 <label class="card-title">Kolkata</label><br>
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;font-size: 17px;">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 rotate-card"> 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 <label class="card-title">Jaipur</label><br>
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;font-size: 17px;">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 rotate-card"> 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 <label class="card-title">Delhi</label><br>
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;font-size: 17px;">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 rotate-card"> 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 <label class="card-title">Kanpur</label><br>
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;font-size: 17px;">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 rotate-card"> 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 <label class="card-title">Ahmedabad</label><br>
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;font-size: 17px;">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 rotate-card"> 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 rotate-card"> 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