Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code »

Commit 944cbb8ea3e2c9c3e11482b995f393cc82568247

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

design changes

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