Icon With Text
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-style6">
<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-style6">
<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-style1">
<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-style1">
<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-style1">
<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
Best service
Lorem ipsum is simply dummy text.
Live support
Lorem ipsum is simply dummy text.
<div class="about-style-03">
<div class="row my-3">
<div class="col-md-6 mb-1-9 mb-md-0">
<div class="media about-box-info w-100">
<div class="icon-box">
<i class="ti-thumb-up"></i>
</div>
<div class="media-body ms-4 align-self-center">
<h4 class="mb-1 h5">Best service</h4>
<p class="mb-0">Lorem ipsum is simply dummy text.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="media about-box-info w-100">
<div class="icon-box">
<i class="ti-headphone-alt"></i>
</div>
<div class="media-body ms-4 align-self-center">
<h4 class="mb-1 h5">Live support</h4>
<p class="mb-0">Lorem ipsum is simply dummy text.</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.
Overnight 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">
<i class="ti-truck"></i>
</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">
<i class="ti-shine"></i>
</div>
<h4 class="h5 mb-3"><a href="#!">Overnight 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>