Style 1
Availability
Lorem ipsum dolor sit amet.
Packaging
Lorem ipsum dolor sit amet.
<div class="info-style-01 mt-0">
<div class="row my-3 my-md-4">
<div class="col-md-6 mb-1-9 mb-md-0">
<div class="media info-wrapper transition-move">
<div class="align-self-center">
<i class="ti-thumb-up fs-1 text-primary"></i>
</div>
<div class="media-body borders-start border-color-extra-light-gray ps-4 ms-4">
<h4 class="h5">Availability</h4>
<p class="mb-0">Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="media info-wrapper transition-move">
<div class="align-self-center">
<i class="ti-package fs-1 text-primary"></i>
</div>
<div class="media-body borders-start border-color-extra-light-gray ps-4 ms-4">
<h4 class="h5">Packaging</h4>
<p class="mb-0">Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
</div>
</div>
Style 2
Contactless washing
Lorem ipsum dolor consectetur adipiscing do eiusmod tempor incididunt labore.
Extensive cleaning
Lorem ipsum dolor consectetur adipiscing do eiusmod tempor incididunt labore.
<div class="info-box2 mt-0">
<div class="row info-box2-number my-3">
<div class="col-md-6 mb-1-9 mb-md-0">
<div class="card card-style8">
<div class="card-body">
<i class="ti-eraser fs-1 d-block mb-1-9 text-primary"></i>
<h4 class="h5 borders-bottom border-color-extra-light-gray pb-3 pb-lg-4 mb-3 mb-lg-4">Contactless washing</h4>
<p class="mb-0">Lorem ipsum dolor consectetur adipiscing do eiusmod tempor incididunt labore.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card card-style8">
<div class="card-body">
<i class="ti-spray fs-1 d-block mb-1-9 text-primary"></i>
<h4 class="h5 borders-bottom border-color-extra-light-gray pb-3 pb-lg-4 mb-3 mb-lg-4">Extensive cleaning</h4>
<p class="mb-0">Lorem ipsum dolor consectetur adipiscing do eiusmod tempor incididunt labore.</p>
</div>
</div>
</div>
</div>
</div>
Style 3
Modern workshop
Dolor sit amet consect elit sed do eiusmod tempor incd idunt labore et dolore magna.
Talented workers
Dolor sit amet consect elit sed do eiusmod tempor incd idunt labore et dolore magna.
Best price
Dolor sit amet consect elit sed do eiusmod tempor incd idunt labore et dolore magna.
<div class="about-style-02">
<div class="media mb-1-9 mb-md-2-2">
<i class="ti-settings about-icon me-4"></i>
<div class="media-body">
<div class="align-self-center">
<h4 class="h5">Modern workshop</h4>
<p class="mb-0">Dolor sit amet consect elit sed do eiusmod tempor incd idunt labore et dolore magna.</p>
</div>
</div>
</div>
<div class="media mb-1-9 mb-md-2-2">
<i class="ti-user about-icon me-4"></i>
<div class="media-body">
<div class="align-self-center">
<h4 class="h5">Talented workers</h4>
<p class="mb-0">Dolor sit amet consect elit sed do eiusmod tempor incd idunt labore et dolore magna.</p>
</div>
</div>
</div>
<div class="media">
<i class="ti-money about-icon me-4"></i>
<div class="media-body">
<div class="align-self-center">
<h4 class="h5">Best price</h4>
<p class="mb-0">Dolor sit amet consect elit sed do eiusmod tempor incd idunt labore et dolore magna.</p>
</div>
</div>
</div>
</div>
Style 4
Choose service
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Get a free quote
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Your job done!
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<div class="row">
<div class="col-md-4 mb-1-9 mb-md-0">
<div class="card card-style22">
<div class="card-body">
<div class="mb-3">
<i class="ti-target fs-1 text-primary"></i>
</div>
<h3 class="h6">Choose service</h3>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-1-9 mb-md-0">
<div class="card card-style22">
<div class="card-body">
<div class="mb-3">
<i class="ti-quote-right fs-1 text-primary"></i>
</div>
<h3 class="h6">Get a free quote</h3>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card card-style22">
<div class="card-body">
<div class="mb-3">
<i class="ti-thumb-up fs-1 text-primary"></i>
</div>
<h3 class="h6">Your job done!</h3>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</div>
</div>
</div>
Style 5
24/7 support
Some courier offerings cater to particular forms of customers.
Experience Team
Some courier offerings cater to particular forms of customers.
<div class="about-style-06">
<div class="row my-3">
<div class="col-md-6 mb-1-9 mb-md-0">
<div class="d-flex about-box-info w-100">
<div class="flex-shrink-0 icon-box">
<i class="ti-headphone-alt"></i>
</div>
<div class="flex-grow-1 ms-4 align-self-center">
<h4 class="mb-1 h5">24/7 support</h4>
<p class="mb-0">Some courier offerings cater to particular forms of customers.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="d-flex about-box-info w-100">
<div class="flex-shrink-0 icon-box">
<i class="ti-user"></i>
</div>
<div class="flex-grow-1 ms-4 align-self-center">
<h4 class="mb-1 h5">Experience Team</h4>
<p class="mb-0">Some courier offerings cater to particular forms of customers.</p>
</div>
</div>
</div>
</div>
</div>
Style 6
Domestic courier service
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.
Maritime freight courier service
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.
<div class="service-style-01">
<div class="row">
<div class="col-md-6 mb-1-9 mb-md-0">
<div class="service-box">
<img src="img/demos/courier/content/service-icon-01.png" alt="...">
</div>
<h4 class="h5 mb-3"><a href="#!">Domestic courier service</a></h4>
<p class="mb-0">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
</div>
<div class="col-md-6">
<div class="service-box">
<img src="img/demos/courier/content/service-icon-02.png" alt="...">
</div>
<h4 class="h5 mb-3"><a href="#!">Maritime freight courier service</a></h4>
<p class="mb-0">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
</div>
</div>
</div>
Style 7
Quality service
Quality service
We can offer hardware restore and support computer equipment.
Professional Team
Professional Team
We can offer hardware restore and support computer equipment.
<div class="info-style-02">
<div class="row mt-n1-9">
<div class="col-sm-6 mt-1-9">
<div class="flip-box">
<div class="flip-box-inner">
<div class="flip-box-front">
<div class="d-table-cell align-middle">
<i class="ti-medall icon-wrapper"></i>
<h4 class="h5 mb-0">Quality service</h4>
</div>
</div>
<div class="flip-box-back">
<div class="d-table-cell align-middle">
<h4 class="h5 mb-3 text-white">Quality service</h4>
<p class="mb-0 text-white w-80 mx-auto">We can offer hardware restore and support computer equipment.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 mt-1-9">
<div class="flip-box">
<div class="flip-box-inner">
<div class="flip-box-front">
<div class="d-table-cell align-middle">
<i class="ti-user icon-wrapper"></i>
<h4 class="h5 mb-0">Professional Team</h4>
</div>
</div>
<div class="flip-box-back">
<div class="d-table-cell align-middle">
<h4 class="h5 mb-3 text-white">Professional Team</h4>
<p class="mb-0 text-white w-80 mx-auto">We can offer hardware restore and support computer equipment.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Style 8
Licensed electricians
Lorem ipsum dolor sit amet adipiscing elit tempo.
30 Years experience
Lorem ipsum dolor sit amet adipiscing elit tempo.
<div class="info-box3 mt-0">
<div class="row my-3">
<div class="col-md-6 mb-1-9 mb-md-0">
<div class="card card-style29 border-0 rounded-0">
<div class="card-body text-center p-1-9 bg-white">
<i class="ti-receipt fs-1 text-center mb-4 d-block text-primary"></i>
<h4 class="h5">Licensed electricians</h4>
<p class="mb-0">Lorem ipsum dolor sit amet adipiscing elit tempo.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card card-style29 border-0 rounded-0">
<div class="card-body text-center p-1-9 bg-white">
<i class="ti-timer fs-1 text-center mb-4 d-block text-primary"></i>
<h4 class="h5">30 Years experience</h4>
<p class="mb-0">Lorem ipsum dolor sit amet adipiscing elit tempo.</p>
</div>
</div>
</div>
</div>
</div>
Style 9
Online Schedule
On Time Every Time
Electrical carrier improve way permitting greater electric energy to return back for your house.
All Services
30 Years experience
Electrical carrier improve way permitting greater electric energy to return back for your house.
<div class="row">
<div class="col-md-6 mb-1-9 mb-md-0">
<div class="d-flex borders-bottom border-color-extra-light-gray mb-3 mb-lg-4 pb-3 pb-lg-4">
<div class="flex-shrink-0">
<i class="ti-time fs-1 text-primary"></i>
</div>
<div class="flex-grow-1 ms-3">
<p class="mb-2">Online Schedule</p>
<h4 class="h5 mb-0">On Time Every Time</h4>
</div>
</div>
<p class="mb-0">Electrical carrier improve way permitting greater electric energy to return back for your house.</p>
</div>
<div class="col-md-6">
<div class="d-flex borders-bottom border-color-extra-light-gray mb-3 mb-lg-4 pb-3 pb-lg-4">
<div class="flex-shrink-0">
<i class="ti-receipt fs-1 text-primary"></i>
</div>
<div class="flex-grow-1 ms-3">
<p class="mb-2">All Services</p>
<h4 class="h5 mb-0">30 Years experience</h4>
</div>
</div>
<p class="mb-0">Electrical carrier improve way permitting greater electric energy to return back for your house.</p>
</div>
</div>
Style 10
Pack and unpack
An duo lorem altera gloriatur. no imperdiet adver sarium pro. no sit sumo lorem. mei ea eius elitr consequ untur mperdiet adver.
Read moreAuto transport
An duo lorem altera gloriatur. no imperdiet adver sarium pro. no sit sumo lorem. mei ea eius elitr consequ untur mperdiet adver.
Read more
<div class="row number-ordered my-3">
<div class="col-md-6 mb-1-9 mb-md-0">
<div class="card card-style1">
<div class="card-body">
<div class="mb-3">
<i class="ti-map-alt fs-1 text-primary"></i>
</div>
<h4 class="h5 mb-3">Pack and unpack</h4>
<p class="w-90">An duo lorem altera gloriatur. no imperdiet adver sarium pro. no sit sumo lorem. mei ea eius elitr consequ untur mperdiet adver.</p>
<a href="#!" class="read-more">Read more</a>
<div class="service-counter number-ordered-item"></div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card card-style1">
<div class="card-body">
<div class="mb-3">
<i class="ti-truck fs-1 text-primary"></i>
</div>
<h4 class="h5 mb-3">Auto transport</h4>
<p class="w-90">An duo lorem altera gloriatur. no imperdiet adver sarium pro. no sit sumo lorem. mei ea eius elitr consequ untur mperdiet adver.</p>
<a href="#!" class="read-more">Read more</a>
<div class="service-counter number-ordered-item"></div>
</div>
</div>
</div>
</div>