Skip to content

Commit b8e830b

Browse files
pradeepgangwartheskumar
pradeepgangwar
authored and
theskumar
committed
Fixed mobile view of Statistics (#30)
1 parent 047bfb2 commit b8e830b

4 files changed

Lines changed: 144 additions & 2 deletions

File tree

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
venv/

‎css/main.css‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1436,6 +1436,35 @@ li.tg-rss a{background:#ff6600;}
14361436
padding:100px 0;
14371437
position:relative;
14381438
}
1439+
.tg-counterholder1{
1440+
width:100%;
1441+
padding:20px 0;
1442+
position:relative;
1443+
}
1444+
.tg-counterholder1:nth-child(even):before{
1445+
top:0;
1446+
left:0;
1447+
content:'';
1448+
width:100%;
1449+
height:100%;
1450+
position:absolute;
1451+
background:
1452+
-moz-linear-gradient(top,
1453+
rgba(0,0,0,0.1) 0%,
1454+
rgba(0,0,0,0.1) 1%,
1455+
rgba(0,0,0,0.1) 100%);
1456+
background:
1457+
-webkit-linear-gradient(top,
1458+
rgba(0,0,0,0.1) 0%,
1459+
rgba(0,0,0,0.1) 1%,
1460+
rgba(0,0,0,0.1) 100%);
1461+
background:
1462+
linear-gradient(to bottom,
1463+
rgba(0,0,0,0.1) 0%,
1464+
rgba(0,0,0,0.1) 1%,
1465+
rgba(0,0,0,0.1) 100%);
1466+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );
1467+
}
14391468
.tg-counterholder:nth-child(even):before{
14401469
top:0;
14411470
left:0;

‎index.html‎

Lines changed: 57 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -180,7 +180,7 @@ <h3>4th-5th Nov, Conference Days</h3>
180180
<!--************************************
181181
Statistics Start
182182
*************************************-->
183-
<section class="tg-haslayout tg-bgparallax tg-bgcounter">
183+
<section class="tg-haslayout tg-bgparallax tg-bgcounter hidden-sm hidden-xs">
184184
<div class="container">
185185
<div class="row">
186186
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
@@ -218,6 +218,62 @@ <h3>Talks</h3>
218218
</div>
219219
</div>
220220
</section>
221+
222+
223+
<!-- For mobile-->
224+
<section class="tg-haslayout tg-bgparallax tg-bgcounter hidden-md hidden-lg">
225+
<div class="container">
226+
<div class="row">
227+
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
228+
<div id="tg-statisticscounters" class="tg-statisticscounters">
229+
<div class="tg-counterholder1">
230+
<div class="tg-counter">
231+
<h2><span data-from="1" data-to="25" data-speed="2000" data-refresh-interval="50">25</span></h2>
232+
<h3>Speakers</h3>
233+
<span class="tg-statisticicon"><i class="fa fa-users" aria-hidden="true"></i></span>
234+
<hr style="color: white;">
235+
</div>
236+
</div>
237+
</div>
238+
</div>
239+
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
240+
<div id="tg-statisticscounters" class="tg-statisticscounters">
241+
<div class="tg-counterholder1">
242+
<div class="tg-counter">
243+
<h2><span data-from="0" data-to="04" data-speed="2000" data-refresh-interval="50">04</span></h2>
244+
<h3>Days Event</h3>
245+
<span class="tg-statisticicon"><i class="fa fa-calendar-check-o" aria-hidden="true"></i></span>
246+
<hr style="color: white;">
247+
</div>
248+
</div>
249+
</div>
250+
</div>
251+
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
252+
<div id="tg-statisticscounters" class="tg-statisticscounters">
253+
<div class="tg-counterholder1">
254+
<div class="tg-counter">
255+
<h2><span data-from="0" data-to="09" data-speed="2000" data-refresh-interval="50">09</span></h2>
256+
<h3>Workshops</h3>
257+
<span class="tg-statisticicon"><i class="fa fa-cogs" aria-hidden="true"></i></span>
258+
<hr style="color: white;">
259+
</div>
260+
</div>
261+
</div>
262+
</div>
263+
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
264+
<div id="tg-statisticscounters" class="tg-statisticscounters">
265+
<div class="tg-counterholder1">
266+
<div class="tg-counter">
267+
<h2><span data-from="0" data-to="15" data-speed="2000" data-refresh-interval="50">15</span></h2>
268+
<h3>Talks</h3>
269+
<span class="tg-statisticicon"><i class="fa fa-microphone" aria-hidden="true"></i></span>
270+
</div>
271+
</div>
272+
</div>
273+
</div>
274+
</div>
275+
</div>
276+
</section>
221277
<!--************************************
222278
Statistics End
223279
*************************************-->

‎templates/sections/_statistics.html‎

Lines changed: 57 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!--************************************
22
Statistics Start
33
*************************************-->
4-
<section class="tg-haslayout tg-bgparallax tg-bgcounter">
4+
<section class="tg-haslayout tg-bgparallax tg-bgcounter hidden-sm hidden-xs">
55
<div class="container">
66
<div class="row">
77
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
@@ -39,6 +39,62 @@ <h3>Talks</h3>
3939
</div>
4040
</div>
4141
</section>
42+
43+
44+
<!-- For mobile-->
45+
<section class="tg-haslayout tg-bgparallax tg-bgcounter hidden-md hidden-lg">
46+
<div class="container">
47+
<div class="row">
48+
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
49+
<div id="tg-statisticscounters" class="tg-statisticscounters">
50+
<div class="tg-counterholder1">
51+
<div class="tg-counter">
52+
<h2><span data-from="1" data-to="25" data-speed="2000" data-refresh-interval="50">25</span></h2>
53+
<h3>Speakers</h3>
54+
<span class="tg-statisticicon"><i class="fa fa-users" aria-hidden="true"></i></span>
55+
<hr style="color: white;">
56+
</div>
57+
</div>
58+
</div>
59+
</div>
60+
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
61+
<div id="tg-statisticscounters" class="tg-statisticscounters">
62+
<div class="tg-counterholder1">
63+
<div class="tg-counter">
64+
<h2><span data-from="0" data-to="04" data-speed="2000" data-refresh-interval="50">04</span></h2>
65+
<h3>Days Event</h3>
66+
<span class="tg-statisticicon"><i class="fa fa-calendar-check-o" aria-hidden="true"></i></span>
67+
<hr style="color: white;">
68+
</div>
69+
</div>
70+
</div>
71+
</div>
72+
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
73+
<div id="tg-statisticscounters" class="tg-statisticscounters">
74+
<div class="tg-counterholder1">
75+
<div class="tg-counter">
76+
<h2><span data-from="0" data-to="09" data-speed="2000" data-refresh-interval="50">09</span></h2>
77+
<h3>Workshops</h3>
78+
<span class="tg-statisticicon"><i class="fa fa-cogs" aria-hidden="true"></i></span>
79+
<hr style="color: white;">
80+
</div>
81+
</div>
82+
</div>
83+
</div>
84+
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
85+
<div id="tg-statisticscounters" class="tg-statisticscounters">
86+
<div class="tg-counterholder1">
87+
<div class="tg-counter">
88+
<h2><span data-from="0" data-to="15" data-speed="2000" data-refresh-interval="50">15</span></h2>
89+
<h3>Talks</h3>
90+
<span class="tg-statisticicon"><i class="fa fa-microphone" aria-hidden="true"></i></span>
91+
</div>
92+
</div>
93+
</div>
94+
</div>
95+
</div>
96+
</div>
97+
</section>
4298
<!--************************************
4399
Statistics End
44100
*************************************-->

0 commit comments

Comments
 (0)