Landing and inner pges Changes with css

This commit is contained in:
sujan
2024-08-30 13:11:20 +05:45
parent c2b342b694
commit 8e9ebda3b8
44 changed files with 523 additions and 1067 deletions

View File

@ -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 -->