Landing and inner pges Changes with css
This commit is contained in:
sujan
@ -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 -->
|
||||
|
||||
|
||||
@ -4,70 +4,63 @@
|
||||
<div class="row align-items-end">
|
||||
<div class="col-lg-7 col-12">
|
||||
<div class="wpo-section-title">
|
||||
<h2>Trusted transport service</h2>
|
||||
<h3>Transport & Logistics
|
||||
Services We are the best</h3>
|
||||
<h3>How We Can Help</h3>
|
||||
<p class="paragraph-padding">We help all the students who wish to Study Abroad in the reputed Universities. We make it possible for the students who are searching for respectful academic career.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 col-12">
|
||||
<div class="service-all-btn"> <a href="services.html" class="theme-btn">All Services</a> </div>
|
||||
<div class="service-all-btn"> <a href="service.php" class="apply-btn">Our Services</a> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid g-0">
|
||||
<div class="service-slider owl-carousel">
|
||||
<div class="service-card"> <img class="image" src="assets/images/service/1.jpg" alt="">
|
||||
<div class="content"> <i class="flaticon-road-with-broken-line"></i>
|
||||
<div class="text"> <span>01</span>
|
||||
<h2><a href="services-single.html">Road Freight Service</a></h2>
|
||||
<p>Sed ut perspiciatis unde is
|
||||
voluptatem accusant</p>
|
||||
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
|
||||
<div class="service-card"> <img class="image" src="assets/images/access-images/career.jpg" alt="">
|
||||
<div class="content">
|
||||
<div class="text">
|
||||
<h2><a href="career.php">Career Counselling</a></h2>
|
||||
<p>We help the students to find what is best for their career to them who are in the state of dilemma and are confused in selecting courses as per their academics and career goal.</p>
|
||||
<a href="career.php" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-card"> <img class="image" src="assets/images/service/2.jpg" alt="">
|
||||
<div class="content"> <i class="flaticon-air-plane"></i>
|
||||
<div class="text"> <span>02</span>
|
||||
<h2><a href="services-single.html">Intermodal Shipping</a></h2>
|
||||
<p>Sed ut perspiciatis unde is
|
||||
voluptatem accusant</p>
|
||||
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
|
||||
<div class="service-card"> <img class="image" src="assets/images/access-images/university.jpg" alt="">
|
||||
<div class="content">
|
||||
<div class="text">
|
||||
<h2><a href="career.php">University Selection</a></h2>
|
||||
<p>With Access Education Network we can bring the information of the Universities worldwide in a single place so that the students are able to reach them as per their course desire.</p>
|
||||
<a href="career.php" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-card"> <img class="image" src="assets/images/service/3.jpg" alt="">
|
||||
<div class="content"> <i class="flaticon-boat-with-containers"></i>
|
||||
<div class="text"> <span>03</span>
|
||||
<h2><a href="services-single.html">Maritime transportation</a></h2>
|
||||
<p>Sed ut perspiciatis unde is
|
||||
voluptatem accusant</p>
|
||||
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
|
||||
<div class="service-card"> <img class="image" src="assets/images/access-images/sop.jpg" alt="">
|
||||
<div class="content">
|
||||
<div class="text">
|
||||
<h2><a href="career.php">SOP Format</a></h2>
|
||||
<p>A simple SOP format will help you string together various pieces of information in a steady flow. It is divided into different paragraphs for better understanding.</p>
|
||||
<a href="career.php" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-card"> <img class="image" src="assets/images/service/1.jpg" alt="">
|
||||
<div class="content"> <i class="flaticon-road-with-broken-line"></i>
|
||||
<div class="text"> <span>01</span>
|
||||
<h2><a href="services-single.html">Road Freight Service</a></h2>
|
||||
<p>Sed ut perspiciatis unde is
|
||||
voluptatem accusant</p>
|
||||
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
|
||||
<div class="service-card"> <img class="image" src="assets/images/access-images/test.jpg" alt="">
|
||||
<div class="content">
|
||||
<div class="text">
|
||||
<h2><a href="career.php">Test Prepration</a></h2>
|
||||
<p>Preparation for the test is a crucial job. Students should be determined and dedicated in due course of preparation for scoring high.</p>
|
||||
<a href="career.php" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-card"> <img class="image" src="assets/images/service/2.jpg" alt="">
|
||||
<div class="content"> <i class="flaticon-air-plane"></i>
|
||||
<div class="text"> <span>02</span>
|
||||
<h2><a href="services-single.html">Intermodal Shipping</a></h2>
|
||||
<p>Sed ut perspiciatis unde is
|
||||
voluptatem accusant</p>
|
||||
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
|
||||
<div class="service-card"> <img class="image" src="assets/images/access-images/document.jpg" alt="">
|
||||
<div class="content">
|
||||
<div class="text">
|
||||
<h2><a href="career.php">Document Guidence</a></h2>
|
||||
<p>Access envisions to create the condition to have easy access of the students to us. The students remain in the dilemma of sorting out the best place to offer appropriate and needful guidance regarding the necessary documents and documentation.</p>
|
||||
<a href="career.php" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-card"> <img class="image" src="assets/images/service/3.jpg" alt="">
|
||||
<div class="content"> <i class="flaticon-boat-with-containers"></i>
|
||||
<div class="text"> <span>03</span>
|
||||
<h2><a href="services-single.html">Maritime transportation</a></h2>
|
||||
<p>Sed ut perspiciatis unde is
|
||||
voluptatem accusant</p>
|
||||
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
|
||||
<div class="service-card"> <img class="image" src="assets/images/access-images/australia-day.jpg" alt="">
|
||||
<div class="content">
|
||||
<div class="text">
|
||||
<h2><a href="career.php">Australian System</a></h2>
|
||||
<p>The Australian Education System has three levels of education in practice. Primary, secondary and tertiary are the three distinct levels of education.</p>
|
||||
<a href="career.php" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user