Style 1
4K and 8K Quality
Broadband is provides you with to a high-speed connection to the Internet.
Free Installation
Broadband is provides you with to a high-speed connection to the Internet.
<div class="row mt-n1-9">
<div class="col-md-6 mt-1-9">
<div class="d-sm-flex px-3 py-4 border border-color-extra-light-gray border-radius-10">
<div class="flex-shrink-0 position-relative mb-4 mb-sm-0">
<div class="icon-box">
<img src="img/icons/icon-07.png" alt="...">
</div>
</div>
<div class="flex-grow-1 ms-sm-1-9">
<h4 class="h5 mb-3"><a href="#!">4K and 8K Quality</a></h4>
<p class="mb-0">Broadband is provides you with to a high-speed connection to the Internet.</p>
</div>
</div>
</div>
<div class="col-md-6 mt-1-9">
<div class="d-sm-flex px-3 py-4 border border-color-extra-light-gray border-radius-10">
<div class="flex-shrink-0 position-relative mb-4 mb-sm-0">
<div class="icon-box">
<img src="img/icons/icon-08.png" alt="...">
</div>
</div>
<div class="flex-grow-1 ms-sm-1-9">
<h4 class="h5 mb-3"><a href="#!">Free Installation</a></h4>
<p class="mb-0">Broadband is provides you with to a high-speed connection to the Internet.</p>
</div>
</div>
</div>
</div>
Style 2
Phone Number
(+44) 123 456 789Email Address
info@example.comLoaction
66 Guild Street 512B, North Town.
<div class="bg-dark p-1-6 p-sm-5 border-radius-10">
<div class="row mt-n1-9">
<div class="col-md-6 col-xl-4 mt-1-9">
<div class="d-flex">
<div class="flex-shrink-0 mt-2">
<i class="fas fa-phone-alt text-white fs-2 d-block"></i>
</div>
<div class="flex-grow-1 borders-start border-color-light-white ps-4 ms-3">
<h5 class="display-28 text-white">Phone Number</h5>
<span class="text-white opacity9 display-30">(+44) 123 456 789</span>
</div>
</div>
</div>
<div class="col-md-6 col-xl-4 mt-1-9">
<div class="d-flex">
<div class="flex-shrink-0 mt-2">
<i class="far fa-envelope-open text-white fs-2 d-block"></i>
</div>
<div class="flex-grow-1 borders-start border-color-light-white ps-4 ms-3">
<h5 class="display-28 text-white">Email Address</h5>
<span class="text-white opacity9 display-30">info@example.com</span>
</div>
</div>
</div>
<div class="col-md-6 col-xl-4 mt-1-9">
<div class="d-flex">
<div class="flex-shrink-0 mt-2">
<i class="fas fa-map-marker-alt text-white fs-2 d-block"></i>
</div>
<div class="flex-grow-1 borders-start border-color-light-white ps-4 ms-3">
<h5 class="display-28 text-white">Loaction</h5>
<span class="text-white opacity9 display-30">66 Guild Street 512B, North Town.</span>
</div>
</div>
</div>
</div>
</div>
Style 3
Phone
(+44) 123 456 789
(+44) 152-567-987
info@example.com
info@domain.com
<div class="row mt-n1-9">
<div class="col-md-6 mt-1-9">
<div class="card border-color-extra-light-gray border-radius-10">
<div class="card-body p-4">
<div class="d-flex">
<div class="flex-shrink-0">
<i class="fas fa-phone-alt contact-icon-box mb-0"></i>
</div>
<div class="flex-grow-1 ms-4">
<h3 class="h4">Phone</h3>
<p class="mb-1 display-md-28">(+44) 123 456 789</p>
<p class="mb-0 display-md-28">(+44) 152-567-987</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 mt-1-9">
<div class="card border-color-extra-light-gray border-radius-10">
<div class="card-body p-4">
<div class="d-flex">
<div class="flex-shrink-0">
<i class="far fa-envelope contact-icon-box mb-0"></i>
</div>
<div class="flex-grow-1 ms-4">
<h3 class="h4">Email</h3>
<p class="mb-1 display-md-28">info@example.com</p>
<p class="mb-0 display-md-28">info@domain.com</p>
</div>
</div>
</div>
</div>
</div>
</div>
Style 4
<div class="row mt-n1-9">
<div class="col-md-6 mt-1-9">
<div class="card border-0 rounded shadow">
<div class="card-body">
<img src="img/icons/icon-07.png" alt="..." class="mb-3">
<h4 class="h5 mb-1 mb-md-3"><a href="#!">4K and 8K Quality</a></h4>
<p class="mb-0">Most Reliable and Fastest Internet For everyone.</p>
</div>
</div>
</div>
<div class="col-md-6 mt-1-9">
<div class="card border-0 rounded shadow">
<div class="card-body">
<img src="img/icons/icon-10.png" alt="..." class="mb-3">
<h4 class="h5 mb-1 mb-md-3"><a href="#!">Best Pricing</a></h4>
<p class="mb-0">Most Reliable and Fastest Internet For everyone.</p>
</div>
</div>
</div>
</div>
Style 5
01
4K and 8K Quality
High-quality data of a wide bandwidth.
02
Best Pricing
High-quality data of a wide bandwidth.
<div class="row mt-n1-9">
<div class="col-md-6 mt-1-9">
<div class="d-flex align-items-center card-style11 pb-xxl-2-9 pt-6 ps-2-3 pe-sm-2-3 justify-content-center bg-light">
<div class="number">01</div>
<div class="flex-shrink-0">
<div class="icon">
<img src="img/icons/icon-19.png" alt="...">
</div>
</div>
<div class="flex-grow-1 ms-3 ms-sm-4">
<h4 class="h5">4K and 8K Quality</h4>
<p class="mb-0">High-quality data of a wide bandwidth.</p>
</div>
</div>
</div>
<div class="col-md-6 mt-1-9">
<div class="d-flex align-items-center card-style11 pb-xxl-2-9 pt-6 ps-2-3 pe-sm-2-3 justify-content-center bg-light">
<div class="number">02</div>
<div class="flex-shrink-0">
<div class="icon">
<img src="img/icons/icon-20.png" alt="...">
</div>
</div>
<div class="flex-grow-1 ms-3 ms-sm-4">
<h4 class="h5">Best Pricing</h4>
<p class="mb-0">High-quality data of a wide bandwidth.</p>
</div>
</div>
</div>
</div>
Style 6
<div class="row mt-n1-9">
<div class="col-md-6 mt-1-9">
<div class="card card-style13 text-center border-none shadow">
<div class="card-body position-relative px-1-9 py-2-9">
<div class="icon-box5 position-relative bg-primary">
<img src="img/icons/icon-13.png" class="w-50px" alt="...">
</div>
<h3 class="mb-3 h4"><a href="broadband.html">Broadband</a></h3>
<p class="mb-3">High-speed Internet get right of entry to this is constantly on & fast.</p>
<a href="broadband.html" class="font-weight-600 display-27">read more <i class="ti-arrow-right align-middle display-30"></i></a>
</div>
</div>
</div>
<div class="col-md-6 mt-1-9">
<div class="card card-style13 text-center border-none shadow">
<div class="card-body position-relative px-1-9 py-2-9">
<div class="icon-box5 position-relative bg-primary">
<img src="img/icons/icon-14.png" class="w-50px" alt="...">
</div>
<h3 class="mb-3 h4"><a href="wifi-internet.html">WIFI Internet</a></h3>
<p class="mb-3">High-speed Internet get right of entry to this is constantly on & fast.</p>
<a href="broadband.html" class="font-weight-600 display-27">read more <i class="ti-arrow-right align-middle display-30"></i></a>
</div>
</div>
</div>
</div>