Style 01
Location
66 Guild Street 512B, Great North Town.Phone Number
(+44) 123 456 789 (+1) 234-567-9874
<div class="row mt-n1-9">
<div class="col-md-6 mt-1-9">
<div class="card card-style-03 h-100">
<div class="card-body p-1-6 p-sm-1-9">
<div class="d-flex">
<div class="flex-shrink-0">
<i class="ti-location-pin text-secondary z-index-9 display-8 position-relative"></i>
</div>
<div class="flex-grow-1 ms-3">
<h4 class="h5 text-white">Location</h4>
<span class="text-white opacity7">66 Guild Street 512B, Great North Town.</span>
</div>
</div>
<i class="ti-location-pin bg-icon"></i>
</div>
</div>
</div>
<div class="col-md-6 mt-1-9">
<div class="card card-style-03 h-100">
<div class="card-body p-1-6 p-sm-1-9">
<div class="d-flex">
<div class="flex-shrink-0">
<i class="ti-mobile text-secondary z-index-9 display-8 position-relative"></i>
</div>
<div class="flex-grow-1 ms-3">
<h4 class="h5 text-white">Phone Number</h4>
<span class="d-block text-white opacity7">(+44) 123 456 789</span>
<span class="text-white opacity7">(+1) 234-567-9874</span>
</div>
</div>
<i class="ti-mobile bg-icon"></i>
</div>
</div>
</div>
</div>
Style 02
Energy Efficiency
Solutions
Solar Panel
Commissioning
Battery Backup
Generator
Whole House Surge
Protection
<div class="row mt-n4">
<div class="col-6 col-lg-3 mt-4">
<i class="flaticon-046-green-energy text-primary display-6 display-xl-3 mb-3 d-block"></i>
<h3 class="h5 mb-0">
Energy Efficiency<br>
Solutions
</h3>
</div>
<div class="col-6 col-lg-3 mt-4">
<i class="flaticon-042-solar-panel text-primary display-6 display-xl-3 mb-3 d-block"></i>
<h3 class="h5 mb-0">
Solar Panel<br>
Commissioning
</h3>
</div>
<div class="col-6 col-lg-3 mt-4">
<i class="flaticon-045-battery text-primary display-6 display-xl-3 mb-3 d-block"></i>
<h3 class="h5 mb-0">
Battery Backup<br>
Generator
</h3>
</div>
<div class="col-6 col-lg-3 mt-4">
<i class="flaticon-036-greenhouse text-primary display-6 display-xl-3 mb-3 d-block"></i>
<h3 class="h5 mb-0">
Whole House Surge<br>
Protection
</h3>
</div>
</div>
Style 03
1
Creating a concept
2
Budget planning
3
Design process
<div class="row mt-n1-9">
<div class="col-md-6 col-lg-4 mt-1-9">
<div class="process-style-01">
<div class="process-block">
<div class="process-icon">
<i class="flaticon-018-settings display-13 text-white"></i>
</div>
<div class="process-count">
<span>1</span>
</div>
</div>
<h3 class="mb-0 h4 text-center">Creating a concept</h3>
</div>
</div>
<div class="col-md-6 col-lg-4 mt-1-9">
<div class="process-style-01">
<div class="process-block">
<div class="process-icon">
<i class="flaticon-019-paper display-13 text-white"></i>
</div>
<div class="process-count">
<span>2</span>
</div>
</div>
<h3 class="mb-0 h4 text-center">Budget planning</h3>
</div>
</div>
<div class="col-md-6 col-lg-4 mt-1-9">
<div class="process-style-01">
<div class="process-block">
<div class="process-icon">
<i class="flaticon-027-factory display-13 text-white"></i>
</div>
<div class="process-count">
<span>3</span>
</div>
</div>
<h3 class="mb-0 h4 text-center">Design process</h3>
</div>
</div>
</div>
Style 04
Maximize Green Resources
Quality Energy Solution
<div class="row mb-2-9">
<div class="col-sm-6 mb-1-9 mb-sm-0">
<div class="d-flex align-items-center">
<div class="flex-shrink-0 me-4">
<img src="img/icons/icon-01.png" alt="...">
</div>
<div class="flex-grow-1">
<h3 class="h5 mb-0">Maximize Green Resources</h3>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="d-flex align-items-center">
<div class="flex-shrink-0 me-4">
<img src="img/icons/icon-02.png" alt="...">
</div>
<div class="flex-grow-1">
<h3 class="h5 mb-0">Quality Energy Solution</h3>
</div>
</div>
</div>
</div>