File: /home/halcosmu/public_html/halcomsolaradvisors.com/service.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Halcom Solar Advisor - Renewable solar energy</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Spinner Start -->
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<!-- Spinner End -->
<!-- Topbar Start -->
<div class="container-fluid bg-dark p-0">
<div class="row gx-0 d-none d-lg-flex">
<div class="col-lg-7 px-5 text-start">
<div class="h-100 d-inline-flex align-items-center me-4">
<small class="fa fa-map-marker-alt text-primary me-2"></small>
<small>123 Street, New York, USA</small>
</div>
</div>
<div class="col-lg-5 px-5 text-end">
<div class="h-100 d-inline-flex align-items-center me-4">
<small class="fa fa-phone-alt text-primary me-2"></small>
<small>+1 321 218 9432</small>
</div>
<div class="h-100 d-inline-flex align-items-center mx-n2">
<a class="btn btn-square btn-link rounded-0 border-0 border-end border-secondary" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square btn-link rounded-0 border-0 border-end border-secondary" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square btn-link rounded-0 border-0 border-end border-secondary" href=""><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-square btn-link rounded-0" href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
<!-- Topbar End -->
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a href="index.php" class="navbar-brand d-flex align-items-center border-end px-4 px-lg-5">
<h2 class="m-0 text-primary">HalcomSolar</h2>
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="index.php" class="nav-item nav-link active">Home</a>
<a href="about.php" class="nav-item nav-link">About</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Service</a>
<div class="dropdown-menu bg-light m-0">
<a href="feature.php" class="dropdown-item">Feature</a>
<a href="quote.php" class="dropdown-item">Free Quote</a>
<a href="team.php" class="dropdown-item">Our Team</a>
<a href="testimonial.php" class="dropdown-item">Testimonial</a>
<a href="404.php" class="dropdown-item">404 Page</a>
</div>
</div>
<a href="contact.php" class="nav-item nav-link">Contact</a>
</div>
<a href="" class="btn btn-primary rounded-0 py-4 px-lg-5 d-none d-lg-block">Get A Quote<i class="fa fa-arrow-right ms-3"></i></a>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5 mb-5">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated slideInDown">Services</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">Pages</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Services</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Service Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h6 class="text-primary">Our Services</h6>
<h1 class="mb-4">We Are Pioneers In The World Of Renewable Energy</h1>
</div>
<div class="row g-4">
<div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.1s">
<div class="service-item rounded overflow-hidden">
<img class="img-fluid" src="img/img-600x400-1.jpg" alt="">
<div class="position-relative p-4 pt-0">
<div class="service-icon">
<i class="fa fa-solar-panel fa-3x"></i>
</div>
<h4 class="mb-3">Solar Panels</h4>
<p>Stet stet justo dolor sed duo. Ut clita sea sit ipsum diam lorem diam.</p>
<a class="small fw-medium" href="">Read More<i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.3s">
<div class="service-item rounded overflow-hidden">
<img class="img-fluid" src="img/img-600x400-2.jpg" alt="">
<div class="position-relative p-4 pt-0">
<div class="service-icon">
<i class="fa fa-wind fa-3x"></i>
</div>
<h4 class="mb-3">Wind Turbines</h4>
<p>Stet stet justo dolor sed duo. Ut clita sea sit ipsum diam lorem diam.</p>
<a class="small fw-medium" href="">Read More<i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.5s">
<div class="service-item rounded overflow-hidden">
<img class="img-fluid" src="img/img-600x400-3.jpg" alt="">
<div class="position-relative p-4 pt-0">
<div class="service-icon">
<i class="fa fa-lightbulb fa-3x"></i>
</div>
<h4 class="mb-3">Hydropower Plants</h4>
<p>Stet stet justo dolor sed duo. Ut clita sea sit ipsum diam lorem diam.</p>
<a class="small fw-medium" href="">Read More<i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.1s">
<div class="service-item rounded overflow-hidden">
<img class="img-fluid" src="img/img-600x400-4.jpg" alt="">
<div class="position-relative p-4 pt-0">
<div class="service-icon">
<i class="fa fa-solar-panel fa-3x"></i>
</div>
<h4 class="mb-3">Solar Panels</h4>
<p>Stet stet justo dolor sed duo. Ut clita sea sit ipsum diam lorem diam.</p>
<a class="small fw-medium" href="">Read More<i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.3s">
<div class="service-item rounded overflow-hidden">
<img class="img-fluid" src="img/img-600x400-5.jpg" alt="">
<div class="position-relative p-4 pt-0">
<div class="service-icon">
<i class="fa fa-wind fa-3x"></i>
</div>
<h4 class="mb-3">Wind Turbines</h4>
<p>Stet stet justo dolor sed duo. Ut clita sea sit ipsum diam lorem diam.</p>
<a class="small fw-medium" href="">Read More<i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.5s">
<div class="service-item rounded overflow-hidden">
<img class="img-fluid" src="img/img-600x400-6.jpg" alt="">
<div class="position-relative p-4 pt-0">
<div class="service-icon">
<i class="fa fa-lightbulb fa-3x"></i>
</div>
<h4 class="mb-3">Hydropower Plants</h4>
<p>Stet stet justo dolor sed duo. Ut clita sea sit ipsum diam lorem diam.</p>
<a class="small fw-medium" href="">Read More<i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Service End -->
<!-- Feature Start -->
<div class="container-fluid bg-light overflow-hidden my-5 px-lg-0">
<div class="container feature px-lg-0">
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 feature-text py-5 wow fadeIn" data-wow-delay="0.1s">
<div class="p-lg-5 ps-lg-0">
<h6 class="text-primary">Why Choose Us!</h6>
<h1 class="mb-4">Complete Commercial & Residential Solar Systems</h1>
<p class="mb-4 pb-2">Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit. Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo justo erat amet</p>
<div class="row g-4">
<div class="col-6">
<div class="d-flex align-items-center">
<div class="btn-lg-square bg-primary rounded-circle">
<i class="fa fa-check text-white"></i>
</div>
<div class="ms-4">
<p class="mb-0">Quality</p>
<h5 class="mb-0">Services</h5>
</div>
</div>
</div>
<div class="col-6">
<div class="d-flex align-items-center">
<div class="btn-lg-square bg-primary rounded-circle">
<i class="fa fa-user-check text-white"></i>
</div>
<div class="ms-4">
<p class="mb-0">Expert</p>
<h5 class="mb-0">Workers</h5>
</div>
</div>
</div>
<div class="col-6">
<div class="d-flex align-items-center">
<div class="btn-lg-square bg-primary rounded-circle">
<i class="fa fa-drafting-compass text-white"></i>
</div>
<div class="ms-4">
<p class="mb-0">Free</p>
<h5 class="mb-0">Consultation</h5>
</div>
</div>
</div>
<div class="col-6">
<div class="d-flex align-items-center">
<div class="btn-lg-square bg-primary rounded-circle">
<i class="fa fa-headphones text-white"></i>
</div>
<div class="ms-4">
<p class="mb-0">Customer</p>
<h5 class="mb-0">Support</h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 pe-lg-0 wow fadeIn" data-wow-delay="0.5s" style="min-height: 400px;">
<div class="position-relative h-100">
<img class="position-absolute img-fluid w-100 h-100" src="img/feature.jpg" style="object-fit: cover;" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- Feature End -->
<!-- Testimonial Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h6 class="text-primary">Testimonial</h6>
<h1 class="mb-4">What Our Clients Say!</h1>
</div>
<div class="owl-carousel testimonial-carousel wow fadeInUp" data-wow-delay="0.1s">
<div class="testimonial-item text-center">
<div class="testimonial-img position-relative">
<img class="img-fluid rounded-circle mx-auto mb-5" src="img/testimonial-1.jpg">
<div class="btn-square bg-primary rounded-circle">
<i class="fa fa-quote-left text-white"></i>
</div>
</div>
<div class="testimonial-text text-center rounded p-4">
<p>Clita clita tempor justo dolor ipsum amet kasd amet duo justo duo duo labore sed sed. Magna ut diam sit et amet stet eos sed clita erat magna elitr erat sit sit erat at rebum justo sea clita.</p>
<h5 class="mb-1">Client Name</h5>
<span class="fst-italic">Profession</span>
</div>
</div>
<div class="testimonial-item text-center">
<div class="testimonial-img position-relative">
<img class="img-fluid rounded-circle mx-auto mb-5" src="img/testimonial-2.jpg">
<div class="btn-square bg-primary rounded-circle">
<i class="fa fa-quote-left text-white"></i>
</div>
</div>
<div class="testimonial-text text-center rounded p-4">
<p>Clita clita tempor justo dolor ipsum amet kasd amet duo justo duo duo labore sed sed. Magna ut diam sit et amet stet eos sed clita erat magna elitr erat sit sit erat at rebum justo sea clita.</p>
<h5 class="mb-1">Client Name</h5>
<span class="fst-italic">Profession</span>
</div>
</div>
<div class="testimonial-item text-center">
<div class="testimonial-img position-relative">
<img class="img-fluid rounded-circle mx-auto mb-5" src="img/testimonial-3.jpg">
<div class="btn-square bg-primary rounded-circle">
<i class="fa fa-quote-left text-white"></i>
</div>
</div>
<div class="testimonial-text text-center rounded p-4">
<p>Clita clita tempor justo dolor ipsum amet kasd amet duo justo duo duo labore sed sed. Magna ut diam sit et amet stet eos sed clita erat magna elitr erat sit sit erat at rebum justo sea clita.</p>
<h5 class="mb-1">Client Name</h5>
<span class="fst-italic">Profession</span>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonial End -->
<?php include 'footer.php' ?>
</body>
</html>