Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code »

Commit b4a7969ac92312f8b2c277102124a6060d8066ba

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

minor change

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