Commit e9503b4d734c1a5077c939eee6d3bd609ad161af
1 parent
42e5ea7e70
Exists in
master
and in
1 other branch
minor change mobile view
Showing
2 changed files
with
25 additions
and
15 deletions
Show diff stats
css/custom.css
... | ... | @@ -1370,6 +1370,7 @@ table { |
1370 | 1370 | @media (max-width:767px){h1{font-size:2.8rem;} |
1371 | 1371 | .phone-meetup{ |
1372 | 1372 | margin-left: 4%; |
1373 | + | |
1373 | 1374 | } |
1374 | 1375 | .city-meetup { |
1375 | 1376 | opacity: 0.8; |
... | ... | @@ -1379,8 +1380,17 @@ table { |
1379 | 1380 | background-image: url(/images/mock_up_background.jpg); |
1380 | 1381 | background-repeat: no-repeat; |
1381 | 1382 | /*background-size: cover;*/ |
1382 | - background-attachment: scroll; | |
1383 | - background-size: 400% auto; | |
1383 | + background-attachment: fixed; | |
1384 | + /*background-size: 400% auto;*/ | |
1384 | 1385 | -webkit-background-size:400% auto; |
1385 | 1386 | } |
1387 | + | |
1388 | + | |
1389 | +} | |
1390 | + | |
1391 | +@media screen and (max-device-width: 991px) and (orientation: landscape){ | |
1392 | + .rotate-card{ | |
1393 | + width: 100%; | |
1394 | + } | |
1395 | + | |
1386 | 1396 | } |
1387 | 1397 | \ No newline at end of file | ... | ... |
pages/registration.html
... | ... | @@ -4,7 +4,7 @@ |
4 | 4 | <div class="row"> |
5 | 5 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
6 | 6 | <div class="card" style="width:100%;border-radius: 6px;"> |
7 | - <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> | |
7 | + <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | |
8 | 8 | <img class="card-img-top" src="images/bangeluru.png" style="width:100%"> |
9 | 9 | <div class="card-block"> |
10 | 10 | <div class="pull-left"> |
... | ... | @@ -28,12 +28,12 @@ |
28 | 28 | </div> |
29 | 29 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
30 | 30 | <div class="card" style="width:100%;border-radius: 6px;"> |
31 | - <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> | |
31 | + <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | |
32 | 32 | <img class="card-img-top" src="images/chennai.png" style="width:100%"> |
33 | 33 | <div class="card-block"> |
34 | 34 | <div class="pull-left"> |
35 | 35 | <h4 class="card-title">Chennai</h4> |
36 | - <label class="card-sub-title">Thrusday</label> | |
36 | + <label class="card-sub-title">Thursday</label> | |
37 | 37 | </div> |
38 | 38 | <div class="pull-right"> |
39 | 39 | <label class="card-sub-title"><i class="material-icons">location_on</i> |
... | ... | @@ -52,7 +52,7 @@ |
52 | 52 | </div> |
53 | 53 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
54 | 54 | <div class="card" style="width:100%;border-radius: 6px;"> |
55 | - <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> | |
55 | + <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | |
56 | 56 | <img class="card-img-top" src="images/hydrabad.png" style="width:100%"> |
57 | 57 | <div class="card-block"> |
58 | 58 | <div class="pull-left"> |
... | ... | @@ -76,7 +76,7 @@ |
76 | 76 | </div> |
77 | 77 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
78 | 78 | <div class="card" style="width:100%;border-radius: 6px;"> |
79 | - <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> | |
79 | + <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | |
80 | 80 | <img class="card-img-top" src="images/mumbai.png" style="width:100%"> |
81 | 81 | <div class="card-block"> |
82 | 82 | <div class="pull-left"> |
... | ... | @@ -105,7 +105,7 @@ |
105 | 105 | <div class="row"> |
106 | 106 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
107 | 107 | <div class="card" style="width:100%;border-radius: 6px;"> |
108 | - <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> | |
108 | + <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | |
109 | 109 | <img class="card-img-top" src="images/guwahati.png" style="width:100%"> |
110 | 110 | <div class="card-block"> |
111 | 111 | <div class="pull-left"> |
... | ... | @@ -129,7 +129,7 @@ |
129 | 129 | </div> |
130 | 130 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
131 | 131 | <div class="card" style="width:100%;border-radius: 6px;"> |
132 | - <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> | |
132 | + <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | |
133 | 133 | <img class="card-img-top" src="images/kolkata.png" style="width:100%"> |
134 | 134 | <div class="card-block"> |
135 | 135 | <div class="pull-left"> |
... | ... | @@ -153,7 +153,7 @@ |
153 | 153 | </div> |
154 | 154 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
155 | 155 | <div class="card" style="width:100%;border-radius: 6px;"> |
156 | - <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> | |
156 | + <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | |
157 | 157 | <img class="card-img-top" src="images/jaipur.png" style="width:100%"> |
158 | 158 | <div class="card-block"> |
159 | 159 | <div class="pull-left"> |
... | ... | @@ -177,7 +177,7 @@ |
177 | 177 | </div> |
178 | 178 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
179 | 179 | <div class="card" style="width:100%;border-radius: 6px;"> |
180 | - <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> | |
180 | + <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | |
181 | 181 | <img class="card-img-top" src="images/delhi.png" style="width:100%"> |
182 | 182 | <div class="card-block"> |
183 | 183 | <div class="pull-left"> |
... | ... | @@ -206,7 +206,7 @@ |
206 | 206 | <div class="row"> |
207 | 207 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
208 | 208 | <div class="card" style="width:100%;border-radius: 6px;"> |
209 | - <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> | |
209 | + <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | |
210 | 210 | <img class="card-img-top" src="images/kanpur.png" style="width:100%"> |
211 | 211 | <div class="card-block"> |
212 | 212 | <div class="pull-left"> |
... | ... | @@ -230,7 +230,7 @@ |
230 | 230 | </div> |
231 | 231 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
232 | 232 | <div class="card" style="width:100%;border-radius: 6px;"> |
233 | - <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> | |
233 | + <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | |
234 | 234 | <img class="card-img-top" src="images/ahmedabad.png" style="width:100%"> |
235 | 235 | <div class="card-block"> |
236 | 236 | <div class="pull-left"> |
... | ... | @@ -254,7 +254,7 @@ |
254 | 254 | </div> |
255 | 255 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
256 | 256 | <div class="card" style="width:100%;border-radius: 6px;"> |
257 | - <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> | |
257 | + <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | |
258 | 258 | <img class="card-img-top" src="images/indore.png" style="width:100%"> |
259 | 259 | <div class="card-block"> |
260 | 260 | <div class="pull-left"> |
... | ... | @@ -278,7 +278,7 @@ |
278 | 278 | </div> |
279 | 279 | <div class="col-md-3 col-sm-6" style="margin-top: 2%;"> |
280 | 280 | <div class="card" style="width:100%;border-radius: 6px;"> |
281 | - <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor"> | |
281 | + <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> | |
282 | 282 | <img class="card-img-top" src="images/roorkee.png" style="width:100%"> |
283 | 283 | <div class="card-block"> |
284 | 284 | <div class="pull-left"> | ... | ... |