Landing and inner pges Changes with css
This commit is contained in:
@ -1,37 +1,52 @@
|
||||
<!-- Matrix Section -->
|
||||
<section class="wpo-funfact-section section-padding">
|
||||
<div class="container">
|
||||
<section class=" wpo-funfact-section wpo-funfact-section-s2 section-padding">
|
||||
<div class="container">
|
||||
|
||||
<!--Image title-->
|
||||
<div class="titel-image">
|
||||
<h1>Logistisc</h1>
|
||||
<h3>Manufacturing software that goes beyondthe benchmark</h3>
|
||||
<h1 class="fact">DID You Know?</h1>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-6 col-12">
|
||||
<div class="item">
|
||||
<h2><span class="odometer" data-count="100"></span>+</h2>
|
||||
<h3>Cities we have connected</h3>
|
||||
<!--Image title End-->
|
||||
|
||||
<div class="wraper">
|
||||
<div class="row g-0">
|
||||
<div class="col col-lg-3 col-md-6 col-12">
|
||||
<div class="item"> <i class="flaticon-warehouse"></i>
|
||||
<h2><span class="odometer odometer-auto-theme" data-count="160">
|
||||
<div class="odometer-inside"><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">4</span></span></span></span></span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">6</span></span></span></span></span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">0</span></span></span></span></span></div>
|
||||
</span></h2>
|
||||
<p>Main Warehouses</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 col-12">
|
||||
<div class="item">
|
||||
<h2><span class="odometer" data-count="1"></span>.<span class="odometer"
|
||||
data-count="2"></span>m</h2>
|
||||
<h3>Deliver goods every week</h3>
|
||||
<div class="col col-lg-3 col-md-6 col-12">
|
||||
<div class="item"> <i class="flaticon-truck"></i>
|
||||
<h2><span class="odometer odometer-auto-theme" data-count="100">
|
||||
<div class="odometer-inside"><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">1</span></span></span></span></span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">0</span></span></span></span></span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">0</span></span></span></span></span></div>
|
||||
</span>%</h2>
|
||||
<p>Supply Engineers</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 col-12">
|
||||
<div class="item">
|
||||
<h2><span class="odometer" data-count="10"></span>types</h2>
|
||||
<h3>Delivery transit system</h3>
|
||||
<div class="col col-lg-3 col-md-6 col-12">
|
||||
<div class="item"> <i class="flaticon-globe"></i>
|
||||
<h2><span class="odometer odometer-auto-theme" data-count="150">
|
||||
<div class="odometer-inside"><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">3</span></span></span></span></span></div>
|
||||
</span>+</h2>
|
||||
<p>University Covered</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 col-12">
|
||||
<div class="item">
|
||||
<h2><span class="odometer" data-count="95"></span>%</h2>
|
||||
<h3>Clients Positive review</h3>
|
||||
<div class="col col-lg-3 col-md-6 col-12">
|
||||
<div class="item"> <i class="flaticon-order"></i>
|
||||
<h2><span class="odometer odometer-auto-theme" data-count="30">
|
||||
<div class="odometer-inside"><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">3</span></span></span></span></span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">0</span></span></span></span></span></div>
|
||||
</span>+</h2>
|
||||
<p>Total Services</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="left-shape"> <img src="assets/images/left-shape-fun.svg" alt=""> </div>
|
||||
<div class="right-shape"> <img src="assets/images/right-shape-fun.svg" alt=""> </div>
|
||||
</section>
|
||||
<!-- Matrix Section End -->
|
||||
<!-- Matrix Section End -->
|
||||
|
||||
|
Reference in New Issue
Block a user