Commit e9503b4d734c1a5077c939eee6d3bd609ad161af

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

minor change mobile view

Showing 2 changed files with 25 additions and 15 deletions   Show diff stats
... ... @@ -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">
... ...