1374 lines
59 KiB
PHP
1374 lines
59 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<title>Index - Constructo Bootstrap Template</title>
|
|
<meta name="description" content="">
|
|
<meta name="keywords" content="">
|
|
|
|
<!-- Favicons -->
|
|
<link href="{{ asset('assets/img/favicon.png') }}" rel="icon">
|
|
<link href="{{ asset('assets/img/apple-touch-icon.png') }}" rel="apple-touch-icon">
|
|
|
|
<!-- Fonts -->
|
|
<link href="https://fonts.googleapis.com" rel="preconnect">
|
|
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
|
|
|
|
<!-- Vendor CSS Files -->
|
|
<link href="{{ asset('assets/vendor/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
|
|
<link href="{{ asset('assets/vendor/bootstrap-icons/bootstrap-icons.css') }}" rel="stylesheet">
|
|
<link href="{{ asset('assets/vendor/aos/aos.css') }}" rel="stylesheet">
|
|
<link href="{{ asset('assets/vendor/swiper/swiper-bundle.min.css') }}" rel="stylesheet">
|
|
<link href="{{ asset('assets/vendor/glightbox/css/glightbox.min.css') }}" rel="stylesheet">
|
|
|
|
<!-- Main CSS File -->
|
|
<link href="{{ asset('assets/css/main.css') }}" rel="stylesheet">
|
|
|
|
<!-- =======================================================
|
|
* Template Name: Constructo
|
|
* Template URL: https://bootstrapmade.com/constructo-bootstrap-construction-template/
|
|
* Updated: Aug 30 2025 with Bootstrap v5.3.8
|
|
* Author: BootstrapMade.com
|
|
* License: https://bootstrapmade.com/license/
|
|
======================================================== -->
|
|
</head>
|
|
|
|
<body class="index-page">
|
|
|
|
<header id="header" class="header sticky-top">
|
|
|
|
<div class="topbar d-flex align-items-center dark-background">
|
|
<div class="container d-flex justify-content-center justify-content-md-between">
|
|
<div class="contact-info d-flex align-items-center">
|
|
<i class="bi bi-envelope d-flex align-items-center"><a href="mailto:contact@example.com">mpcabangjember@gmail.com</a></i>
|
|
<i class="bi bi-phone d-flex align-items-center ms-4"><span>081776198245</span></i>
|
|
</div>
|
|
<div class="social-links d-none d-md-flex align-items-center">
|
|
<a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
|
|
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
|
|
<a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Top Bar -->
|
|
|
|
<div class="branding d-flex align-items-cente">
|
|
|
|
<div class="container position-relative d-flex align-items-center justify-content-between">
|
|
<a href="index.html" class="logo d-flex align-items-center">
|
|
<!-- Uncomment the line below if you also wish to use an image logo -->
|
|
<!-- <img src="{{ asset('assets/img/logo.webp') }}" alt=""> -->
|
|
<h1 class="sitename">TapakMP</h1>
|
|
</a>
|
|
|
|
<nav id="navmenu" class="navmenu">
|
|
<ul>
|
|
<li><a href="index.html" class="active">Home</a></li>
|
|
<li><a href="about.html">About</a></li>
|
|
<li><a href="services.html">Services</a></li>
|
|
<li><a href="projects.html">Projects</a></li>
|
|
<li><a href="team.html">Team</a></li>
|
|
<li class="dropdown"><a href="#"><span>More Pages</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
|
<ul>
|
|
<li><a href="service-details.html">Service Details</a></li>
|
|
<li><a href="project-details.html">Project Details</a></li>
|
|
<li><a href="quote.html">Quote Form</a></li>
|
|
<li><a href="terms.html">Terms</a></li>
|
|
<li><a href="privacy.html">Privacy</a></li>
|
|
<li><a href="404.html">404</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
|
<ul>
|
|
<li><a href="#">Dropdown 1</a></li>
|
|
<li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
|
<ul>
|
|
<li><a href="#">Deep Dropdown 1</a></li>
|
|
<li><a href="#">Deep Dropdown 2</a></li>
|
|
<li><a href="#">Deep Dropdown 3</a></li>
|
|
<li><a href="#">Deep Dropdown 4</a></li>
|
|
<li><a href="#">Deep Dropdown 5</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Dropdown 2</a></li>
|
|
<li><a href="#">Dropdown 3</a></li>
|
|
<li><a href="#">Dropdown 4</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="contact.html">Contact</a></li>
|
|
</ul>
|
|
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<main class="main">
|
|
|
|
<!-- Hero Section -->
|
|
<section id="hero" class="hero section">
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6">
|
|
<div class="hero-content" data-aos="fade-right" data-aos-delay="200">
|
|
<span class="subtitle">Excellence in Construction</span>
|
|
<h1>Building Tomorrow's Landmarks Today</h1>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et purus a odio finibus bibendum in sit amet leo. Mauris feugiat at orci maximus feugiat.</p>
|
|
|
|
<div class="hero-buttons">
|
|
<a href="#" class="btn-primary">Request a Quote</a>
|
|
<a href="#" class="btn-secondary">Our Projects</a>
|
|
</div>
|
|
|
|
<div class="trust-badges">
|
|
<div class="badge-item">
|
|
<i class="bi bi-building-check"></i>
|
|
<div class="badge-text">
|
|
<span class="count">25+</span>
|
|
<span class="label">Years Experience</span>
|
|
</div>
|
|
</div>
|
|
<div class="badge-item">
|
|
<i class="bi bi-trophy"></i>
|
|
<div class="badge-text">
|
|
<span class="count">500+</span>
|
|
<span class="label">Projects Completed</span>
|
|
</div>
|
|
</div>
|
|
<div class="badge-item">
|
|
<i class="bi bi-people"></i>
|
|
<div class="badge-text">
|
|
<span class="count">300+</span>
|
|
<span class="label">Satisfied Clients</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-6" data-aos="fade-left" data-aos-delay="300">
|
|
<div class="hero-image">
|
|
<img src="{{ asset('assets/img/construction/showcase-3.webp') }}" alt="Construction Project" class="img-fluid">
|
|
<div class="image-badge">
|
|
<span>ISO 9001:2015</span>
|
|
<p>Certified Construction</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Hero Section -->
|
|
|
|
<!-- About Section -->
|
|
<section id="about" class="about section">
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
|
|
<div class="row align-items-center g-5">
|
|
<div class="col-lg-6">
|
|
<div class="about-content" data-aos="fade-right" data-aos-delay="200">
|
|
<h2>Building Excellence Since 1995</h2>
|
|
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin gravida tortor in magna feugiat, quis faucibus libero commodo. Maecenas semper lacus vel leo ultrices, vel tempus lectus varius.</p>
|
|
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla facilisi. Duis cursus nisi eu orci laoreet, vel molestie enim ullamcorper. Phasellus at convallis neque, id vehicula magna.</p>
|
|
|
|
<div class="achievement-boxes row g-4 mt-4">
|
|
<div class="col-6 col-md-3" data-aos="fade-up" data-aos-delay="300">
|
|
<div class="achievement-box">
|
|
<h3>25+</h3>
|
|
<p>Years Experience</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-md-3" data-aos="fade-up" data-aos-delay="400">
|
|
<div class="achievement-box">
|
|
<h3>500+</h3>
|
|
<p>Projects Completed</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-md-3" data-aos="fade-up" data-aos-delay="500">
|
|
<div class="achievement-box">
|
|
<h3>100%</h3>
|
|
<p>Client Satisfaction</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-md-3" data-aos="fade-up" data-aos-delay="600">
|
|
<div class="achievement-box">
|
|
<h3>48</h3>
|
|
<p>Team Members</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="certifications mt-5" data-aos="fade-up" data-aos-delay="700">
|
|
<h5>Certifications & Partnerships</h5>
|
|
<div class="row g-3 align-items-center">
|
|
<div class="col-4 col-md-3">
|
|
<img src="{{ asset('assets/img/construction/badge-4.webp') }}" alt="Certification" class="img-fluid">
|
|
</div>
|
|
<div class="col-4 col-md-3">
|
|
<img src="{{ asset('assets/img/construction/badge-3.webp') }}" alt="Certification" class="img-fluid">
|
|
</div>
|
|
<div class="col-4 col-md-3">
|
|
<img src="{{ asset('assets/img/construction/badge-5.webp') }}" alt="Certification" class="img-fluid">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cta-container mt-5" data-aos="fade-up" data-aos-delay="800">
|
|
<a href="about.html" class="btn btn-primary">Learn More About Us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-6">
|
|
<div class="about-image position-relative" data-aos="fade-left" data-aos-delay="200">
|
|
<img src="{{ asset('assets/img/construction/project-3.webp') }}" alt="Construction Team" class="img-fluid main-image rounded">
|
|
<div class="image-overlay">
|
|
<img src="{{ asset('assets/img/construction/project-7.webp') }}" alt="Construction Project" class="img-fluid rounded">
|
|
</div>
|
|
<div class="experience-badge" data-aos="zoom-in" data-aos-delay="500">
|
|
<span>25+</span>
|
|
<p>Years of Experience</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /About Section -->
|
|
|
|
<!-- Services Section -->
|
|
<section id="services" class="services section">
|
|
|
|
<!-- Section Title -->
|
|
<div class="container section-title">
|
|
<h2>Services</h2>
|
|
<p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
|
|
</div><!-- End Section Title -->
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
|
|
<div class="row gy-4">
|
|
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<i class="bi bi-building"></i>
|
|
</div>
|
|
<h3>Commercial Construction</h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>
|
|
<div class="service-features">
|
|
<span><i class="bi bi-check-circle"></i> Office Buildings</span>
|
|
<span><i class="bi bi-check-circle"></i> Retail Spaces</span>
|
|
<span><i class="bi bi-check-circle"></i> Warehouses</span>
|
|
</div>
|
|
<a href="service-details.html" class="service-link">Learn More <i class="bi bi-arrow-right"></i></a>
|
|
</div>
|
|
</div><!-- End Service Item -->
|
|
|
|
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="300">
|
|
<div class="service-card featured">
|
|
<div class="service-badge">Most Requested</div>
|
|
<div class="service-icon">
|
|
<i class="bi bi-house"></i>
|
|
</div>
|
|
<h3>Residential Construction</h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quam velit, vulputate eu pharetra nec, mattis ac neque.</p>
|
|
<div class="service-features">
|
|
<span><i class="bi bi-check-circle"></i> Custom Homes</span>
|
|
<span><i class="bi bi-check-circle"></i> Renovations</span>
|
|
<span><i class="bi bi-check-circle"></i> Additions</span>
|
|
</div>
|
|
<a href="service-details.html" class="service-link">Learn More <i class="bi bi-arrow-right"></i></a>
|
|
</div>
|
|
</div><!-- End Service Item -->
|
|
|
|
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="400">
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<i class="bi bi-gear"></i>
|
|
</div>
|
|
<h3>Industrial Construction</h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id tellus quis risus vehicula vehicula ut turpis.</p>
|
|
<div class="service-features">
|
|
<span><i class="bi bi-check-circle"></i> Manufacturing</span>
|
|
<span><i class="bi bi-check-circle"></i> Processing Plants</span>
|
|
<span><i class="bi bi-check-circle"></i> Storage Facilities</span>
|
|
</div>
|
|
<a href="service-details.html" class="service-link">Learn More <i class="bi bi-arrow-right"></i></a>
|
|
</div>
|
|
</div><!-- End Service Item -->
|
|
</div>
|
|
|
|
<div class="row mt-5">
|
|
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="service-image-block">
|
|
<img src="{{ asset('assets/img/construction/project-1.webp') }}" alt="Construction Services" class="img-fluid">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="service-list-block">
|
|
<h3>Additional Services</h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat.</p>
|
|
|
|
<div class="service-list">
|
|
<div class="service-list-item" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="service-list-icon">
|
|
<i class="bi bi-rulers"></i>
|
|
</div>
|
|
<div class="service-list-content">
|
|
<h4>Architectural Design</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae imperdiet neque.</p>
|
|
</div>
|
|
</div><!-- End Service List Item -->
|
|
|
|
<div class="service-list-item" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="service-list-icon">
|
|
<i class="bi bi-calendar-check"></i>
|
|
</div>
|
|
<div class="service-list-content">
|
|
<h4>Project Management</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lacinia dui lectus.</p>
|
|
</div>
|
|
</div><!-- End Service List Item -->
|
|
|
|
<div class="service-list-item" data-aos="fade-up" data-aos-delay="300">
|
|
<div class="service-list-icon">
|
|
<i class="bi bi-tools"></i>
|
|
</div>
|
|
<div class="service-list-content">
|
|
<h4>Renovation & Remodeling</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in nulla ut magna.</p>
|
|
</div>
|
|
</div><!-- End Service List Item -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cta-container text-center mt-5" data-aos="fade-up" data-aos-delay="300">
|
|
<h3>Ready to Start Your Construction Project?</h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi.</p>
|
|
<a href="#" class="btn btn-cta">Request a Free Quote</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Services Section -->
|
|
|
|
<!-- Projects Section -->
|
|
<section id="projects" class="projects section">
|
|
|
|
<!-- Section Title -->
|
|
<div class="container section-title">
|
|
<h2>Projects</h2>
|
|
<p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
|
|
</div><!-- End Section Title -->
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
|
|
<div class="projects-grid">
|
|
|
|
<div class="project-item" data-aos="zoom-in" data-aos-delay="100">
|
|
<div class="project-content">
|
|
<div class="project-header">
|
|
<span class="project-category">Commercial</span>
|
|
<span class="project-status completed">Completed</span>
|
|
</div>
|
|
<h3 class="project-title">Metropolitan Office Tower</h3>
|
|
<div class="project-details">
|
|
<div class="project-info">
|
|
<p>Innovative glass facade design with sustainable energy systems and modern workspace solutions.</p>
|
|
<div class="project-specs">
|
|
<span class="spec-item">
|
|
<i class="bi bi-building"></i>
|
|
32 Floors
|
|
</span>
|
|
<span class="spec-item">
|
|
<i class="bi bi-calendar-check"></i>
|
|
24 Months
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="project-location">
|
|
<i class="bi bi-geo-alt-fill"></i>
|
|
<span>New York, NY</span>
|
|
</div>
|
|
</div>
|
|
<a href="project-details.html" class="project-link">
|
|
<span>View Project</span>
|
|
<i class="bi bi-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
<div class="project-visual">
|
|
<img src="{{ asset('assets/img/construction/project-2.webp') }}" alt="Metropolitan Office Tower" class="img-fluid">
|
|
<div class="project-badge">
|
|
<i class="bi bi-award"></i>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Project Item -->
|
|
|
|
<div class="project-item" data-aos="zoom-in" data-aos-delay="200">
|
|
<div class="project-content">
|
|
<div class="project-header">
|
|
<span class="project-category">Residential</span>
|
|
<span class="project-status in-progress">In Progress</span>
|
|
</div>
|
|
<h3 class="project-title">Riverside Luxury Homes</h3>
|
|
<div class="project-details">
|
|
<div class="project-info">
|
|
<p>Premium residential development featuring eco-friendly materials and smart home integration.</p>
|
|
<div class="project-specs">
|
|
<span class="spec-item">
|
|
<i class="bi bi-house"></i>
|
|
24 Units
|
|
</span>
|
|
<span class="spec-item">
|
|
<i class="bi bi-calendar-check"></i>
|
|
18 Months
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="project-location">
|
|
<i class="bi bi-geo-alt-fill"></i>
|
|
<span>Portland, OR</span>
|
|
</div>
|
|
</div>
|
|
<a href="project-details.html" class="project-link">
|
|
<span>View Project</span>
|
|
<i class="bi bi-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
<div class="project-visual">
|
|
<img src="{{ asset('assets/img/construction/project-6.webp') }}" alt="Riverside Luxury Homes" class="img-fluid">
|
|
<div class="project-badge">
|
|
<i class="bi bi-tools"></i>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Project Item -->
|
|
|
|
<div class="project-item" data-aos="zoom-in" data-aos-delay="300">
|
|
<div class="project-content">
|
|
<div class="project-header">
|
|
<span class="project-category">Infrastructure</span>
|
|
<span class="project-status completed">Completed</span>
|
|
</div>
|
|
<h3 class="project-title">Highway Bridge Reconstruction</h3>
|
|
<div class="project-details">
|
|
<div class="project-info">
|
|
<p>Major infrastructure upgrade enhancing traffic flow and ensuring structural safety standards.</p>
|
|
<div class="project-specs">
|
|
<span class="spec-item">
|
|
<i class="bi bi-rulers"></i>
|
|
2.5 Miles
|
|
</span>
|
|
<span class="spec-item">
|
|
<i class="bi bi-calendar-check"></i>
|
|
36 Months
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="project-location">
|
|
<i class="bi bi-geo-alt-fill"></i>
|
|
<span>Dallas, TX</span>
|
|
</div>
|
|
</div>
|
|
<a href="project-details.html" class="project-link">
|
|
<span>View Project</span>
|
|
<i class="bi bi-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
<div class="project-visual">
|
|
<img src="{{ asset('assets/img/construction/project-10.webp') }}" alt="Highway Bridge Reconstruction" class="img-fluid">
|
|
<div class="project-badge">
|
|
<i class="bi bi-gear"></i>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Project Item -->
|
|
|
|
<div class="project-item" data-aos="zoom-in" data-aos-delay="100">
|
|
<div class="project-content">
|
|
<div class="project-header">
|
|
<span class="project-category">Healthcare</span>
|
|
<span class="project-status completed">Completed</span>
|
|
</div>
|
|
<h3 class="project-title">Children's Medical Facility</h3>
|
|
<div class="project-details">
|
|
<div class="project-info">
|
|
<p>Specialized pediatric center with family-friendly design and advanced medical technology integration.</p>
|
|
<div class="project-specs">
|
|
<span class="spec-item">
|
|
<i class="bi bi-hospital"></i>
|
|
8 Floors
|
|
</span>
|
|
<span class="spec-item">
|
|
<i class="bi bi-calendar-check"></i>
|
|
28 Months
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="project-location">
|
|
<i class="bi bi-geo-alt-fill"></i>
|
|
<span>Boston, MA</span>
|
|
</div>
|
|
</div>
|
|
<a href="project-details.html" class="project-link">
|
|
<span>View Project</span>
|
|
<i class="bi bi-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
<div class="project-visual">
|
|
<img src="{{ asset('assets/img/construction/project-4.webp') }}" alt="Children's Medical Facility" class="img-fluid">
|
|
<div class="project-badge">
|
|
<i class="bi bi-heart-pulse"></i>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Project Item -->
|
|
|
|
<div class="project-item" data-aos="zoom-in" data-aos-delay="200">
|
|
<div class="project-content">
|
|
<div class="project-header">
|
|
<span class="project-category">Educational</span>
|
|
<span class="project-status planning">Planning</span>
|
|
</div>
|
|
<h3 class="project-title">Innovation Campus Center</h3>
|
|
<div class="project-details">
|
|
<div class="project-info">
|
|
<p>Modern learning facility with flexible spaces designed for collaborative education and research.</p>
|
|
<div class="project-specs">
|
|
<span class="spec-item">
|
|
<i class="bi bi-mortarboard"></i>
|
|
5 Buildings
|
|
</span>
|
|
<span class="spec-item">
|
|
<i class="bi bi-calendar-check"></i>
|
|
42 Months
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="project-location">
|
|
<i class="bi bi-geo-alt-fill"></i>
|
|
<span>San Francisco, CA</span>
|
|
</div>
|
|
</div>
|
|
<a href="project-details.html" class="project-link">
|
|
<span>View Project</span>
|
|
<i class="bi bi-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
<div class="project-visual">
|
|
<img src="{{ asset('assets/img/construction/project-8.webp') }}" alt="Innovation Campus Center" class="img-fluid">
|
|
<div class="project-badge">
|
|
<i class="bi bi-lightbulb"></i>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Project Item -->
|
|
|
|
<div class="project-item" data-aos="zoom-in" data-aos-delay="300">
|
|
<div class="project-content">
|
|
<div class="project-header">
|
|
<span class="project-category">Industrial</span>
|
|
<span class="project-status completed">Completed</span>
|
|
</div>
|
|
<h3 class="project-title">Green Energy Plant</h3>
|
|
<div class="project-details">
|
|
<div class="project-info">
|
|
<p>Sustainable power generation facility incorporating renewable energy and efficient production systems.</p>
|
|
<div class="project-specs">
|
|
<span class="spec-item">
|
|
<i class="bi bi-lightning"></i>
|
|
150MW
|
|
</span>
|
|
<span class="spec-item">
|
|
<i class="bi bi-calendar-check"></i>
|
|
30 Months
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="project-location">
|
|
<i class="bi bi-geo-alt-fill"></i>
|
|
<span>Denver, CO</span>
|
|
</div>
|
|
</div>
|
|
<a href="project-details.html" class="project-link">
|
|
<span>View Project</span>
|
|
<i class="bi bi-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
<div class="project-visual">
|
|
<img src="{{ asset('assets/img/construction/project-12.webp') }}" alt="Green Energy Plant" class="img-fluid">
|
|
<div class="project-badge">
|
|
<i class="bi bi-leaf"></i>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Project Item -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Projects Section -->
|
|
|
|
<!-- Testimonials Section -->
|
|
<section id="testimonials" class="testimonials section">
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
|
|
<div class="testimonials-slider swiper init-swiper">
|
|
<script type="application/json" class="swiper-config">
|
|
{
|
|
"loop": true,
|
|
"speed": 600,
|
|
"autoplay": {
|
|
"delay": 5000
|
|
},
|
|
"slidesPerView": 1,
|
|
"spaceBetween": 30,
|
|
"pagination": {
|
|
"el": ".swiper-pagination",
|
|
"type": "bullets",
|
|
"clickable": true
|
|
},
|
|
"navigation": {
|
|
"nextEl": ".swiper-button-next",
|
|
"prevEl": ".swiper-button-prev"
|
|
}
|
|
}
|
|
</script>
|
|
<div class="swiper-wrapper">
|
|
|
|
<div class="swiper-slide">
|
|
<div class="testimonial-slide" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="testimonial-header">
|
|
<div class="stars-rating">
|
|
<i class="bi bi-star-fill"></i>
|
|
<i class="bi bi-star-fill"></i>
|
|
<i class="bi bi-star-fill"></i>
|
|
<i class="bi bi-star-fill"></i>
|
|
<i class="bi bi-star-fill"></i>
|
|
</div>
|
|
<div class="quote-icon">
|
|
<i class="bi bi-quote"></i>
|
|
</div>
|
|
</div>
|
|
<div class="testimonial-body">
|
|
<p>"Outstanding service quality and innovative solutions have completely transformed our business processes, resulting in enhanced productivity and exceptional customer satisfaction throughout our organization."</p>
|
|
</div>
|
|
<div class="testimonial-footer">
|
|
<div class="author-info">
|
|
<img src="{{ asset('assets/img/person/person-f-12.webp') }}" alt="Author" class="author-avatar">
|
|
<div class="author-details">
|
|
<h4>Sophia Martinez</h4>
|
|
<span class="role">Operations Director</span>
|
|
<span class="company">TechVision Corp</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="swiper-slide">
|
|
<div class="testimonial-slide" data-aos="fade-up" data-aos-delay="300">
|
|
<div class="testimonial-header">
|
|
<div class="stars-rating">
|
|
<i class="bi bi-star-fill"></i>
|
|
<i class="bi bi-star-fill"></i>
|
|
<i class="bi bi-star-fill"></i>
|
|
<i class="bi bi-star-fill"></i>
|
|
<i class="bi bi-star-fill"></i>
|
|
</div>
|
|
<div class="quote-icon">
|
|
<i class="bi bi-quote"></i>
|
|
</div>
|
|
</div>
|
|
<div class="testimonial-body">
|
|
<p>"Professional expertise and dedicated support have significantly improved our project delivery timelines while maintaining exceptional quality standards across all our initiatives."</p>
|
|
</div>
|
|
<div class="testimonial-footer">
|
|
<div class="author-info">
|
|
<img src="{{ asset('assets/img/person/person-m-14.webp') }}" alt="Author" class="author-avatar">
|
|
<div class="author-details">
|
|
<h4>Michael Anderson</h4>
|
|
<span class="role">Project Manager</span>
|
|
<span class="company">InnovateTech Ltd</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="swiper-slide">
|
|
<div class="testimonial-slide" data-aos="fade-up" data-aos-delay="400">
|
|
<div class="testimonial-header">
|
|
<div class="stars-rating">
|
|
<i class="bi bi-star-fill"></i>
|
|
<i class="bi bi-star-fill"></i>
|
|
<i class="bi bi-star-fill"></i>
|
|
<i class="bi bi-star-fill"></i>
|
|
<i class="bi bi-star-fill"></i>
|
|
</div>
|
|
<div class="quote-icon">
|
|
<i class="bi bi-quote"></i>
|
|
</div>
|
|
</div>
|
|
<div class="testimonial-body">
|
|
<p>"Strategic collaboration and innovative thinking have enabled remarkable digital transformation, leading to increased efficiency and measurable business growth results."</p>
|
|
</div>
|
|
<div class="testimonial-footer">
|
|
<div class="author-info">
|
|
<img src="{{ asset('assets/img/person/person-f-11.webp') }}" alt="Author" class="author-avatar">
|
|
<div class="author-details">
|
|
<h4>Jennifer Wilson</h4>
|
|
<span class="role">Digital Strategy Lead</span>
|
|
<span class="company">FutureScope Inc</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper-navigation-wrapper">
|
|
<div class="swiper-button-prev"></div>
|
|
<div class="swiper-pagination"></div>
|
|
<div class="swiper-button-next"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Testimonials Section -->
|
|
|
|
<!-- Certifications Section -->
|
|
<section id="certifications" class="certifications section">
|
|
|
|
<!-- Section Title -->
|
|
<div class="container section-title">
|
|
<h2>Certified & Trusted</h2>
|
|
<p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
|
|
</div><!-- End Section Title -->
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
|
|
<div class="row align-items-center mb-5 content">
|
|
<div class="col-lg-6" data-aos="fade-right" data-aos-delay="200">
|
|
<h2>Industry Certifications & Excellence</h2>
|
|
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae. Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Pellentesque in ipsum id orci porta dapibus.</p>
|
|
</div>
|
|
<div class="col-lg-6" data-aos="fade-left" data-aos-delay="300">
|
|
<div class="badge-highlight">
|
|
<img src="{{ asset('assets/img/construction/badge-5.webp') }}" alt="Quality Excellence Badge" class="img-fluid">
|
|
<div class="badge-content">
|
|
<h4>Premier Contractor Status</h4>
|
|
<p>Recognized by the state board for outstanding quality and safety standards</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="certification-grid" data-aos="fade-up" data-aos-delay="400">
|
|
|
|
<div class="cert-card" data-aos="flip-left" data-aos-delay="100">
|
|
<div class="cert-icon">
|
|
<img src="{{ asset('assets/img/construction/badge-1.webp') }}" alt="ISO 9001" class="img-fluid">
|
|
</div>
|
|
<div class="cert-details">
|
|
<h5>ISO 9001:2015</h5>
|
|
<span class="cert-category">Quality Management</span>
|
|
<p>Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Sed porttitor lectus nibh.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cert-card" data-aos="flip-left" data-aos-delay="200">
|
|
<div class="cert-icon">
|
|
<img src="{{ asset('assets/img/construction/badge-2.webp') }}" alt="OSHA" class="img-fluid">
|
|
</div>
|
|
<div class="cert-details">
|
|
<h5>OSHA 30-Hour</h5>
|
|
<span class="cert-category">Safety Standards</span>
|
|
<p>Curabitur non nulla sit amet nisl tempus convallis quis ac lectus vestibulum.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cert-card" data-aos="flip-left" data-aos-delay="300">
|
|
<div class="cert-icon">
|
|
<img src="{{ asset('assets/img/construction/badge-3.webp') }}" alt="Licensed" class="img-fluid">
|
|
</div>
|
|
<div class="cert-details">
|
|
<h5>State Licensed</h5>
|
|
<span class="cert-category">Legal Compliance</span>
|
|
<p>Donec rutrum congue leo eget malesuada. Vestibulum ac diam sit amet quam.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cert-card" data-aos="flip-left" data-aos-delay="400">
|
|
<div class="cert-icon">
|
|
<img src="{{ asset('assets/img/construction/badge-4.webp') }}" alt="Green Building" class="img-fluid">
|
|
</div>
|
|
<div class="cert-details">
|
|
<h5>LEED Certified</h5>
|
|
<span class="cert-category">Sustainable Building</span>
|
|
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cert-card" data-aos="flip-left" data-aos-delay="500">
|
|
<div class="cert-icon">
|
|
<img src="{{ asset('assets/img/construction/badge-6.webp') }}" alt="Insurance" class="img-fluid">
|
|
</div>
|
|
<div class="cert-details">
|
|
<h5>Fully Insured</h5>
|
|
<span class="cert-category">Risk Management</span>
|
|
<p>Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cert-card" data-aos="flip-left" data-aos-delay="600">
|
|
<div class="cert-icon">
|
|
<img src="{{ asset('assets/img/construction/badge-7.webp') }}" alt="Training" class="img-fluid">
|
|
</div>
|
|
<div class="cert-details">
|
|
<h5>Skills Certified</h5>
|
|
<span class="cert-category">Professional Training</span>
|
|
<p>Quisque velit nisi, pretium ut lacinia in, elementum id enim mauris blandit.</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="achievements-banner" data-aos="zoom-in" data-aos-delay="700">
|
|
<div class="row text-center">
|
|
<div class="col-lg-3 col-sm-6">
|
|
<div class="achievement-item">
|
|
<i class="bi bi-award"></i>
|
|
<h3>15+</h3>
|
|
<p>Industry Awards</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-6">
|
|
<div class="achievement-item">
|
|
<i class="bi bi-shield-check"></i>
|
|
<h3>Zero</h3>
|
|
<p>Safety Incidents</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-6">
|
|
<div class="achievement-item">
|
|
<i class="bi bi-clock-history"></i>
|
|
<h3>18</h3>
|
|
<p>Years Experience</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-6">
|
|
<div class="achievement-item">
|
|
<i class="bi bi-people"></i>
|
|
<h3>350+</h3>
|
|
<p>Satisfied Clients</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Certifications Section -->
|
|
|
|
<!-- Team Section -->
|
|
<section id="team" class="team section">
|
|
|
|
<!-- Section Title -->
|
|
<div class="container section-title">
|
|
<h2>Team</h2>
|
|
<p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
|
|
</div><!-- End Section Title -->
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
|
|
<div class="row gy-4">
|
|
|
|
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="team-card featured">
|
|
<div class="team-header">
|
|
<div class="team-image">
|
|
<img src="{{ asset('assets/img/construction/team-1.webp') }}" class="img-fluid" alt="">
|
|
<div class="experience-badge">15+ Years</div>
|
|
</div>
|
|
<div class="team-info">
|
|
<h4>Marcus Thompson</h4>
|
|
<span class="position">Project Manager</span>
|
|
<div class="contact-info">
|
|
<a href="mailto:marcus@example.com"><i class="bi bi-envelope"></i> marcus@example.com</a>
|
|
<a href="tel:+1555123456"><i class="bi bi-telephone"></i> +1 (555) 123-456</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="team-details">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
<div class="credentials">
|
|
<div class="cred-item">
|
|
<i class="bi bi-award"></i>
|
|
<span>PMP Certified</span>
|
|
</div>
|
|
<div class="cred-item">
|
|
<i class="bi bi-shield-check"></i>
|
|
<span>OSHA 30</span>
|
|
</div>
|
|
</div>
|
|
<div class="social-links">
|
|
<a href="#"><i class="bi bi-linkedin"></i></a>
|
|
<a href="#"><i class="bi bi-twitter-x"></i></a>
|
|
<a href="#"><i class="bi bi-facebook"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Featured Team Member -->
|
|
|
|
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="team-card featured">
|
|
<div class="team-header">
|
|
<div class="team-image">
|
|
<img src="{{ asset('assets/img/construction/team-2.webp') }}" class="img-fluid" alt="">
|
|
<div class="experience-badge">12+ Years</div>
|
|
</div>
|
|
<div class="team-info">
|
|
<h4>Sarah Rodriguez</h4>
|
|
<span class="position">Site Supervisor</span>
|
|
<div class="contact-info">
|
|
<a href="mailto:sarah@example.com"><i class="bi bi-envelope"></i> sarah@example.com</a>
|
|
<a href="tel:+1555123457"><i class="bi bi-telephone"></i> +1 (555) 123-457</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="team-details">
|
|
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
<div class="credentials">
|
|
<div class="cred-item">
|
|
<i class="bi bi-person-badge"></i>
|
|
<span>Licensed Contractor</span>
|
|
</div>
|
|
<div class="cred-item">
|
|
<i class="bi bi-tools"></i>
|
|
<span>Site Management</span>
|
|
</div>
|
|
</div>
|
|
<div class="social-links">
|
|
<a href="#"><i class="bi bi-linkedin"></i></a>
|
|
<a href="#"><i class="bi bi-twitter-x"></i></a>
|
|
<a href="#"><i class="bi bi-instagram"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Featured Team Member -->
|
|
|
|
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
|
|
<div class="team-card compact">
|
|
<div class="member-photo">
|
|
<img src="{{ asset('assets/img/construction/team-3.webp') }}" class="img-fluid" alt="">
|
|
<div class="hover-overlay">
|
|
<div class="overlay-content">
|
|
<h5>David Chen</h5>
|
|
<span>Lead Engineer</span>
|
|
<div class="quick-contact">
|
|
<a href="#"><i class="bi bi-envelope"></i></a>
|
|
<a href="#"><i class="bi bi-telephone"></i></a>
|
|
<a href="#"><i class="bi bi-linkedin"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="member-summary">
|
|
<h5>David Chen</h5>
|
|
<span>Lead Engineer</span>
|
|
<div class="skills">
|
|
<span class="skill-tag">PE License</span>
|
|
<span class="skill-tag">LEED AP</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Compact Team Member -->
|
|
|
|
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
|
|
<div class="team-card compact">
|
|
<div class="member-photo">
|
|
<img src="{{ asset('assets/img/construction/team-4.webp') }}" class="img-fluid" alt="">
|
|
<div class="hover-overlay">
|
|
<div class="overlay-content">
|
|
<h5>Lisa Johnson</h5>
|
|
<span>Safety Coordinator</span>
|
|
<div class="quick-contact">
|
|
<a href="#"><i class="bi bi-envelope"></i></a>
|
|
<a href="#"><i class="bi bi-telephone"></i></a>
|
|
<a href="#"><i class="bi bi-linkedin"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="member-summary">
|
|
<h5>Lisa Johnson</h5>
|
|
<span>Safety Coordinator</span>
|
|
<div class="skills">
|
|
<span class="skill-tag">CSP Certified</span>
|
|
<span class="skill-tag">Safety Expert</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Compact Team Member -->
|
|
|
|
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="team-card compact">
|
|
<div class="member-photo">
|
|
<img src="{{ asset('assets/img/construction/team-5.webp') }}" class="img-fluid" alt="">
|
|
<div class="hover-overlay">
|
|
<div class="overlay-content">
|
|
<h5>Robert Martinez</h5>
|
|
<span>Equipment Operator</span>
|
|
<div class="quick-contact">
|
|
<a href="#"><i class="bi bi-envelope"></i></a>
|
|
<a href="#"><i class="bi bi-telephone"></i></a>
|
|
<a href="#"><i class="bi bi-linkedin"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="member-summary">
|
|
<h5>Robert Martinez</h5>
|
|
<span>Equipment Operator</span>
|
|
<div class="skills">
|
|
<span class="skill-tag">Heavy Equipment</span>
|
|
<span class="skill-tag">10+ Years</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Compact Team Member -->
|
|
|
|
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="team-card compact">
|
|
<div class="member-photo">
|
|
<img src="{{ asset('assets/img/construction/team-6.webp') }}" class="img-fluid" alt="">
|
|
<div class="hover-overlay">
|
|
<div class="overlay-content">
|
|
<h5>Emily Davis</h5>
|
|
<span>Quality Control Specialist</span>
|
|
<div class="quick-contact">
|
|
<a href="#"><i class="bi bi-envelope"></i></a>
|
|
<a href="#"><i class="bi bi-telephone"></i></a>
|
|
<a href="#"><i class="bi bi-linkedin"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="member-summary">
|
|
<h5>Emily Davis</h5>
|
|
<span>Quality Control Specialist</span>
|
|
<div class="skills">
|
|
<span class="skill-tag">Quality Assurance</span>
|
|
<span class="skill-tag">Certified</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Compact Team Member -->
|
|
|
|
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
|
|
<div class="team-card compact">
|
|
<div class="member-photo">
|
|
<img src="{{ asset('assets/img/construction/team-7.webp') }}" class="img-fluid" alt="">
|
|
<div class="hover-overlay">
|
|
<div class="overlay-content">
|
|
<h5>James Wilson</h5>
|
|
<span>Foreman</span>
|
|
<div class="quick-contact">
|
|
<a href="#"><i class="bi bi-envelope"></i></a>
|
|
<a href="#"><i class="bi bi-telephone"></i></a>
|
|
<a href="#"><i class="bi bi-linkedin"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="member-summary">
|
|
<h5>James Wilson</h5>
|
|
<span>Foreman</span>
|
|
<div class="skills">
|
|
<span class="skill-tag">Supervisor</span>
|
|
<span class="skill-tag">Leadership</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Compact Team Member -->
|
|
|
|
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
|
|
<div class="team-card compact">
|
|
<div class="member-photo">
|
|
<img src="{{ asset('assets/img/construction/team-8.webp') }}" class="img-fluid" alt="">
|
|
<div class="hover-overlay">
|
|
<div class="overlay-content">
|
|
<h5>Amanda Taylor</h5>
|
|
<span>Estimator</span>
|
|
<div class="quick-contact">
|
|
<a href="#"><i class="bi bi-envelope"></i></a>
|
|
<a href="#"><i class="bi bi-telephone"></i></a>
|
|
<a href="#"><i class="bi bi-linkedin"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="member-summary">
|
|
<h5>Amanda Taylor</h5>
|
|
<span>Estimator</span>
|
|
<div class="skills">
|
|
<span class="skill-tag">Cost Professional</span>
|
|
<span class="skill-tag">Analytics</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Compact Team Member -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Team Section -->
|
|
|
|
<!-- Call To Action Section -->
|
|
<section id="call-to-action" class="call-to-action section light-background">
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
|
|
<div class="row g-5 align-items-center">
|
|
|
|
<div class="col-lg-6">
|
|
<div class="cta-hero-content" data-aos="fade-right" data-aos-delay="200">
|
|
<div class="badge-wrapper">
|
|
<span class="cta-badge">
|
|
<i class="bi bi-shield-check"></i>
|
|
Licensed & Bonded Since 2008
|
|
</span>
|
|
</div>
|
|
|
|
<h2>Transform Your Space with Expert Construction Services</h2>
|
|
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae. Mauris viverra veniam sit amet lacus cursus venenatis. Donec auctor blandit quam, ac sollicitudin eros convallis vel.</p>
|
|
|
|
<div class="feature-highlights">
|
|
<div class="highlight-item">
|
|
<i class="bi bi-check-circle-fill"></i>
|
|
<span>Free project consultation and detailed estimates</span>
|
|
</div>
|
|
<div class="highlight-item">
|
|
<i class="bi bi-check-circle-fill"></i>
|
|
<span>Comprehensive insurance coverage for all projects</span>
|
|
</div>
|
|
<div class="highlight-item">
|
|
<i class="bi bi-check-circle-fill"></i>
|
|
<span>24/7 emergency response and support services</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-6">
|
|
<div class="cta-form-section" data-aos="fade-left" data-aos-delay="300">
|
|
<div class="form-container">
|
|
<div class="form-header">
|
|
<h3>Request Your Free Quote</h3>
|
|
<p>Get started with your next construction project today</p>
|
|
</div>
|
|
|
|
<form action="forms/get-a-quote.php" method="post" class="php-email-form">
|
|
<div class="row g-3">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<input type="text" name="name" class="form-control" placeholder="Your Name" required="">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<input type="email" name="email" class="form-control" placeholder="Your Email" required="">
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="form-group">
|
|
<input type="tel" name="phone" class="form-control" placeholder="Phone Number" required="">
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="form-group">
|
|
<select name="type" class="form-control" required="">
|
|
<option value="">Select Project Type</option>
|
|
<option value="residential">Residential Construction</option>
|
|
<option value="commercial">Commercial Building</option>
|
|
<option value="renovation">Renovation & Remodeling</option>
|
|
<option value="industrial">Industrial Projects</option>
|
|
<option value="other">Other</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="form-group">
|
|
<textarea name="message" class="form-control" rows="4" placeholder="Project Details" required=""></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="loading">Loading</div>
|
|
<div class="error-message"></div>
|
|
<div class="sent-message">Your quote request has been sent. Thank you!</div>
|
|
|
|
<div class="form-actions">
|
|
<button type="submit" class="btn btn-primary">
|
|
<i class="bi bi-send"></i>
|
|
Send Quote Request
|
|
</button>
|
|
|
|
<div class="contact-alternative">
|
|
<span>Or call us directly:</span>
|
|
<a href="tel:+15558921567" class="phone-link">
|
|
<i class="bi bi-telephone-fill"></i>
|
|
+1 (555) 892-1567
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="trust-indicators" data-aos="fade-up" data-aos-delay="400">
|
|
<div class="row g-3">
|
|
<div class="col-4">
|
|
<div class="trust-item">
|
|
<div class="trust-icon">
|
|
<i class="bi bi-clock"></i>
|
|
</div>
|
|
<div class="trust-content">
|
|
<span class="trust-number">24h</span>
|
|
<span class="trust-label">Response Time</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="trust-item">
|
|
<div class="trust-icon">
|
|
<i class="bi bi-star-fill"></i>
|
|
</div>
|
|
<div class="trust-content">
|
|
<span class="trust-number">4.9</span>
|
|
<span class="trust-label">Customer Rating</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="trust-item">
|
|
<div class="trust-icon">
|
|
<i class="bi bi-hammer"></i>
|
|
</div>
|
|
<div class="trust-content">
|
|
<span class="trust-number">350+</span>
|
|
<span class="trust-label">Projects Done</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Call To Action Section -->
|
|
|
|
</main>
|
|
|
|
<footer id="footer" class="footer dark-background">
|
|
|
|
<div class="container footer-top">
|
|
<div class="row gy-4">
|
|
<div class="col-lg-5 col-md-12 footer-about">
|
|
<a href="index.html" class="logo d-flex align-items-center">
|
|
<span class="sitename">MyWebsite</span>
|
|
</a>
|
|
<p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p>
|
|
<div class="social-links d-flex mt-4">
|
|
<a href=""><i class="bi bi-twitter-x"></i></a>
|
|
<a href=""><i class="bi bi-facebook"></i></a>
|
|
<a href=""><i class="bi bi-instagram"></i></a>
|
|
<a href=""><i class="bi bi-linkedin"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-6 footer-links">
|
|
<h4>Useful Links</h4>
|
|
<ul>
|
|
<li><a href="#">Home</a></li>
|
|
<li><a href="#">About us</a></li>
|
|
<li><a href="#">Services</a></li>
|
|
<li><a href="#">Terms of service</a></li>
|
|
<li><a href="#">Privacy policy</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-6 footer-links">
|
|
<h4>Our Services</h4>
|
|
<ul>
|
|
<li><a href="#">Web Design</a></li>
|
|
<li><a href="#">Web Development</a></li>
|
|
<li><a href="#">Product Management</a></li>
|
|
<li><a href="#">Marketing</a></li>
|
|
<li><a href="#">Graphic Design</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
|
|
<h4>Contact Us</h4>
|
|
<p>A108 Adam Street</p>
|
|
<p>New York, NY 535022</p>
|
|
<p>United States</p>
|
|
<p class="mt-4"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p>
|
|
<p><strong>Email:</strong> <span>info@example.com</span></p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container copyright text-center mt-4">
|
|
<p>© <span>Copyright</span> <strong class="px-1 sitename">Constructo</strong> <span>All Rights Reserved</span></p>
|
|
<div class="credits">
|
|
<!-- All the links in the footer should remain intact. -->
|
|
<!-- You can delete the links only if you've purchased the pro version. -->
|
|
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
|
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
|
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> | <a href="https://bootstrapmade.com/tools/">DevTools</a>
|
|
</div>
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
<!-- Scroll Top -->
|
|
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
|
|
|
<!-- Preloader -->
|
|
<div id="preloader"></div>
|
|
|
|
<!-- Vendor JS Files -->
|
|
<script src="{{ asset('assets/vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
|
|
<script src="{{ asset('assets/vendor/php-email-form/validate.js') }}"></script>
|
|
<script src="{{ asset('assets/vendor/aos/aos.js') }}"></script>
|
|
<script src="{{ asset('assets/vendor/swiper/swiper-bundle.min.js') }}"></script>
|
|
<script src="{{ asset('assets/vendor/glightbox/js/glightbox.min.js') }}"></script>
|
|
|
|
<!-- Main JS File -->
|
|
<script src="{{ asset('assets/js/main.js') }}"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|