Style 1
<div class="row mt-n2">
<div class="col-md-6 col-xl-4 mt-2">
<div class="card card-style2 mx-2 my-4">
<div class="card-body">
<div class="service-content mt-0 ms-0">
<div class="service-border"></div>
<div class="service-icon-box">
<img src="img/icons/icon-01.png" alt="...">
</div>
<div class="position-relative">
<h4 class="mb-3"><a href="fully-driving-course.html">Fully Driving Course</a></h4>
<p class="mb-3">As a beginner, you must usually keep a mild or sluggish pace.</p>
<a href="fully-driving-course.html" class="font-weight-600">Read more...</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-xl-4 mt-2">
<div class="card card-style2 mx-2 my-4">
<div class="card-body">
<div class="service-content mt-0 ms-0">
<div class="service-border"></div>
<div class="service-icon-box">
<img src="img/icons/icon-02.png" alt="...">
</div>
<div class="position-relative">
<h4 class="mb-3"><a href="highway-driving-course.html">Highway Driving Course</a></h4>
<p class="mb-3">As a beginner, you must usually keep a mild or sluggish pace.</p>
<a href="highway-driving-course.html" class="font-weight-600">Read more...</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-xl-4 mt-2">
<div class="card card-style2 mx-2 my-4">
<div class="card-body">
<div class="service-content mt-0 ms-0">
<div class="service-border"></div>
<div class="service-icon-box">
<img src="img/icons/icon-03.png" alt="...">
</div>
<div class="position-relative">
<h4 class="mb-3"><a href="automatic-driving-course.html">Automatic Driving Course</a></h4>
<p class="mb-3">As a beginner, you must usually keep a mild or sluggish pace.</p>
<a href="automatic-driving-course.html" class="font-weight-600">Read more...</a>
</div>
</div>
</div>
</div>
</div>
</div>
Style 2
Address
66 Guild Street 512B, Great North Town.
<div class="row mt-n3">
<div class="col-md-6 col-xl-4 mt-3">
<div class="card card-style6 mx-2 my-2">
<div class="card-body">
<div class="contact-border"></div>
<div class="contact-icon-box mb-4">
<div class="icon fas fa-map-marker-alt"></div>
</div>
<div class="position-relative">
<h3 class="h4 mb-3">Address</h3>
<address class="d-block mb-0 w-md-80 w-xl-70 mx-auto display-28">66 Guild Street 512B, Great North Town.</address>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-xl-4 mt-3">
<div class="card card-style6 mx-2 my-2">
<div class="card-body">
<div class="contact-border"></div>
<div class="contact-icon-box mb-4">
<div class="icon fas fa-phone-alt"></div>
</div>
<div class="position-relative">
<h4 class="mb-3">Phone Number</h4>
<a href="#!" class="d-block mb-1 display-md-28">(+44) 123 456 789</a>
<a href="#!" class="display-md-28">(+44) 152-567-987</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-xl-4 mt-3">
<div class="card card-style6 mx-2 my-2">
<div class="card-body">
<div class="contact-border"></div>
<div class="contact-icon-box mb-4">
<div class="icon far fa-envelope-open"></div>
</div>
<div class="position-relative">
<h4 class="mb-3">Email Address</h4>
<a href="#!" class="d-block mb-1 display-md-28">info@example.com</a>
<a href="#!" class="display-md-28">info@domain.com</a>
</div>
</div>
</div>
</div>
</div>