Initialize website project structure
This commit is contained in:
@@ -0,0 +1,331 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="author" content="Awaiken">
|
||||
<!-- Page Title -->
|
||||
<title>Renovex - Construction HTML Template</title>
|
||||
<!-- Favicon Icon -->
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
|
||||
<!-- Google Fonts Css-->
|
||||
<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||||
<!-- SlickNav Css -->
|
||||
<link href="assets/css/slicknav.min.css" rel="stylesheet">
|
||||
<!-- Swiper Css -->
|
||||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||||
<!-- Font Awesome Icon Css-->
|
||||
<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
|
||||
<!-- Animated Css -->
|
||||
<link href="assets/css/animate.css" rel="stylesheet">
|
||||
<!-- Magnific Popup Core Css File -->
|
||||
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||
<!-- Mouse Cursor Css File -->
|
||||
<link rel="stylesheet" href="assets/css/mousecursor.css">
|
||||
<!-- Main Custom Css -->
|
||||
<link href="assets/css/custom.css" rel="stylesheet" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Preloader Start -->
|
||||
<div class="preloader">
|
||||
<div class="loading-container">
|
||||
<div class="loading"></div>
|
||||
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End -->
|
||||
|
||||
<!-- Header Start -->
|
||||
<header class="main-header">
|
||||
<div class="header-sticky">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo Start -->
|
||||
<a class="navbar-brand" href="./">
|
||||
<img src="images/logo.svg" alt="Logo">
|
||||
</a>
|
||||
<!-- Logo End -->
|
||||
|
||||
<!-- Main Menu Start -->
|
||||
<div class="collapse navbar-collapse main-menu">
|
||||
<div class="nav-menu-wrapper">
|
||||
<ul class="navbar-nav mr-auto" id="menu">
|
||||
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/">Home - Version 1</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/index-2">Home - Version 2</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/index-3">Home - Version 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about">About Us</a>
|
||||
<li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
|
||||
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/404">404</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Header Btn Start -->
|
||||
<div class="header-btn">
|
||||
<a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
|
||||
</div>
|
||||
<!-- Header Btn End -->
|
||||
</div>
|
||||
<!-- Main Menu End -->
|
||||
<div class="navbar-toggle"></div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="responsive-menu"></div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
|
||||
<!-- Page Header Section Start -->
|
||||
<div class="page-header parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Page Header Box Start -->
|
||||
<div class="page-header-box">
|
||||
<h1 class="text-anime-style-3" data-cursor="-opaque">Page not found</h1>
|
||||
<nav class="wow fadeInUp">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="./">home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">404 error page</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Page Header Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Section End -->
|
||||
|
||||
<!-- error Page start -->
|
||||
<div class="error-page">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="error-page-image wow fadeInUp">
|
||||
<img src="images/404-error-img.png" alt="">
|
||||
</div>
|
||||
<div class="error-page-content">
|
||||
<div class="section-title">
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Oops! page not found</h2>
|
||||
</div>
|
||||
<div class="error-page-content-body">
|
||||
<p class="wow fadeInUp" data-wow-delay="0.2s">The page you are looking for does not exist.</p>
|
||||
<a class="btn-default wow fadeInUp" data-wow-delay="0.4s" href="./">back to home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- error Page end -->
|
||||
|
||||
<!-- Main Footer Start -->
|
||||
<footer class="main-footer dark-section">
|
||||
<!-- Scrolling Ticker Section Start -->
|
||||
<div class="footer-scrolling-ticker">
|
||||
<!-- Scrolling Ticker Box Start -->
|
||||
<div class="scrolling-ticker-box">
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Box End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Section End -->
|
||||
|
||||
<!-- Footer Box Start -->
|
||||
<div class="footer-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4">
|
||||
<!-- About Footer Start -->
|
||||
<div class="about-footer">
|
||||
<!-- Footer Logo Start -->
|
||||
<div class="footer-logo">
|
||||
<img src="images/footer-logo.svg" alt="">
|
||||
</div>
|
||||
<!-- Footer Logo End -->
|
||||
|
||||
<!-- About Footer Content Start -->
|
||||
<div class="footer-working-hours">
|
||||
<h3>Working Hours:</h3>
|
||||
<ul>
|
||||
<li>Monday - Friday: 09:00 AM - 06:00 PM</li>
|
||||
<li>Saturday - Sunday: Closed</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- About Footer Content End -->
|
||||
</div>
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-8">
|
||||
<!-- Footer Links Box Start -->
|
||||
<div class="footer-links-box">
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-location-info">
|
||||
<h3>Contact Information</h3>
|
||||
<p>123 Maplewood Drive, Pinehill, CA 90210</p>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-contact-links">
|
||||
<h3>Get in Touch</h3>
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
|
||||
<li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Newsletter Form Start -->
|
||||
<div class="footer-links footer-newsletter-form">
|
||||
<h3>Newsletter Subscription</h3>
|
||||
<p>Stay updated on our latest projects, tips, and offers.</p>
|
||||
<form id="newslettersForm" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
|
||||
<button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Footer Newsletter Form End -->
|
||||
|
||||
<!-- Footer Social Link Start -->
|
||||
<div class="footer-links footer-social-links">
|
||||
<h3>Follow On Socials:</h3>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Social Link End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Footer Copyright Start -->
|
||||
<div class="footer-copyright">
|
||||
<!-- Footer Menu Start -->
|
||||
<div class="footer-menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/services">Service</a></li>
|
||||
<li><a href="/projects">Project</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Menu End -->
|
||||
|
||||
<!-- Footer Copyright Text Start -->
|
||||
<div class="footer-copyright-text">
|
||||
<p>Copyright © 2025 All Rights Reserved.</p>
|
||||
</div>
|
||||
<!-- Footer Copyright Text End -->
|
||||
</div>
|
||||
<!-- Footer Copyright End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer Box End -->
|
||||
</footer>
|
||||
<!-- Main Footer End -->
|
||||
|
||||
<!-- Jquery Library File -->
|
||||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||||
<!-- Bootstrap js file -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<!-- Validator js file -->
|
||||
<script src="assets/js/validator.min.js"></script>
|
||||
<!-- SlickNav js file -->
|
||||
<script src="assets/js/jquery.slicknav.js"></script>
|
||||
<!-- Swiper js file -->
|
||||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||||
<!-- Counter js file -->
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<!-- Isotop js file -->
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<!-- Magnific js file -->
|
||||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||||
<!-- SmoothScroll -->
|
||||
<script src="assets/js/SmoothScroll.js"></script>
|
||||
<!-- Parallax js -->
|
||||
<script src="assets/js/parallaxie.js"></script>
|
||||
<!-- MagicCursor js file -->
|
||||
<script src="assets/js/gsap.min.js"></script>
|
||||
<script src="assets/js/magiccursor.js"></script>
|
||||
<!-- Text Effect js file -->
|
||||
<script src="assets/js/SplitText.min.js"></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js"></script>
|
||||
<!-- YTPlayer js File -->
|
||||
<script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
|
||||
<!-- Wow js file -->
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<!-- Main Custom js file -->
|
||||
<script src="assets/js/function.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
+1334
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,385 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="author" content="Awaiken">
|
||||
<!-- Page Title -->
|
||||
<title>Renovex - Construction HTML Template</title>
|
||||
<!-- Favicon Icon -->
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
|
||||
<!-- Google Fonts Css-->
|
||||
<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||||
<!-- SlickNav Css -->
|
||||
<link href="assets/css/slicknav.min.css" rel="stylesheet">
|
||||
<!-- Swiper Css -->
|
||||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||||
<!-- Font Awesome Icon Css-->
|
||||
<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
|
||||
<!-- Animated Css -->
|
||||
<link href="assets/css/animate.css" rel="stylesheet">
|
||||
<!-- Magnific Popup Core Css File -->
|
||||
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||
<!-- Mouse Cursor Css File -->
|
||||
<link rel="stylesheet" href="assets/css/mousecursor.css">
|
||||
<!-- Main Custom Css -->
|
||||
<link href="assets/css/custom.css" rel="stylesheet" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Preloader Start -->
|
||||
<div class="preloader">
|
||||
<div class="loading-container">
|
||||
<div class="loading"></div>
|
||||
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End -->
|
||||
|
||||
<!-- Header Start -->
|
||||
<header class="main-header">
|
||||
<div class="header-sticky">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo Start -->
|
||||
<a class="navbar-brand" href="./">
|
||||
<img src="images/logo.svg" alt="Logo">
|
||||
</a>
|
||||
<!-- Logo End -->
|
||||
|
||||
<!-- Main Menu Start -->
|
||||
<div class="collapse navbar-collapse main-menu">
|
||||
<div class="nav-menu-wrapper">
|
||||
<ul class="navbar-nav mr-auto" id="menu">
|
||||
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about">About Us</a>
|
||||
<li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
|
||||
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/404">404</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Header Btn Start -->
|
||||
<div class="header-btn">
|
||||
<a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
|
||||
</div>
|
||||
<!-- Header Btn End -->
|
||||
</div>
|
||||
<!-- Main Menu End -->
|
||||
<div class="navbar-toggle"></div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="responsive-menu"></div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
|
||||
<!-- Page Header Section Start -->
|
||||
<div class="page-header parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Page Header Box Start -->
|
||||
<div class="page-header-box">
|
||||
<h1 class="text-anime-style-3" data-cursor="-opaque">Bridging aesthetics...</h1>
|
||||
<div class="post-single-meta wow fadeInUp">
|
||||
<ol class="breadcrumb">
|
||||
<li><i class="fa-regular fa-user"></i> Admin</li>
|
||||
<li><i class="fa-regular fa-clock"></i> 09 Nov, 2025</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Section End -->
|
||||
|
||||
<!-- Page Single Post Start -->
|
||||
<div class="page-single-post">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Post Featured Image Start -->
|
||||
<div class="post-image">
|
||||
<figure class="image-anime reveal">
|
||||
<img src="images/post-2.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<!-- Post Featured Image Start -->
|
||||
|
||||
<!-- Post Single Content Start -->
|
||||
<div class="post-content">
|
||||
<!-- Post Entry Start -->
|
||||
<div class="post-entry">
|
||||
<p class="wow fadeInUp">Modern building design is no longer just about creating structures that look impressive from the outside. Today, the true value of design lies in balancing aesthetic appeal with everyday usability. A building must be visually engaging, but it must also support the activities, comfort, and movement of the people who use it. This balance between beauty and practicality creates environments that are meaningful, efficient, and long-lasting.</p>
|
||||
|
||||
<p class="wow fadeInUp" data-wow-delay="0.2s">Aesthetics shape the first impression of a space. The lines of the structure, the choice of materials, the natural light, and the color palette all influence how a building feels. A well-designed aesthetic can inspire creativity in workplaces, create calm in homes, or convey professionalism in business environments. It gives a building identity and emotional connection.</p>
|
||||
|
||||
<blockquote class="wow fadeInUp" data-wow-delay="0.4s">
|
||||
<p>A well-designed building balances beauty and purpose, creating spaces that look inviting and work smoothly. When aesthetics meet functionality, environments become comfortable, efficient, inspiring, and truly meaningful for everyday living.</p>
|
||||
</blockquote>
|
||||
|
||||
<p class="wow fadeInUp" data-wow-delay="0.6s">Functionality, on the other hand, ensures that the building works. The layout should feel natural to navigate. Systems such as lighting, ventilation, and circulation should support daily activities without effort. Storage, accessibility, and long-term maintenance must be considered from the beginning to prevent inconvenience later. When functionality is prioritized, the space becomes easy to live in, work in, and maintain.</p>
|
||||
|
||||
<h2 class="wow fadeInUp" data-wow-delay="0.8s">Why functionality matters</h2>
|
||||
|
||||
<p class="wow fadeInUp" data-wow-delay="1s">Functionality ensures that a building supports the daily activities of the people who use it. When spaces are planned well, movement feels natural, systems work efficiently, and the environment remains comfortable and practical over time.</p>
|
||||
|
||||
<ul class="wow fadeInUp" data-wow-delay="1.2s">
|
||||
<li>Functional design ensures spaces are easy to move through, reducing congestion and improving daily usability.</li>
|
||||
<li>Rooms, work zones, and pathways are arranged in ways that support natural behavior and daily routines.</li>
|
||||
<li>Every square foot is utilized purposefully, preventing wasted space and improving the overall efficiency of the building.</li>
|
||||
<li>When environments are designed for easy access and smooth workflow, users work faster and more comfortably.</li>
|
||||
<li>Functionally planned spaces maximize fresh air and daylight, supporting health, energy savings, and well-being.</li>
|
||||
</ul>
|
||||
|
||||
<p class="wow fadeInUp" data-wow-delay="1.4s">Functionality is the foundation of good design. When the layout, lighting, ventilation, accessibility, and circulation are thoughtfully planned, the building becomes comfortable, safe, and efficient to use. Without functionality, even the most beautiful design feels inconvenient and difficult to maintain.</p>
|
||||
</div>
|
||||
<!-- Post Entry End -->
|
||||
|
||||
<!-- Post Tag Links Start -->
|
||||
<div class="post-tag-links">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-8">
|
||||
<!-- Post Tags Start -->
|
||||
<div class="post-tags wow fadeInUp" data-wow-delay="0.5s">
|
||||
<span class="tag-links">
|
||||
Tags:
|
||||
<a href="#">Architecture</a>
|
||||
<a href="#">Functionality</a>
|
||||
<a href="#">Construction</a>
|
||||
</span>
|
||||
</div>
|
||||
<!-- Post Tags End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4">
|
||||
<!-- Post Social Links Start -->
|
||||
<div class="post-social-sharing wow fadeInUp" data-wow-delay="0.5s">
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Post Social Links End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Post Tag Links End -->
|
||||
</div>
|
||||
<!-- Post Single Content End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Single Post End -->
|
||||
|
||||
|
||||
<!-- Main Footer Start -->
|
||||
<footer class="main-footer dark-section">
|
||||
<!-- Scrolling Ticker Section Start -->
|
||||
<div class="footer-scrolling-ticker">
|
||||
<!-- Scrolling Ticker Box Start -->
|
||||
<div class="scrolling-ticker-box">
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Box End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Section End -->
|
||||
|
||||
<!-- Footer Box Start -->
|
||||
<div class="footer-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4">
|
||||
<!-- About Footer Start -->
|
||||
<div class="about-footer">
|
||||
<!-- Footer Logo Start -->
|
||||
<div class="footer-logo">
|
||||
<img src="images/footer-logo.svg" alt="">
|
||||
</div>
|
||||
<!-- Footer Logo End -->
|
||||
|
||||
<!-- About Footer Content Start -->
|
||||
<div class="footer-working-hours">
|
||||
<h3>Working Hours:</h3>
|
||||
<ul>
|
||||
<li>Monday - Friday: 09:00 AM - 06:00 PM</li>
|
||||
<li>Saturday - Sunday: Closed</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- About Footer Content End -->
|
||||
</div>
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-8">
|
||||
<!-- Footer Links Box Start -->
|
||||
<div class="footer-links-box">
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-location-info">
|
||||
<h3>Contact Information</h3>
|
||||
<p>123 Maplewood Drive, Pinehill, CA 90210</p>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-contact-links">
|
||||
<h3>Get in Touch</h3>
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
|
||||
<li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Newsletter Form Start -->
|
||||
<div class="footer-links footer-newsletter-form">
|
||||
<h3>Newsletter Subscription</h3>
|
||||
<p>Stay updated on our latest projects, tips, and offers.</p>
|
||||
<form id="newslettersForm" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
|
||||
<button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Footer Newsletter Form End -->
|
||||
|
||||
<!-- Footer Social Link Start -->
|
||||
<div class="footer-links footer-social-links">
|
||||
<h3>Follow On Socials:</h3>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Social Link End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Footer Copyright Start -->
|
||||
<div class="footer-copyright">
|
||||
<!-- Footer Menu Start -->
|
||||
<div class="footer-menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/services">Service</a></li>
|
||||
<li><a href="/projects">Project</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Menu End -->
|
||||
|
||||
<!-- Footer Copyright Text Start -->
|
||||
<div class="footer-copyright-text">
|
||||
<p>Copyright © 2025 All Rights Reserved.</p>
|
||||
</div>
|
||||
<!-- Footer Copyright Text End -->
|
||||
</div>
|
||||
<!-- Footer Copyright End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer Box End -->
|
||||
</footer>
|
||||
<!-- Main Footer End -->
|
||||
|
||||
<!-- Jquery Library File -->
|
||||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||||
<!-- Bootstrap js file -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<!-- Validator js file -->
|
||||
<script src="assets/js/validator.min.js"></script>
|
||||
<!-- SlickNav js file -->
|
||||
<script src="assets/js/jquery.slicknav.js"></script>
|
||||
<!-- Swiper js file -->
|
||||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||||
<!-- Counter js file -->
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<!-- Isotop js file -->
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<!-- Magnific js file -->
|
||||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||||
<!-- SmoothScroll -->
|
||||
<script src="assets/js/SmoothScroll.js"></script>
|
||||
<!-- Parallax js -->
|
||||
<script src="assets/js/parallaxie.js"></script>
|
||||
<!-- MagicCursor js file -->
|
||||
<script src="assets/js/gsap.min.js"></script>
|
||||
<script src="assets/js/magiccursor.js"></script>
|
||||
<!-- Text Effect js file -->
|
||||
<script src="assets/js/SplitText.min.js"></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js"></script>
|
||||
<!-- YTPlayer js File -->
|
||||
<script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
|
||||
<!-- Wow js file -->
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<!-- Main Custom js file -->
|
||||
<script src="assets/js/function.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,631 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="author" content="Awaiken">
|
||||
<!-- Page Title -->
|
||||
<title>Renovex - Construction HTML Template</title>
|
||||
<!-- Favicon Icon -->
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
|
||||
<!-- Google Fonts Css-->
|
||||
<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||||
<!-- SlickNav Css -->
|
||||
<link href="assets/css/slicknav.min.css" rel="stylesheet">
|
||||
<!-- Swiper Css -->
|
||||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||||
<!-- Font Awesome Icon Css-->
|
||||
<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
|
||||
<!-- Animated Css -->
|
||||
<link href="assets/css/animate.css" rel="stylesheet">
|
||||
<!-- Magnific Popup Core Css File -->
|
||||
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||
<!-- Mouse Cursor Css File -->
|
||||
<link rel="stylesheet" href="assets/css/mousecursor.css">
|
||||
<!-- Main Custom Css -->
|
||||
<link href="assets/css/custom.css" rel="stylesheet" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Preloader Start -->
|
||||
<div class="preloader">
|
||||
<div class="loading-container">
|
||||
<div class="loading"></div>
|
||||
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End -->
|
||||
|
||||
<!-- Header Start -->
|
||||
<header class="main-header">
|
||||
<div class="header-sticky">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo Start -->
|
||||
<a class="navbar-brand" href="./">
|
||||
<img src="images/logo.svg" alt="Logo">
|
||||
</a>
|
||||
<!-- Logo End -->
|
||||
|
||||
<!-- Main Menu Start -->
|
||||
<div class="collapse navbar-collapse main-menu">
|
||||
<div class="nav-menu-wrapper">
|
||||
<ul class="navbar-nav mr-auto" id="menu">
|
||||
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/">Home - Version 1</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/index-2">Home - Version 2</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/index-3">Home - Version 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about">About Us</a>
|
||||
<li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
|
||||
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/404">404</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Header Btn Start -->
|
||||
<div class="header-btn">
|
||||
<a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
|
||||
</div>
|
||||
<!-- Header Btn End -->
|
||||
</div>
|
||||
<!-- Main Menu End -->
|
||||
<div class="navbar-toggle"></div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="responsive-menu"></div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
|
||||
<!-- Page Header Section Start -->
|
||||
<div class="page-header parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Page Header Box Start -->
|
||||
<div class="page-header-box">
|
||||
<h1 class="text-anime-style-3" data-cursor="-opaque">Latest Blog</h1>
|
||||
<nav class="wow fadeInUp">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="./">home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">blog</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Page Header Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Section End -->
|
||||
|
||||
<!-- Page Blog Start -->
|
||||
<div class="page-blog">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<!-- Post Item Start -->
|
||||
<div class="post-item wow fadeInUp">
|
||||
<!-- Post Featured Image Start -->
|
||||
<div class="post-featured-image">
|
||||
<a href="/blog-single" data-cursor-text="View">
|
||||
<figure>
|
||||
<img src="images/post-1.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Post Featured Image End -->
|
||||
|
||||
<!-- Post Item Tag Start -->
|
||||
<div class="post-item-tags">
|
||||
<a href="/blog-single">Sustainability</a>
|
||||
</div>
|
||||
<!-- Post Item Tag End -->
|
||||
|
||||
<!-- Post Item Body Start -->
|
||||
<div class="post-item-body">
|
||||
<!-- Post Content Box Start -->
|
||||
<div class="post-content-box">
|
||||
<!-- Post Item Meta Start -->
|
||||
<div class="post-item-meta">
|
||||
<ul>
|
||||
<li>OCT 25, 2025</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Post Item Meta End -->
|
||||
|
||||
<!-- Post Item Content Start -->
|
||||
<div class="post-item-content">
|
||||
<h2><a href="/blog-single">The Future of Sustainable Architecture Building Green for Tomorrow</a></h2>
|
||||
</div>
|
||||
<!-- Post Item Content End -->
|
||||
</div>
|
||||
<!-- Post Content Box End -->
|
||||
|
||||
<!-- Post Item Readmore Button Start-->
|
||||
<div class="post-item-btn">
|
||||
<a href="/blog-single" class="readmore-btn">Read More</a>
|
||||
</div>
|
||||
<!-- Post Item Readmore Button End-->
|
||||
</div>
|
||||
<!-- Post Item Body End -->
|
||||
</div>
|
||||
<!-- Post Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<!-- Post Item Start -->
|
||||
<div class="post-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<!-- Post Featured Image Start -->
|
||||
<div class="post-featured-image">
|
||||
<a href="/blog-single" data-cursor-text="View">
|
||||
<figure>
|
||||
<img src="images/post-2.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Post Featured Image End -->
|
||||
|
||||
<!-- Post Item Tag Start -->
|
||||
<div class="post-item-tags">
|
||||
<a href="/blog-single">Building Design</a>
|
||||
</div>
|
||||
<!-- Post Item Tag End -->
|
||||
|
||||
<!-- Post Item Body Start -->
|
||||
<div class="post-item-body">
|
||||
<!-- Post Content Box Start -->
|
||||
<div class="post-content-box">
|
||||
<!-- Post Item Meta Start -->
|
||||
<div class="post-item-meta">
|
||||
<ul>
|
||||
<li>SEP 25, 2025</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Post Item Meta End -->
|
||||
|
||||
<!-- Post Item Content Start -->
|
||||
<div class="post-item-content">
|
||||
<h2><a href="/blog-single">Bridging Aesthetics and Functionality in Building Design</a></h2>
|
||||
</div>
|
||||
<!-- Post Item Content End -->
|
||||
</div>
|
||||
<!-- Post Content Box End -->
|
||||
|
||||
<!-- Post Item Button Start-->
|
||||
<div class="post-item-btn">
|
||||
<a href="/blog-single" class="readmore-btn">Read More</a>
|
||||
</div>
|
||||
<!-- Post Item Button End-->
|
||||
</div>
|
||||
<!-- Post Item Body End -->
|
||||
</div>
|
||||
<!-- Post Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<!-- Post Item Start -->
|
||||
<div class="post-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<!-- Post Featured Image Start -->
|
||||
<div class="post-featured-image">
|
||||
<a href="/blog-single" data-cursor-text="View">
|
||||
<figure>
|
||||
<img src="images/post-3.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Post Featured Image End -->
|
||||
|
||||
<!-- Post Item Tag Start -->
|
||||
<div class="post-item-tags">
|
||||
<a href="/blog-single">Smart Design</a>
|
||||
</div>
|
||||
<!-- Post Item Tag End -->
|
||||
|
||||
<!-- Post Item Body Start -->
|
||||
<div class="post-item-body">
|
||||
<!-- Post Content Box Start -->
|
||||
<div class="post-content-box">
|
||||
<!-- Post Item Meta Start -->
|
||||
<div class="post-item-meta">
|
||||
<ul>
|
||||
<li>NOV 02, 2025</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Post Item Meta End -->
|
||||
|
||||
<!-- Post Item Content Start -->
|
||||
<div class="post-item-content">
|
||||
<h2><a href="/blog-single">Iconic Structures Lessons from Timeless Architectural Marvels</a></h2>
|
||||
</div>
|
||||
<!-- Post Item Content End -->
|
||||
</div>
|
||||
<!-- Post Content Box End -->
|
||||
|
||||
<!-- Post Item Readmore Button Start-->
|
||||
<div class="post-item-btn">
|
||||
<a href="/blog-single" class="readmore-btn">Read More</a>
|
||||
</div>
|
||||
<!-- Post Item Readmore Button End-->
|
||||
</div>
|
||||
<!-- Post Item Body End -->
|
||||
</div>
|
||||
<!-- Post Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<!-- Post Item Start -->
|
||||
<div class="post-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<!-- Post Featured Image Start -->
|
||||
<div class="post-featured-image">
|
||||
<a href="/blog-single" data-cursor-text="View">
|
||||
<figure>
|
||||
<img src="images/post-4.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Post Featured Image End -->
|
||||
|
||||
<!-- Post Item Tag Start -->
|
||||
<div class="post-item-tags">
|
||||
<a href="/blog-single">Sustainability</a>
|
||||
</div>
|
||||
<!-- Post Item Tag End -->
|
||||
|
||||
<!-- Post Item Body Start -->
|
||||
<div class="post-item-body">
|
||||
<!-- Post Content Box Start -->
|
||||
<div class="post-content-box">
|
||||
<!-- Post Item Meta Start -->
|
||||
<div class="post-item-meta">
|
||||
<ul>
|
||||
<li>OCT 25, 2025</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Post Item Meta End -->
|
||||
|
||||
<!-- Post Item Content Start -->
|
||||
<div class="post-item-content">
|
||||
<h2><a href="/blog-single">Planning Smarter Industrial Spaces for Future Growth</a></h2>
|
||||
</div>
|
||||
<!-- Post Item Content End -->
|
||||
</div>
|
||||
<!-- Post Content Box End -->
|
||||
|
||||
<!-- Post Item Readmore Button Start-->
|
||||
<div class="post-item-btn">
|
||||
<a href="/blog-single" class="readmore-btn">Read More</a>
|
||||
</div>
|
||||
<!-- Post Item Readmore Button End-->
|
||||
</div>
|
||||
<!-- Post Item Body End -->
|
||||
</div>
|
||||
<!-- Post Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<!-- Post Item Start -->
|
||||
<div class="post-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<!-- Post Featured Image Start -->
|
||||
<div class="post-featured-image">
|
||||
<a href="/blog-single" data-cursor-text="View">
|
||||
<figure>
|
||||
<img src="images/post-5.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Post Featured Image End -->
|
||||
|
||||
<!-- Post Item Tag Start -->
|
||||
<div class="post-item-tags">
|
||||
<a href="/blog-single">Building Design</a>
|
||||
</div>
|
||||
<!-- Post Item Tag End -->
|
||||
|
||||
<!-- Post Item Body Start -->
|
||||
<div class="post-item-body">
|
||||
<!-- Post Content Box Start -->
|
||||
<div class="post-content-box">
|
||||
<!-- Post Item Meta Start -->
|
||||
<div class="post-item-meta">
|
||||
<ul>
|
||||
<li>SEP 25, 2025</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Post Item Meta End -->
|
||||
|
||||
<!-- Post Item Content Start -->
|
||||
<div class="post-item-content">
|
||||
<h2><a href="/blog-single">Key Factors Shaping Modern Industrial Project Success</a></h2>
|
||||
</div>
|
||||
<!-- Post Item Content End -->
|
||||
</div>
|
||||
<!-- Post Content Box End -->
|
||||
|
||||
<!-- Post Item Readmore Button Start-->
|
||||
<div class="post-item-btn">
|
||||
<a href="/blog-single" class="readmore-btn">Read More</a>
|
||||
</div>
|
||||
<!-- Post Item Readmore Button End-->
|
||||
</div>
|
||||
<!-- Post Item Body End -->
|
||||
</div>
|
||||
<!-- Post Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<!-- Post Item Start -->
|
||||
<div class="post-item wow fadeInUp" data-wow-delay="1s">
|
||||
<!-- Post Featured Image Start -->
|
||||
<div class="post-featured-image">
|
||||
<a href="/blog-single" data-cursor-text="View">
|
||||
<figure>
|
||||
<img src="images/post-6.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Post Featured Image End -->
|
||||
|
||||
<!-- Post Item Tag Start -->
|
||||
<div class="post-item-tags">
|
||||
<a href="/blog-single">Smart Design</a>
|
||||
</div>
|
||||
<!-- Post Item Tag End -->
|
||||
|
||||
<!-- Post Item Body Start -->
|
||||
<div class="post-item-body">
|
||||
<!-- Post Content Box Start -->
|
||||
<div class="post-content-box">
|
||||
<!-- Post Item Meta Start -->
|
||||
<div class="post-item-meta">
|
||||
<ul>
|
||||
<li>NOV 02, 2025</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Post Item Meta End -->
|
||||
|
||||
<!-- Post Item Content Start -->
|
||||
<div class="post-item-content">
|
||||
<h2><a href="/blog-single">How Layout Design Impacts Daily Operational Efficiency</a></h2>
|
||||
</div>
|
||||
<!-- Post Item Content End -->
|
||||
</div>
|
||||
<!-- Post Content Box End -->
|
||||
|
||||
<!-- Post Item Readmore Button Start-->
|
||||
<div class="post-item-btn">
|
||||
<a href="/blog-single" class="readmore-btn">Read More</a>
|
||||
</div>
|
||||
<!-- Post Item Readmore Button End-->
|
||||
</div>
|
||||
<!-- Post Item Body End -->
|
||||
</div>
|
||||
<!-- Post Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Page Pagination Start -->
|
||||
<div class="page-pagination wow fadeInUp" data-wow-delay="1.2s">
|
||||
<ul class="pagination">
|
||||
<li><a href="#"><i class="fa-solid fa-angle-left"></i></a></li>
|
||||
<li class="active"><a href="#">1</a></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li><a href="#"><i class="fa-solid fa-angle-right"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Page Pagination End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Blog End -->
|
||||
|
||||
|
||||
<!-- Main Footer Start -->
|
||||
<footer class="main-footer dark-section">
|
||||
<!-- Scrolling Ticker Section Start -->
|
||||
<div class="footer-scrolling-ticker">
|
||||
<!-- Scrolling Ticker Box Start -->
|
||||
<div class="scrolling-ticker-box">
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Box End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Section End -->
|
||||
|
||||
<!-- Footer Box Start -->
|
||||
<div class="footer-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4">
|
||||
<!-- About Footer Start -->
|
||||
<div class="about-footer">
|
||||
<!-- Footer Logo Start -->
|
||||
<div class="footer-logo">
|
||||
<img src="images/footer-logo.svg" alt="">
|
||||
</div>
|
||||
<!-- Footer Logo End -->
|
||||
|
||||
<!-- About Footer Content Start -->
|
||||
<div class="footer-working-hours">
|
||||
<h3>Working Hours:</h3>
|
||||
<ul>
|
||||
<li>Monday - Friday: 09:00 AM - 06:00 PM</li>
|
||||
<li>Saturday - Sunday: Closed</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- About Footer Content End -->
|
||||
</div>
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-8">
|
||||
<!-- Footer Links Box Start -->
|
||||
<div class="footer-links-box">
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-location-info">
|
||||
<h3>Contact Information</h3>
|
||||
<p>123 Maplewood Drive, Pinehill, CA 90210</p>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-contact-links">
|
||||
<h3>Get in Touch</h3>
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
|
||||
<li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Newsletter Form Start -->
|
||||
<div class="footer-links footer-newsletter-form">
|
||||
<h3>Newsletter Subscription</h3>
|
||||
<p>Stay updated on our latest projects, tips, and offers.</p>
|
||||
<form id="newslettersForm" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
|
||||
<button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Footer Newsletter Form End -->
|
||||
|
||||
<!-- Footer Social Link Start -->
|
||||
<div class="footer-links footer-social-links">
|
||||
<h3>Follow On Socials:</h3>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Social Link End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Footer Copyright Start -->
|
||||
<div class="footer-copyright">
|
||||
<!-- Footer Menu Start -->
|
||||
<div class="footer-menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/services">Service</a></li>
|
||||
<li><a href="/projects">Project</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Menu End -->
|
||||
|
||||
<!-- Footer Copyright Text Start -->
|
||||
<div class="footer-copyright-text">
|
||||
<p>Copyright © 2025 All Rights Reserved.</p>
|
||||
</div>
|
||||
<!-- Footer Copyright Text End -->
|
||||
</div>
|
||||
<!-- Footer Copyright End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer Box End -->
|
||||
</footer>
|
||||
<!-- Main Footer End -->
|
||||
|
||||
<!-- Jquery Library File -->
|
||||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||||
<!-- Bootstrap js file -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<!-- Validator js file -->
|
||||
<script src="assets/js/validator.min.js"></script>
|
||||
<!-- SlickNav js file -->
|
||||
<script src="assets/js/jquery.slicknav.js"></script>
|
||||
<!-- Swiper js file -->
|
||||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||||
<!-- Counter js file -->
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<!-- Isotop js file -->
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<!-- Magnific js file -->
|
||||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||||
<!-- SmoothScroll -->
|
||||
<script src="assets/js/SmoothScroll.js"></script>
|
||||
<!-- Parallax js -->
|
||||
<script src="assets/js/parallaxie.js"></script>
|
||||
<!-- MagicCursor js file -->
|
||||
<script src="assets/js/gsap.min.js"></script>
|
||||
<script src="assets/js/magiccursor.js"></script>
|
||||
<!-- Text Effect js file -->
|
||||
<script src="assets/js/SplitText.min.js"></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js"></script>
|
||||
<!-- YTPlayer js File -->
|
||||
<script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
|
||||
<!-- Wow js file -->
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<!-- Main Custom js file -->
|
||||
<script src="assets/js/function.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,433 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="author" content="Awaiken">
|
||||
<!-- Page Title -->
|
||||
<title>Renovex - Construction HTML Template</title>
|
||||
<!-- Favicon Icon -->
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
|
||||
<!-- Google Fonts Css-->
|
||||
<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||||
<!-- SlickNav Css -->
|
||||
<link href="assets/css/slicknav.min.css" rel="stylesheet">
|
||||
<!-- Swiper Css -->
|
||||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||||
<!-- Font Awesome Icon Css-->
|
||||
<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
|
||||
<!-- Animated Css -->
|
||||
<link href="assets/css/animate.css" rel="stylesheet">
|
||||
<!-- Magnific Popup Core Css File -->
|
||||
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||
<!-- Mouse Cursor Css File -->
|
||||
<link rel="stylesheet" href="assets/css/mousecursor.css">
|
||||
<!-- Main Custom Css -->
|
||||
<link href="assets/css/custom.css" rel="stylesheet" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Preloader Start -->
|
||||
<div class="preloader">
|
||||
<div class="loading-container">
|
||||
<div class="loading"></div>
|
||||
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End -->
|
||||
|
||||
<!-- Header Start -->
|
||||
<header class="main-header">
|
||||
<div class="header-sticky">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo Start -->
|
||||
<a class="navbar-brand" href="./">
|
||||
<img src="images/logo.svg" alt="Logo">
|
||||
</a>
|
||||
<!-- Logo End -->
|
||||
|
||||
<!-- Main Menu Start -->
|
||||
<div class="collapse navbar-collapse main-menu">
|
||||
<div class="nav-menu-wrapper">
|
||||
<ul class="navbar-nav mr-auto" id="menu">
|
||||
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a> </li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
|
||||
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/404">404</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Header Btn Start -->
|
||||
<div class="header-btn">
|
||||
<a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
|
||||
</div>
|
||||
<!-- Header Btn End -->
|
||||
</div>
|
||||
<!-- Main Menu End -->
|
||||
<div class="navbar-toggle"></div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="responsive-menu"></div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
|
||||
<!-- Page Header Section Start -->
|
||||
<div class="page-header parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Page Header Box Start -->
|
||||
<div class="page-header-box">
|
||||
<h1 class="text-anime-style-3" data-cursor="-opaque">Contact us</h1>
|
||||
<nav class="wow fadeInUp">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="./">home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Contact us</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Page Header Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Section End -->
|
||||
|
||||
<!-- Page Contact Us Start -->
|
||||
<div class="page-contact-us">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-xl-5">
|
||||
<!-- Content Us Content Start -->
|
||||
<div class="contact-us-content">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h3 class="wow fadeInUp">Contact Us</h3>
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Let's connect & build your dream project</h2>
|
||||
<p class="wow fadeInUp" data-wow-delay="0.2s">We'd love to hear about your project. Reach out, share your ideas, and let's start shaping your dream into something real and lasting.</p>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- Contact Info List Start -->
|
||||
<div class="contact-info-list">
|
||||
<!-- Contact Info Item Start -->
|
||||
<div class="contact-info-item wow fadeInUp">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-phone-primary.svg" alt="">
|
||||
</div>
|
||||
<div class="contact-info-item-content">
|
||||
<h3>Phone Number</h3>
|
||||
<p><a href="tel:123456789">+(123) 456-789</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Contact Info Item End -->
|
||||
|
||||
<!-- Contact Info Item Start -->
|
||||
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-mail-primary.svg" alt="">
|
||||
</div>
|
||||
<div class="contact-info-item-content">
|
||||
<h3>Email Address</h3>
|
||||
<p><a href="mailto:support@domain.com">support@domain.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Contact Info Item End -->
|
||||
|
||||
<!-- Contact Info Item Start -->
|
||||
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-location-primary.svg" alt="">
|
||||
</div>
|
||||
<div class="contact-info-item-content">
|
||||
<h3>Our Location</h3>
|
||||
<p>Office No. 12, 3rd Floor, Lorem Business Center, Ipsum City</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Contact Info Item End -->
|
||||
</div>
|
||||
<!-- Contact Info List End -->
|
||||
</div>
|
||||
<!-- Content Us Content End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-7">
|
||||
<!-- Contact Us Form Start -->
|
||||
<div class="contact-us-form">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Get in touch with us</h2>
|
||||
<p class="wow fadeInUp">Need help or have a project? Get in touch — we're always ready to support you.</p>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- Contact Form Start -->
|
||||
<div class="contact-form">
|
||||
<form id="contactForm" action="#" method="POST" data-toggle="validator" class="wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-6 mb-4">
|
||||
<input type="text" name="fname" class="form-control" id="fname" placeholder="First Name" required>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-6 mb-4">
|
||||
<input type="text" name="lname" class="form-control" id="lname" placeholder="Last Name" required>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-6 mb-4">
|
||||
<input type="text" name="phone" class="form-control" id="phone" placeholder="Phone Number" required>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-6 mb-4">
|
||||
<input type="email" name ="email" class="form-control" id="email" placeholder="Email Address" required>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-12 mb-5">
|
||||
<textarea name="message" class="form-control" id="message" rows="6" placeholder="Message"></textarea>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<div class="contact-form-btn">
|
||||
<button type="submit" class="btn-default"><span>Send Message</span></button>
|
||||
<div id="msgSubmit" class="h3 hidden"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Contact Form End -->
|
||||
</div>
|
||||
<!-- Contact Us Form End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Contact Us End -->
|
||||
|
||||
<!-- Google Map Start -->
|
||||
<div class="google-map">
|
||||
<div class="container-fluid">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-lg-12">
|
||||
<!-- Google Map Start -->
|
||||
<div class="google-map-iframe">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d96737.10562045308!2d-74.08535042841811!3d40.739265258395164!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sin!4v1703158537552!5m2!1sen!2sin" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
</div>
|
||||
<!-- Google Map End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Google Map End -->
|
||||
|
||||
<!-- Main Footer Start -->
|
||||
<footer class="main-footer dark-section">
|
||||
<!-- Scrolling Ticker Section Start -->
|
||||
<div class="footer-scrolling-ticker">
|
||||
<!-- Scrolling Ticker Box Start -->
|
||||
<div class="scrolling-ticker-box">
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Box End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Section End -->
|
||||
|
||||
<!-- Footer Box Start -->
|
||||
<div class="footer-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4">
|
||||
<!-- About Footer Start -->
|
||||
<div class="about-footer">
|
||||
<!-- Footer Logo Start -->
|
||||
<div class="footer-logo">
|
||||
<img src="images/footer-logo.svg" alt="">
|
||||
</div>
|
||||
<!-- Footer Logo End -->
|
||||
|
||||
<!-- About Footer Content Start -->
|
||||
<div class="footer-working-hours">
|
||||
<h3>Working Hours:</h3>
|
||||
<ul>
|
||||
<li>Monday - Friday: 09:00 AM - 06:00 PM</li>
|
||||
<li>Saturday - Sunday: Closed</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- About Footer Content End -->
|
||||
</div>
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-8">
|
||||
<!-- Footer Links Box Start -->
|
||||
<div class="footer-links-box">
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-location-info">
|
||||
<h3>Contact Information</h3>
|
||||
<p>123 Maplewood Drive, Pinehill, CA 90210</p>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-contact-links">
|
||||
<h3>Get in Touch</h3>
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
|
||||
<li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Newsletter Form Start -->
|
||||
<div class="footer-links footer-newsletter-form">
|
||||
<h3>Newsletter Subscription</h3>
|
||||
<p>Stay updated on our latest projects, tips, and offers.</p>
|
||||
<form id="newslettersForm" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
|
||||
<button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Footer Newsletter Form End -->
|
||||
|
||||
<!-- Footer Social Link Start -->
|
||||
<div class="footer-links footer-social-links">
|
||||
<h3>Follow On Socials:</h3>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Social Link End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Footer Copyright Start -->
|
||||
<div class="footer-copyright">
|
||||
<!-- Footer Menu Start -->
|
||||
<div class="footer-menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/services">Service</a></li>
|
||||
<li><a href="/projects">Project</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Menu End -->
|
||||
|
||||
<!-- Footer Copyright Text Start -->
|
||||
<div class="footer-copyright-text">
|
||||
<p>Copyright © 2025 All Rights Reserved.</p>
|
||||
</div>
|
||||
<!-- Footer Copyright Text End -->
|
||||
</div>
|
||||
<!-- Footer Copyright End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer Box End -->
|
||||
</footer>
|
||||
<!-- Main Footer End -->
|
||||
|
||||
<!-- Jquery Library File -->
|
||||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||||
<!-- Bootstrap js file -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<!-- Validator js file -->
|
||||
<script src="assets/js/validator.min.js"></script>
|
||||
<!-- SlickNav js file -->
|
||||
<script src="assets/js/jquery.slicknav.js"></script>
|
||||
<!-- Swiper js file -->
|
||||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||||
<!-- Counter js file -->
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<!-- Isotop js file -->
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<!-- Magnific js file -->
|
||||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||||
<!-- SmoothScroll -->
|
||||
<script src="assets/js/SmoothScroll.js"></script>
|
||||
<!-- Parallax js -->
|
||||
<script src="assets/js/parallaxie.js"></script>
|
||||
<!-- MagicCursor js file -->
|
||||
<script src="assets/js/gsap.min.js"></script>
|
||||
<script src="assets/js/magiccursor.js"></script>
|
||||
<!-- Text Effect js file -->
|
||||
<script src="assets/js/SplitText.min.js"></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js"></script>
|
||||
<!-- YTPlayer js File -->
|
||||
<script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
|
||||
<!-- Wow js file -->
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<!-- Main Custom js file -->
|
||||
<script src="assets/js/function.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1 @@
|
||||
<?php echo 'ERROR 404: Page not found.' . PHP_EOL; ?>
|
||||
@@ -0,0 +1,5 @@
|
||||
<?php echo 'ERROR: ' . ($title ?? 'Application Error') . PHP_EOL; ?>
|
||||
<?php echo ($type ?? '') . ': ' . ($message ?? '') . PHP_EOL; ?>
|
||||
<?php if (isset($backtrace)) : ?>
|
||||
<?php echo $backtrace . PHP_EOL; ?>
|
||||
<?php endif; ?>
|
||||
@@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>404 - Page Not Found</title>
|
||||
<style>
|
||||
body { font-family: sans-serif; text-align: center; padding: 80px 20px; background: #f5f5f5; color: #333; }
|
||||
h1 { font-size: 6rem; margin: 0; color: #e74c3c; }
|
||||
h2 { font-size: 1.5rem; margin: 10px 0 20px; }
|
||||
a { color: #3498db; text-decoration: none; }
|
||||
a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>404</h1>
|
||||
<h2>Page Not Found</h2>
|
||||
<p>The page you requested was not found.</p>
|
||||
<p><a href="/">Go back home</a></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title><?= esc($title ?? 'Application Error') ?></title>
|
||||
<style>
|
||||
body { font-family: sans-serif; padding: 40px 20px; background: #f5f5f5; color: #333; }
|
||||
h1 { color: #e74c3c; }
|
||||
pre { background: #fff; border: 1px solid #ddd; padding: 15px; overflow: auto; font-size: 13px; border-radius: 4px; }
|
||||
a { color: #3498db; text-decoration: none; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1><?= esc($title ?? 'Application Error') ?></h1>
|
||||
<p><?= esc($type ?? '') ?>: <?= esc($message ?? '') ?></p>
|
||||
<?php if (defined('CI_DEBUG') && CI_DEBUG && isset($backtrace)) : ?>
|
||||
<pre><?= esc($backtrace) ?></pre>
|
||||
<?php endif; ?>
|
||||
<p><a href="/">Go back home</a></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Application Error</title>
|
||||
<style>
|
||||
body { font-family: sans-serif; text-align: center; padding: 80px 20px; background: #f5f5f5; color: #333; }
|
||||
h1 { font-size: 3rem; color: #e74c3c; }
|
||||
a { color: #3498db; text-decoration: none; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Something went wrong</h1>
|
||||
<p>We encountered an error and could not complete your request.</p>
|
||||
<p><a href="/">Go back home</a></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,795 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="author" content="Awaiken">
|
||||
<!-- Page Title -->
|
||||
<title>Renovex - Construction HTML Template</title>
|
||||
<!-- Favicon Icon -->
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
|
||||
<!-- Google Fonts Css-->
|
||||
<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||||
<!-- SlickNav Css -->
|
||||
<link href="assets/css/slicknav.min.css" rel="stylesheet">
|
||||
<!-- Swiper Css -->
|
||||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||||
<!-- Font Awesome Icon Css-->
|
||||
<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
|
||||
<!-- Animated Css -->
|
||||
<link href="assets/css/animate.css" rel="stylesheet">
|
||||
<!-- Magnific Popup Core Css File -->
|
||||
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||
<!-- Mouse Cursor Css File -->
|
||||
<link rel="stylesheet" href="assets/css/mousecursor.css">
|
||||
<!-- Main Custom Css -->
|
||||
<link href="assets/css/custom.css" rel="stylesheet" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Preloader Start -->
|
||||
<div class="preloader">
|
||||
<div class="loading-container">
|
||||
<div class="loading"></div>
|
||||
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End -->
|
||||
|
||||
<!-- Header Start -->
|
||||
<header class="main-header">
|
||||
<div class="header-sticky">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo Start -->
|
||||
<a class="navbar-brand" href="./">
|
||||
<img src="images/logo.svg" alt="Logo">
|
||||
</a>
|
||||
<!-- Logo End -->
|
||||
|
||||
<!-- Main Menu Start -->
|
||||
<div class="collapse navbar-collapse main-menu">
|
||||
<div class="nav-menu-wrapper">
|
||||
<ul class="navbar-nav mr-auto" id="menu">
|
||||
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
|
||||
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/404">404</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Header Btn Start -->
|
||||
<div class="header-btn">
|
||||
<a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
|
||||
</div>
|
||||
<!-- Header Btn End -->
|
||||
</div>
|
||||
<!-- Main Menu End -->
|
||||
<div class="navbar-toggle"></div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="responsive-menu"></div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
|
||||
<!-- Page Header Section Start -->
|
||||
<div class="page-header parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Page Header Box Start -->
|
||||
<div class="page-header-box">
|
||||
<h1 class="text-anime-style-3" data-cursor="-opaque">Frequently asked questions</h1>
|
||||
<nav class="wow fadeInUp">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="./">home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Frequently asked questions</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Page Header Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Section End -->
|
||||
|
||||
<!-- Page Faqs Start -->
|
||||
<div class="page-faqs">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<!-- Page Single Sidebar Start -->
|
||||
<div class="page-single-sidebar">
|
||||
<!-- Page Category List Start -->
|
||||
<div class="page-category-list wow fadeInUp">
|
||||
<ul>
|
||||
<li><a href="#faq_1">General Project Questions</a></li>
|
||||
<li><a href="#faq_2">Design & Planning Questions</a></li>
|
||||
<li><a href="#faq_3">Budget & Costing Questions</a></li>
|
||||
<li><a href="#faq_4">Materials & Quality Questions</a></li>
|
||||
<li><a href="#faq_5">Safety & Compliance Questions</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Page Category List End -->
|
||||
|
||||
<!-- Sidebar CTA Box Start -->
|
||||
<div class="sidebar-cta-box wow fadeInUp" data-wow-delay="0.25s">
|
||||
<!-- Sidebar CTA Title Start -->
|
||||
<div class="sidebar-cta-title">
|
||||
<h3>Do You Need Help!</h3>
|
||||
</div>
|
||||
<!-- Sidebar CTA Title End -->
|
||||
|
||||
<!-- Sidebar CTA Body Start -->
|
||||
<div class="sidebar-cta-body">
|
||||
<div class="sidebar-cta-body-content">
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-primary.svg" alt=""><a href="tel:+123456789">+(123) 456 789</a></li>
|
||||
<li><img src="images/icon-mail-primary.svg" alt=""><a href="mailto:support@example.com">support@example.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-cta-body-image">
|
||||
<figure>
|
||||
<img src="images/sidebar-body-image.png" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Sidebar CTA Body End -->
|
||||
</div>
|
||||
<!-- Sidebar CTA Box End -->
|
||||
</div>
|
||||
<!-- Page Single Sidebar End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-8">
|
||||
<!-- Page FAQs Catagery Start -->
|
||||
<div class="page-faqs-catagery">
|
||||
<!-- FAQs section start -->
|
||||
<div class="page-single-faqs" id="faq_1">
|
||||
<div class="section-title">
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">General project questions</h2>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion Start -->
|
||||
<div class="faq-accordion our-faq-accordion" id="accordion">
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp">
|
||||
<h2 class="accordion-header" id="heading1">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
|
||||
Q1. Do you provide both design and construction services?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="heading1" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<h2 class="accordion-header" id="heading2">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
|
||||
Q2. Can you work with my existing architect or designer?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<h2 class="accordion-header" id="heading3">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
|
||||
Q3. How do you estimate the total project cost?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<h2 class="accordion-header" id="heading4">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
|
||||
Q4. What materials do you typically use for construction?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<h2 class="accordion-header" id="heading5">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
|
||||
Q5. Can you handle renovation or remodeling projects?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
</div>
|
||||
<!-- FAQ Accordion End -->
|
||||
</div>
|
||||
<!-- FAQs section End -->
|
||||
|
||||
<!-- FAQs section start -->
|
||||
<div class="page-single-faqs" id="faq_2">
|
||||
<div class="section-title">
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Design & planning questions</h2>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion Start -->
|
||||
<div class="faq-accordion our-faq-accordion" id="accordion1">
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp">
|
||||
<h2 class="accordion-header" id="heading6">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse6" aria-expanded="true" aria-controls="collapse6">
|
||||
Q1. Do you provide both design and construction services?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse6" class="accordion-collapse collapse show" aria-labelledby="heading6" data-bs-parent="#accordion1">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<h2 class="accordion-header" id="heading7">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse7" aria-expanded="false" aria-controls="collapse7">
|
||||
Q2. Can you work with my existing architect or designer?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse7" class="accordion-collapse collapse" aria-labelledby="heading7" data-bs-parent="#accordion1">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<h2 class="accordion-header" id="heading8">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse8" aria-expanded="false" aria-controls="collapse8">
|
||||
Q3. How do you estimate the total project cost?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse8" class="accordion-collapse collapse" aria-labelledby="heading8" data-bs-parent="#accordion1">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<h2 class="accordion-header" id="heading9">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse9" aria-expanded="false" aria-controls="collapse9">
|
||||
Q4. What is included in the building design process?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse9" class="accordion-collapse collapse" aria-labelledby="heading9" data-bs-parent="#accordion1">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<h2 class="accordion-header" id="heading10">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse10" aria-expanded="false" aria-controls="collapse10">
|
||||
Q5. Do I need approvals or permits for my building?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse10" class="accordion-collapse collapse" aria-labelledby="heading10" data-bs-parent="#accordion1">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
</div>
|
||||
<!-- FAQ Accordion End -->
|
||||
</div>
|
||||
<!-- FAQs section End -->
|
||||
|
||||
<!-- FAQs section start -->
|
||||
<div class="page-single-faqs" id="faq_3">
|
||||
<div class="section-title">
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Budget & costing questions</h2>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion Start -->
|
||||
<div class="faq-accordion our-faq-accordion" id="accordion2">
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp">
|
||||
<h2 class="accordion-header" id="heading11">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse11" aria-expanded="true" aria-controls="collapse11">
|
||||
Q1. Do you provide both design and construction services?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse11" class="accordion-collapse collapse show" aria-labelledby="heading11" data-bs-parent="#accordion2">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<h2 class="accordion-header" id="heading12">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse12" aria-expanded="false" aria-controls="collapse12">
|
||||
Q2. Can you work with my existing architect or designer?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse12" class="accordion-collapse collapse" aria-labelledby="heading12" data-bs-parent="#accordion2">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<h2 class="accordion-header" id="heading13">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse13" aria-expanded="false" aria-controls="collapse13">
|
||||
Q3. How do you estimate the total project cost?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse13" class="accordion-collapse collapse" aria-labelledby="heading13" data-bs-parent="#accordion2">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<h2 class="accordion-header" id="heading14">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse14" aria-expanded="false" aria-controls="collapse14">
|
||||
Q4. What is the estimated cost for building design services?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse14" class="accordion-collapse collapse" aria-labelledby="heading14" data-bs-parent="#accordion2">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<h2 class="accordion-header" id="heading15">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse15" aria-expanded="false" aria-controls="collapse15">
|
||||
Q5. How do you handle design changes during construction?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse15" class="accordion-collapse collapse" aria-labelledby="heading15" data-bs-parent="#accordion2">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
</div>
|
||||
<!-- FAQ Accordion End -->
|
||||
</div>
|
||||
<!-- FAQs section End -->
|
||||
|
||||
<!-- FAQs section start -->
|
||||
<div class="page-single-faqs" id="faq_4">
|
||||
<div class="section-title">
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Materials & quality questions</h2>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion Start -->
|
||||
<div class="faq-accordion our-faq-accordion" id="accordion3">
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp">
|
||||
<h2 class="accordion-header" id="heading16">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse16" aria-expanded="false" aria-controls="collapse16">
|
||||
Q1. Do you provide both design and construction services?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse16" class="accordion-collapse collapse show" aria-labelledby="heading16" data-bs-parent="#accordion3">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<h2 class="accordion-header" id="heading17">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse17" aria-expanded="false" aria-controls="collapse17">
|
||||
Q2. Can you work with my existing architect or designer?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse17" class="accordion-collapse collapse" aria-labelledby="heading17" data-bs-parent="#accordion3">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<h2 class="accordion-header" id="heading18">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse18" aria-expanded="false" aria-controls="collapse18">
|
||||
Q3. How do you estimate the total project cost?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse18" class="accordion-collapse collapse" aria-labelledby="heading18" data-bs-parent="#accordion3">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<h2 class="accordion-header" id="heading19">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse19" aria-expanded="false" aria-controls="collapse19">
|
||||
Q4. What materials do you typically use for construction?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse19" class="accordion-collapse collapse" aria-labelledby="heading19" data-bs-parent="#accordion3">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<h2 class="accordion-header" id="heading20">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse20" aria-expanded="false" aria-controls="collapse20">
|
||||
Q5. How early should I involve an architect in the project?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse20" class="accordion-collapse collapse" aria-labelledby="heading20" data-bs-parent="#accordion3">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
</div>
|
||||
<!-- FAQ Accordion End -->
|
||||
</div>
|
||||
<!-- FAQs section End -->
|
||||
|
||||
<!-- FAQs section start -->
|
||||
<div class="page-single-faqs" id="faq_5">
|
||||
<div class="section-title">
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Safety & compliance questions</h2>
|
||||
</div>
|
||||
|
||||
<!-- FAQ Accordion Start -->
|
||||
<div class="faq-accordion our-faq-accordion" id="accordion4">
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp">
|
||||
<h2 class="accordion-header" id="heading21">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse21" aria-expanded="false" aria-controls="collapse21">
|
||||
Q1. Do you provide both design and construction services?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse21" class="accordion-collapse collapse show" aria-labelledby="heading21" data-bs-parent="#accordion4">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<h2 class="accordion-header" id="heading22">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse22" aria-expanded="false" aria-controls="collapse22">
|
||||
Q2. Can you work with my existing architect or designer?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse22" class="accordion-collapse collapse" aria-labelledby="heading22" data-bs-parent="#accordion4">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<h2 class="accordion-header" id="heading23">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse23" aria-expanded="false" aria-controls="collapse23">
|
||||
Q3. How do you estimate the total project cost?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse23" class="accordion-collapse collapse" aria-labelledby="heading23" data-bs-parent="#accordion4">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<h2 class="accordion-header" id="heading24">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse24" aria-expanded="false" aria-controls="collapse24">
|
||||
Q4. Will I get a 3D model or visualization of the design?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse24" class="accordion-collapse collapse" aria-labelledby="heading24" data-bs-parent="#accordion4">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<h2 class="accordion-header" id="heading25">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse25" aria-expanded="false" aria-controls="collapse25">
|
||||
Q5. What materials do you recommend for long-term durability?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse25" class="accordion-collapse collapse" aria-labelledby="heading25" data-bs-parent="#accordion4">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
</div>
|
||||
<!-- FAQ Accordion End -->
|
||||
</div>
|
||||
<!-- FAQs section End -->
|
||||
</div>
|
||||
<!-- Page FAQs Catagery End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Faqs End -->
|
||||
|
||||
<!-- Main Footer Start -->
|
||||
<footer class="main-footer dark-section">
|
||||
<!-- Scrolling Ticker Section Start -->
|
||||
<div class="footer-scrolling-ticker">
|
||||
<!-- Scrolling Ticker Box Start -->
|
||||
<div class="scrolling-ticker-box">
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Box End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Section End -->
|
||||
|
||||
<!-- Footer Box Start -->
|
||||
<div class="footer-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4">
|
||||
<!-- About Footer Start -->
|
||||
<div class="about-footer">
|
||||
<!-- Footer Logo Start -->
|
||||
<div class="footer-logo">
|
||||
<img src="images/footer-logo.svg" alt="">
|
||||
</div>
|
||||
<!-- Footer Logo End -->
|
||||
|
||||
<!-- About Footer Content Start -->
|
||||
<div class="footer-working-hours">
|
||||
<h3>Working Hours:</h3>
|
||||
<ul>
|
||||
<li>Monday - Friday: 09:00 AM - 06:00 PM</li>
|
||||
<li>Saturday - Sunday: Closed</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- About Footer Content End -->
|
||||
</div>
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-8">
|
||||
<!-- Footer Links Box Start -->
|
||||
<div class="footer-links-box">
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-location-info">
|
||||
<h3>Contact Information</h3>
|
||||
<p>123 Maplewood Drive, Pinehill, CA 90210</p>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-contact-links">
|
||||
<h3>Get in Touch</h3>
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
|
||||
<li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Newsletter Form Start -->
|
||||
<div class="footer-links footer-newsletter-form">
|
||||
<h3>Newsletter Subscription</h3>
|
||||
<p>Stay updated on our latest projects, tips, and offers.</p>
|
||||
<form id="newslettersForm" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
|
||||
<button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Footer Newsletter Form End -->
|
||||
|
||||
<!-- Footer Social Link Start -->
|
||||
<div class="footer-links footer-social-links">
|
||||
<h3>Follow On Socials:</h3>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Social Link End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Footer Copyright Start -->
|
||||
<div class="footer-copyright">
|
||||
<!-- Footer Menu Start -->
|
||||
<div class="footer-menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/services">Service</a></li>
|
||||
<li><a href="/projects">Project</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Menu End -->
|
||||
|
||||
<!-- Footer Copyright Text Start -->
|
||||
<div class="footer-copyright-text">
|
||||
<p>Copyright © 2025 All Rights Reserved.</p>
|
||||
</div>
|
||||
<!-- Footer Copyright Text End -->
|
||||
</div>
|
||||
<!-- Footer Copyright End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer Box End -->
|
||||
</footer>
|
||||
<!-- Main Footer End -->
|
||||
|
||||
<!-- Jquery Library File -->
|
||||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||||
<!-- Bootstrap js file -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<!-- Validator js file -->
|
||||
<script src="assets/js/validator.min.js"></script>
|
||||
<!-- SlickNav js file -->
|
||||
<script src="assets/js/jquery.slicknav.js"></script>
|
||||
<!-- Swiper js file -->
|
||||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||||
<!-- Counter js file -->
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<!-- Isotop js file -->
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<!-- Magnific js file -->
|
||||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||||
<!-- SmoothScroll -->
|
||||
<script src="assets/js/SmoothScroll.js"></script>
|
||||
<!-- Parallax js -->
|
||||
<script src="assets/js/parallaxie.js"></script>
|
||||
<!-- MagicCursor js file -->
|
||||
<script src="assets/js/gsap.min.js"></script>
|
||||
<script src="assets/js/magiccursor.js"></script>
|
||||
<!-- Text Effect js file -->
|
||||
<script src="assets/js/SplitText.min.js"></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js"></script>
|
||||
<!-- YTPlayer js File -->
|
||||
<script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
|
||||
<!-- Wow js file -->
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<!-- Main Custom js file -->
|
||||
<script src="assets/js/function.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,77 @@
|
||||
<?php
|
||||
|
||||
$errorMSG = "";
|
||||
|
||||
// FIRSTNAME
|
||||
if (empty($_POST["fname"])) {
|
||||
$errorMSG = "First Name is required. ";
|
||||
} else {
|
||||
$fname = $_POST["fname"];
|
||||
}
|
||||
|
||||
// LASTNAME
|
||||
if (empty($_POST["lname"])) {
|
||||
$errorMSG = "Last Name is required. ";
|
||||
} else {
|
||||
$lname = $_POST["lname"];
|
||||
}
|
||||
|
||||
// PHONE
|
||||
if (empty($_POST["phone"])) {
|
||||
$errorMSG .= "Phone is required. ";
|
||||
} else {
|
||||
$phone = $_POST["phone"];
|
||||
}
|
||||
|
||||
// EMAIL
|
||||
if (empty($_POST["email"])) {
|
||||
$errorMSG .= "Email is required. ";
|
||||
} else {
|
||||
$email = $_POST["email"];
|
||||
}
|
||||
|
||||
// MESSAGE
|
||||
if (empty($_POST["message"])) {
|
||||
$errorMSG .= "Message is required. ";
|
||||
} else {
|
||||
$message = $_POST["message"];
|
||||
}
|
||||
|
||||
$subject = 'Contact Inquiry from Website';
|
||||
|
||||
//$EmailTo = "info@yourdomain.com"; // Replace with your email.
|
||||
$EmailTo = "tokslawdev@gmail.com";
|
||||
|
||||
// prepare email body text
|
||||
$Body = "";
|
||||
$Body .= "fname: ";
|
||||
$Body .= $fname;
|
||||
$Body .= "\n";
|
||||
$Body .= "lname: ";
|
||||
$Body .= $lname;
|
||||
$Body .= "\n";
|
||||
$Body .= "Phone: ";
|
||||
$Body .= $phone;
|
||||
$Body .= "\n";
|
||||
$Body .= "Email: ";
|
||||
$Body .= $email;
|
||||
$Body .= "\n";
|
||||
$Body .= "Message: ";
|
||||
$Body .= $message;
|
||||
$Body .= "\n";
|
||||
|
||||
// send email
|
||||
$success = @mail($EmailTo, $subject, $Body, "From:".$email);
|
||||
|
||||
// redirect to success page
|
||||
if ($success && $errorMSG == ""){
|
||||
echo "success";
|
||||
}else{
|
||||
if($errorMSG == ""){
|
||||
echo "Something went wrong :(";
|
||||
} else {
|
||||
echo $errorMSG;
|
||||
}
|
||||
}
|
||||
|
||||
?>
|
||||
@@ -0,0 +1,420 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="author" content="Awaiken">
|
||||
<!-- Page Title -->
|
||||
<title>Renovex - Construction HTML Template</title>
|
||||
<!-- Favicon Icon -->
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
|
||||
<!-- Google Fonts Css-->
|
||||
<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||||
<!-- SlickNav Css -->
|
||||
<link href="assets/css/slicknav.min.css" rel="stylesheet">
|
||||
<!-- Swiper Css -->
|
||||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||||
<!-- Font Awesome Icon Css-->
|
||||
<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
|
||||
<!-- Animated Css -->
|
||||
<link href="assets/css/animate.css" rel="stylesheet">
|
||||
<!-- Magnific Popup Core Css File -->
|
||||
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||
<!-- Mouse Cursor Css File -->
|
||||
<link rel="stylesheet" href="assets/css/mousecursor.css">
|
||||
<!-- Main Custom Css -->
|
||||
<link href="assets/css/custom.css" rel="stylesheet" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Preloader Start -->
|
||||
<div class="preloader">
|
||||
<div class="loading-container">
|
||||
<div class="loading"></div>
|
||||
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End -->
|
||||
|
||||
<!-- Header Start -->
|
||||
<header class="main-header">
|
||||
<div class="header-sticky">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo Start -->
|
||||
<a class="navbar-brand" href="./">
|
||||
<img src="images/logo.svg" alt="Logo">
|
||||
</a>
|
||||
<!-- Logo End -->
|
||||
|
||||
<!-- Main Menu Start -->
|
||||
<div class="collapse navbar-collapse main-menu">
|
||||
<div class="nav-menu-wrapper">
|
||||
<ul class="navbar-nav mr-auto" id="menu">
|
||||
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
|
||||
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/404">404</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Header Btn Start -->
|
||||
<div class="header-btn">
|
||||
<a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
|
||||
</div>
|
||||
<!-- Header Btn End -->
|
||||
</div>
|
||||
<!-- Main Menu End -->
|
||||
<div class="navbar-toggle"></div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="responsive-menu"></div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
|
||||
<!-- Page Header Section Start -->
|
||||
<div class="page-header parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Page Header Box Start -->
|
||||
<div class="page-header-box">
|
||||
<h1 class="text-anime-style-3" data-cursor="-opaque">Image Gallery</h1>
|
||||
<nav class="wow fadeInUp">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="./">home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">image gallery</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Page Header Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Section End -->
|
||||
|
||||
<!-- Photo Gallery Start -->
|
||||
<div class="page-gallery">
|
||||
<div class="container">
|
||||
<!-- gallery section start -->
|
||||
<div class="row gallery-items page-gallery-box">
|
||||
<div class="col-lg-4 col-6">
|
||||
<!-- Image Gallery start -->
|
||||
<div class="photo-gallery wow fadeInUp">
|
||||
<a href="images/gallery-1.jpg" data-cursor-text="View">
|
||||
<figure class="image-anime">
|
||||
<img src="images/gallery-1.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Image Gallery end -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-6">
|
||||
<!-- Image Gallery start -->
|
||||
<div class="photo-gallery wow fadeInUp" data-wow-delay="0.2s">
|
||||
<a href="images/gallery-2.jpg" data-cursor-text="View">
|
||||
<figure class="image-anime">
|
||||
<img src="images/gallery-2.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Image Gallery end -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-6">
|
||||
<!-- Image Gallery start -->
|
||||
<div class="photo-gallery wow fadeInUp" data-wow-delay="0.4s">
|
||||
<a href="images/gallery-3.jpg" data-cursor-text="View">
|
||||
<figure class="image-anime">
|
||||
<img src="images/gallery-3.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Image Gallery end -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-6">
|
||||
<!-- Image Gallery start -->
|
||||
<div class="photo-gallery wow fadeInUp" data-wow-delay="0.6s">
|
||||
<a href="images/gallery-4.jpg" data-cursor-text="View">
|
||||
<figure class="image-anime">
|
||||
<img src="images/gallery-4.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Image Gallery end -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-6">
|
||||
<!-- Image Gallery start -->
|
||||
<div class="photo-gallery wow fadeInUp" data-wow-delay="0.8s">
|
||||
<a href="images/gallery-5.jpg" data-cursor-text="View">
|
||||
<figure class="image-anime">
|
||||
<img src="images/gallery-5.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Image Gallery end -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-6">
|
||||
<!-- Image Gallery start -->
|
||||
<div class="photo-gallery wow fadeInUp" data-wow-delay="1s">
|
||||
<a href="images/gallery-6.jpg" data-cursor-text="View">
|
||||
<figure class="image-anime">
|
||||
<img src="images/gallery-6.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Image Gallery end -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-6">
|
||||
<!-- Image Gallery start -->
|
||||
<div class="photo-gallery wow fadeInUp" data-wow-delay="1.2s">
|
||||
<a href="images/gallery-7.jpg" data-cursor-text="View">
|
||||
<figure class="image-anime">
|
||||
<img src="images/gallery-7.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Image Gallery end -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-6">
|
||||
<!-- Image Gallery start -->
|
||||
<div class="photo-gallery wow fadeInUp" data-wow-delay="1.4s">
|
||||
<a href="images/gallery-8.jpg" data-cursor-text="View">
|
||||
<figure class="image-anime">
|
||||
<img src="images/gallery-8.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Image Gallery end -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-6">
|
||||
<!-- Image Gallery start -->
|
||||
<div class="photo-gallery wow fadeInUp" data-wow-delay="1.6s">
|
||||
<a href="images/gallery-9.jpg" data-cursor-text="View">
|
||||
<figure class="image-anime">
|
||||
<img src="images/gallery-9.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Image Gallery end -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- gallery section end -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Photo Gallery End -->
|
||||
|
||||
<!-- Main Footer Start -->
|
||||
<footer class="main-footer dark-section">
|
||||
<!-- Scrolling Ticker Section Start -->
|
||||
<div class="footer-scrolling-ticker">
|
||||
<!-- Scrolling Ticker Box Start -->
|
||||
<div class="scrolling-ticker-box">
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Box End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Section End -->
|
||||
|
||||
<!-- Footer Box Start -->
|
||||
<div class="footer-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4">
|
||||
<!-- About Footer Start -->
|
||||
<div class="about-footer">
|
||||
<!-- Footer Logo Start -->
|
||||
<div class="footer-logo">
|
||||
<img src="images/footer-logo.svg" alt="">
|
||||
</div>
|
||||
<!-- Footer Logo End -->
|
||||
|
||||
<!-- About Footer Content Start -->
|
||||
<div class="footer-working-hours">
|
||||
<h3>Working Hours:</h3>
|
||||
<ul>
|
||||
<li>Monday - Friday: 09:00 AM - 06:00 PM</li>
|
||||
<li>Saturday - Sunday: Closed</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- About Footer Content End -->
|
||||
</div>
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-8">
|
||||
<!-- Footer Links Box Start -->
|
||||
<div class="footer-links-box">
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-location-info">
|
||||
<h3>Contact Information</h3>
|
||||
<p>123 Maplewood Drive, Pinehill, CA 90210</p>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-contact-links">
|
||||
<h3>Get in Touch</h3>
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
|
||||
<li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Newsletter Form Start -->
|
||||
<div class="footer-links footer-newsletter-form">
|
||||
<h3>Newsletter Subscription</h3>
|
||||
<p>Stay updated on our latest projects, tips, and offers.</p>
|
||||
<form id="newslettersForm" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
|
||||
<button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Footer Newsletter Form End -->
|
||||
|
||||
<!-- Footer Social Link Start -->
|
||||
<div class="footer-links footer-social-links">
|
||||
<h3>Follow On Socials:</h3>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Social Link End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Footer Copyright Start -->
|
||||
<div class="footer-copyright">
|
||||
<!-- Footer Menu Start -->
|
||||
<div class="footer-menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/services">Service</a></li>
|
||||
<li><a href="/projects">Project</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Menu End -->
|
||||
|
||||
<!-- Footer Copyright Text Start -->
|
||||
<div class="footer-copyright-text">
|
||||
<p>Copyright © 2025 All Rights Reserved.</p>
|
||||
</div>
|
||||
<!-- Footer Copyright Text End -->
|
||||
</div>
|
||||
<!-- Footer Copyright End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer Box End -->
|
||||
</footer>
|
||||
<!-- Main Footer End -->
|
||||
|
||||
<!-- Jquery Library File -->
|
||||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||||
<!-- Bootstrap js file -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<!-- Validator js file -->
|
||||
<script src="assets/js/validator.min.js"></script>
|
||||
<!-- SlickNav js file -->
|
||||
<script src="assets/js/jquery.slicknav.js"></script>
|
||||
<!-- Swiper js file -->
|
||||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||||
<!-- Counter js file -->
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<!-- Isotop js file -->
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<!-- Magnific js file -->
|
||||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||||
<!-- SmoothScroll -->
|
||||
<script src="assets/js/SmoothScroll.js"></script>
|
||||
<!-- Parallax js -->
|
||||
<script src="assets/js/parallaxie.js"></script>
|
||||
<!-- MagicCursor js file -->
|
||||
<script src="assets/js/gsap.min.js"></script>
|
||||
<script src="assets/js/magiccursor.js"></script>
|
||||
<!-- Text Effect js file -->
|
||||
<script src="assets/js/SplitText.min.js"></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js"></script>
|
||||
<!-- YTPlayer js File -->
|
||||
<script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
|
||||
<!-- Wow js file -->
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<!-- Main Custom js file -->
|
||||
<script src="assets/js/function.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
+1812
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,792 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="author" content="Awaiken">
|
||||
<!-- Page Title -->
|
||||
<title>Renovex - Construction HTML Template</title>
|
||||
<!-- Favicon Icon -->
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
|
||||
<!-- Google Fonts Css-->
|
||||
<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||||
<!-- SlickNav Css -->
|
||||
<link href="assets/css/slicknav.min.css" rel="stylesheet">
|
||||
<!-- Swiper Css -->
|
||||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||||
<!-- Font Awesome Icon Css-->
|
||||
<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
|
||||
<!-- Animated Css -->
|
||||
<link href="assets/css/animate.css" rel="stylesheet">
|
||||
<!-- Magnific Popup Core Css File -->
|
||||
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||
<!-- Mouse Cursor Css File -->
|
||||
<link rel="stylesheet" href="assets/css/mousecursor.css">
|
||||
<!-- Main Custom Css -->
|
||||
<link href="assets/css/custom.css" rel="stylesheet" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Preloader Start -->
|
||||
<div class="preloader">
|
||||
<div class="loading-container">
|
||||
<div class="loading"></div>
|
||||
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End -->
|
||||
|
||||
<!-- Header Start -->
|
||||
<header class="main-header">
|
||||
<div class="header-sticky">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo Start -->
|
||||
<a class="navbar-brand" href="./">
|
||||
<img src="images/logo.svg" alt="Logo">
|
||||
</a>
|
||||
<!-- Logo End -->
|
||||
|
||||
<!-- Main Menu Start -->
|
||||
<div class="collapse navbar-collapse main-menu">
|
||||
<div class="nav-menu-wrapper">
|
||||
<ul class="navbar-nav mr-auto" id="menu">
|
||||
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
|
||||
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/404">404</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Header Btn Start -->
|
||||
<div class="header-btn">
|
||||
<a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
|
||||
</div>
|
||||
<!-- Header Btn End -->
|
||||
</div>
|
||||
<!-- Main Menu End -->
|
||||
<div class="navbar-toggle"></div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="responsive-menu"></div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
|
||||
<!-- Page Header Section Start -->
|
||||
<div class="page-header parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Page Header Box Start -->
|
||||
<div class="page-header-box">
|
||||
<h1 class="text-anime-style-3" data-cursor="-opaque">Our pricing</h1>
|
||||
<nav class="wow fadeInUp">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="./">home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">pricing</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Page Header Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Section End -->
|
||||
|
||||
<!-- Page Pricing Start -->
|
||||
<div class="page-pricing">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<!-- Pricing Item Start -->
|
||||
<div class="pricing-item wow fadeInUp">
|
||||
<div class="pricing-item-header">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-pricing-1.svg" alt="">
|
||||
</div>
|
||||
<div class="pricing-item-content">
|
||||
<p>Basic Plan</p>
|
||||
<h2>$1999.00<sub>/Project</sub></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pricing-item-body">
|
||||
<div class="pricing-item-list">
|
||||
<h3>What's Included:</h3>
|
||||
<ul>
|
||||
<li>Basic 2D Floor Plan & Layout Design</li>
|
||||
<li>Initial Consultation & Site Assessment</li>
|
||||
<li>Material Guidance & Cost Estimation</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pricing-item-btn">
|
||||
<a href="/contact" class="btn-default">Get Started With Plan</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Pricing Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<!-- Pricing Item Start -->
|
||||
<div class="pricing-item highlighted-box wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="pricing-item-header">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-pricing-2.svg" alt="">
|
||||
</div>
|
||||
<div class="pricing-item-content">
|
||||
<p>Premium Plan</p>
|
||||
<h2>$2999.00<sub>/Project</sub></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pricing-item-body">
|
||||
<div class="pricing-item-list">
|
||||
<h3>What's Included:</h3>
|
||||
<ul>
|
||||
<li>Basic 2D Floor Plan & Layout Design</li>
|
||||
<li>Initial Consultation & Site Assessment</li>
|
||||
<li>Material Guidance & Cost Estimation</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pricing-item-btn">
|
||||
<a href="/contact" class="btn-default">Get Started With Plan</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Pricing Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<!-- Pricing Item Start -->
|
||||
<div class="pricing-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="pricing-item-header">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-pricing-3.svg" alt="">
|
||||
</div>
|
||||
<div class="pricing-item-content">
|
||||
<p>Standard Plan</p>
|
||||
<h2>$4999.00<sub>/Project</sub></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pricing-item-body">
|
||||
<div class="pricing-item-list">
|
||||
<h3>What's Included:</h3>
|
||||
<ul>
|
||||
<li>Basic 2D Floor Plan & Layout Design</li>
|
||||
<li>Initial Consultation & Site Assessment</li>
|
||||
<li>Material Guidance & Cost Estimation</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pricing-item-btn">
|
||||
<a href="/contact" class="btn-default">Get Started With Plan</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Pricing Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Pricing Benefits List Start -->
|
||||
<div class="pricing-benefit-list wow fadeInUp" data-wow-delay="0.2s">
|
||||
<ul>
|
||||
<li><img src="images/icon-pricing-benefit-1.svg" alt="">Get 30 day free trial</li>
|
||||
<li><img src="images/icon-pricing-benefit-2.svg" alt="">No any hidden fees pay</li>
|
||||
<li><img src="images/icon-pricing-benefit-3.svg" alt="">You can cancel anytime</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Pricing Benefits List End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Pricing End -->
|
||||
|
||||
<!-- Watch Our Story Section Start -->
|
||||
<div class="our-story dark-section parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Our Story Content Start -->
|
||||
<div class="our-story-content">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h3 class="wow fadeInUp">watch our story</h3>
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Tailored architectural and construction solutions for every budget</h2>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- Watch Video Circle Start -->
|
||||
<div class="watch-video-circle">
|
||||
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
|
||||
<img src="images/watch-video-circle.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<!-- Watch Video Circle End -->
|
||||
</div>
|
||||
<!-- Our Story Content End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Watch Our Story Section End -->
|
||||
|
||||
<!-- Our Features Section Start -->
|
||||
<div class="our-features">
|
||||
<div class="container">
|
||||
<div class="row section-row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title section-title-center">
|
||||
<h3 class="wow fadeInUp">Our Features</h3>
|
||||
<h2 class="text-effect" data-cursor="-opaque">Driven by passion for quality <span class="feature-title-img-1"><img src="images/icon-feature-title-1.svg" alt=""></span> and innovation, we build <span class="feature-title-img-2"><img src="images/icon-feature-title-2.svg" alt=""></span> spaces that reflect strength, sustainability, <span class="feature-title-img-3"><img src="images/author-1.jpg" alt=""><img src="images/author-2.jpg" alt=""><img src="images/author-3.jpg" alt=""></span> and lasting value</h2>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xl-4 col-md-6 order-1">
|
||||
<!-- Feature Item Start -->
|
||||
<div class="feature-item box-1 wow fadeInUp">
|
||||
<div class="feature-item-shape-image">
|
||||
<figure>
|
||||
<img src="images/feature-item-image-1.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="feature-item-content-box">
|
||||
<div class="feature-item-content">
|
||||
<h3>Innovative Design Approach</h3>
|
||||
<p>We combine creativity with functionality to deliver designs that are both visually striking.</p>
|
||||
</div>
|
||||
<div class="feature-item-list">
|
||||
<ul>
|
||||
<li>Our architects embrace modern trends.</li>
|
||||
<li>We merge creativity and practicality to design.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Feature Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 order-xl-2 order-md-3 order-2">
|
||||
<!-- Feature Item Start -->
|
||||
<div class="feature-item box-2 wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="feature-item-info">
|
||||
<div class="feature-item-info-content">
|
||||
<p>Your Vision, Our Expertise</p>
|
||||
<h3>Request To Get Free Projects Estimate Today</h3>
|
||||
</div>
|
||||
<div class="feature-item-btn">
|
||||
<a href="/contact" class="readmore-btn">Get Free Estimate</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-item-image">
|
||||
<figure>
|
||||
<img src="images/feature-item-image-2.png" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Feature Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6 order-xl-3 order-md-2 order-3">
|
||||
<!-- Feature Item Start -->
|
||||
<div class="feature-item box-3 wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="feature-item-content-box">
|
||||
<div class="feature-item-content">
|
||||
<h2><span class="counter">250</span>+</h2>
|
||||
<h3>Dedicated Professionals</h3>
|
||||
</div>
|
||||
<div class="feature-item-counter-info">
|
||||
<p>A skilled team of architects, engineers, and experts working with passion.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-item-tag-list">
|
||||
<ul>
|
||||
<li>Visualization</li>
|
||||
<li>Custom Design</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Feature Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12 order-5">
|
||||
<!-- Section Footer Text Start -->
|
||||
<div class="section-footer-text section-satisfy-img wow fadeInUp" data-wow-delay="0.2s">
|
||||
<!-- Satisfy Client Images Start -->
|
||||
<div class="satisfy-client-images">
|
||||
<div class="satisfy-client-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/author-1.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="satisfy-client-image add-more">
|
||||
<img src="images/icon-phone-primary.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- Satisfy Client Images End -->
|
||||
<p>From vision to structure - <a href="/contact">where creativity meets construction excellence.</a></p>
|
||||
<ul>
|
||||
<li><span class="counter">4.9</span>/5</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</li>
|
||||
<li>Our 4200 Review</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Section Footer Text End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Our Features Section End -->
|
||||
|
||||
<!-- Our Testimonials Section Start -->
|
||||
<div class="our-testimonials">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-5">
|
||||
<!-- Testimonial Content Start -->
|
||||
<div class="our-testimonial-content">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h3 class="wow fadeInUp">Our Testimonials</h3>
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Real feedback from those who built their dreams</h2>
|
||||
<p class="wow fadeInUp" data-wow-delay="0.2s">Our commitment to excellence has earned us the trust of homeowners, developers and businesses alike.</p>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- Testimonial Button Start -->
|
||||
<div class="testimonial-btn wow fadeInUp" data-wow-delay="0.4s">
|
||||
<a href="/testimonials" class="btn-default">View all testimonials</a>
|
||||
</div>
|
||||
<!-- Testimonial Button End -->
|
||||
</div>
|
||||
<!-- Testimonial Content End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-7">
|
||||
<!-- Testimonial Slider Box Start -->
|
||||
<div class="testimonial-slider-box">
|
||||
<!-- Testimonial Slider Start -->
|
||||
<div class="testimonial-slider">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper" data-cursor-text="Drag">
|
||||
<!-- Testimonial Slide Start -->
|
||||
<div class="swiper-slide">
|
||||
<!-- Testimonial Item Start -->
|
||||
<div class="testimonial-item">
|
||||
<div class="testimonial-company-logo">
|
||||
<img src="images/company-logo-1.svg" alt="">
|
||||
</div>
|
||||
<div class="testimonial-item-body">
|
||||
<div class="testimonial-item-content">
|
||||
<p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
|
||||
</div>
|
||||
<div class="testimonial-author-content">
|
||||
<h3>Darlene Robertson</h3>
|
||||
<p>Interior Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial Item End -->
|
||||
</div>
|
||||
<!-- Testimonial Slide End -->
|
||||
|
||||
<!-- Testimonial Slide Start -->
|
||||
<div class="swiper-slide">
|
||||
<!-- Testimonial Item Start -->
|
||||
<div class="testimonial-item">
|
||||
<div class="testimonial-company-logo">
|
||||
<img src="images/company-logo-2.svg" alt="">
|
||||
</div>
|
||||
<div class="testimonial-item-body">
|
||||
<div class="testimonial-item-content">
|
||||
<p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
|
||||
</div>
|
||||
<div class="testimonial-author-content">
|
||||
<h3>Savannah Nguyen</h3>
|
||||
<p>Interior Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial Item End -->
|
||||
</div>
|
||||
<!-- Testimonial Slide End -->
|
||||
|
||||
<!-- Testimonial Slide Start -->
|
||||
<div class="swiper-slide">
|
||||
<!-- Testimonial Item Start -->
|
||||
<div class="testimonial-item">
|
||||
<div class="testimonial-company-logo">
|
||||
<img src="images/company-logo-3.svg" alt="">
|
||||
</div>
|
||||
<div class="testimonial-item-body">
|
||||
<div class="testimonial-item-content">
|
||||
<p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
|
||||
</div>
|
||||
<div class="testimonial-author-content">
|
||||
<h3>Wade Warren</h3>
|
||||
<p>Interior Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial Item End -->
|
||||
</div>
|
||||
<!-- Testimonial Slide End -->
|
||||
</div>
|
||||
<div class="testimonial-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial Slider End -->
|
||||
|
||||
<!-- Section Footer Text Start -->
|
||||
<div class="section-footer-text section-footer-contact wow fadeInUp" data-wow-delay="0.2s">
|
||||
<p><span><img src="images/icon-phone-primary.svg" alt=""></span> Build smarter, design better - <a href="/contact">start your project with us today</a></p>
|
||||
</div>
|
||||
<!-- Section Footer Text End -->
|
||||
</div>
|
||||
<!-- Testimonial Slider Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Our Testimonial Section End -->
|
||||
|
||||
<!-- Our FAQs Section Start -->
|
||||
<div class="our-faqs">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-5">
|
||||
<!-- Our FAQs Content Start -->
|
||||
<div class="our-faqs-content">
|
||||
<!-- Faqs Title Box Start -->
|
||||
<div class="faqs-title-box">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h3 class="wow fadeInUp">Frequently Asked Questions</h3>
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">We're here to provide clear and helpful answers</h2>
|
||||
<p class="wow fadeInUp" data-wow-delay="0.2s">Explore our FAQs to learn more about our process, pricing, and how we ensure quality, transparency, and client satisfaction at every stage.</p>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- Our FAQs Button Start -->
|
||||
<div class="our-faqs-btn wow fadeInUp" data-wow-delay="0.4s">
|
||||
<a href="/faqs" class="btn-default">View all FAQs</a>
|
||||
</div>
|
||||
<!-- Our FAQs Button End -->
|
||||
</div>
|
||||
<!-- Faqs Title Box End -->
|
||||
|
||||
<!-- Faq Contact Box Start -->
|
||||
<div class="faq-contact-box wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-phone-primary.svg" alt="">
|
||||
</div>
|
||||
<div class="faq-contact-box-content">
|
||||
<h3>Call Us For Any Query</h3>
|
||||
<p><a href="tel:+123456789">+(123) 456-789</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Faq Contact Box End -->
|
||||
</div>
|
||||
<!-- Our FAQs Content End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-7">
|
||||
<!-- FAQ Accordion Start -->
|
||||
<div class="faq-accordion" id="accordion">
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp">
|
||||
<h2 class="accordion-header" id="heading1">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
|
||||
Q1. Do you provide both design and construction services?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="heading1" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<h2 class="accordion-header" id="heading2">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
|
||||
Q2. Can you work with my existing architect or designer?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<h2 class="accordion-header" id="heading3">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
|
||||
Q3. How do you estimate the total project cost?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<h2 class="accordion-header" id="heading4">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
|
||||
Q4. What materials do you typically use for construction?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<h2 class="accordion-header" id="heading5">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
|
||||
Q5. Can you handle renovation or remodeling projects?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
</div>
|
||||
<!-- FAQ Accordion End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Our FAQs Section End -->
|
||||
|
||||
<!-- Main Footer Start -->
|
||||
<footer class="main-footer dark-section">
|
||||
<!-- Scrolling Ticker Section Start -->
|
||||
<div class="footer-scrolling-ticker">
|
||||
<!-- Scrolling Ticker Box Start -->
|
||||
<div class="scrolling-ticker-box">
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Box End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Section End -->
|
||||
|
||||
<!-- Footer Box Start -->
|
||||
<div class="footer-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4">
|
||||
<!-- About Footer Start -->
|
||||
<div class="about-footer">
|
||||
<!-- Footer Logo Start -->
|
||||
<div class="footer-logo">
|
||||
<img src="images/footer-logo.svg" alt="">
|
||||
</div>
|
||||
<!-- Footer Logo End -->
|
||||
|
||||
<!-- About Footer Content Start -->
|
||||
<div class="footer-working-hours">
|
||||
<h3>Working Hours:</h3>
|
||||
<ul>
|
||||
<li>Monday - Friday: 09:00 AM - 06:00 PM</li>
|
||||
<li>Saturday - Sunday: Closed</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- About Footer Content End -->
|
||||
</div>
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-8">
|
||||
<!-- Footer Links Box Start -->
|
||||
<div class="footer-links-box">
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-location-info">
|
||||
<h3>Contact Information</h3>
|
||||
<p>123 Maplewood Drive, Pinehill, CA 90210</p>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-contact-links">
|
||||
<h3>Get in Touch</h3>
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
|
||||
<li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Newsletter Form Start -->
|
||||
<div class="footer-links footer-newsletter-form">
|
||||
<h3>Newsletter Subscription</h3>
|
||||
<p>Stay updated on our latest projects, tips, and offers.</p>
|
||||
<form id="newslettersForm" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
|
||||
<button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Footer Newsletter Form End -->
|
||||
|
||||
<!-- Footer Social Link Start -->
|
||||
<div class="footer-links footer-social-links">
|
||||
<h3>Follow On Socials:</h3>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Social Link End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Footer Copyright Start -->
|
||||
<div class="footer-copyright">
|
||||
<!-- Footer Menu Start -->
|
||||
<div class="footer-menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/services">Service</a></li>
|
||||
<li><a href="/projects">Project</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Menu End -->
|
||||
|
||||
<!-- Footer Copyright Text Start -->
|
||||
<div class="footer-copyright-text">
|
||||
<p>Copyright © 2025 All Rights Reserved.</p>
|
||||
</div>
|
||||
<!-- Footer Copyright Text End -->
|
||||
</div>
|
||||
<!-- Footer Copyright End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer Box End -->
|
||||
</footer>
|
||||
<!-- Main Footer End -->
|
||||
|
||||
<!-- Jquery Library File -->
|
||||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||||
<!-- Bootstrap js file -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<!-- Validator js file -->
|
||||
<script src="assets/js/validator.min.js"></script>
|
||||
<!-- SlickNav js file -->
|
||||
<script src="assets/js/jquery.slicknav.js"></script>
|
||||
<!-- Swiper js file -->
|
||||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||||
<!-- Counter js file -->
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<!-- Isotop js file -->
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<!-- Magnific js file -->
|
||||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||||
<!-- SmoothScroll -->
|
||||
<script src="assets/js/SmoothScroll.js"></script>
|
||||
<!-- Parallax js -->
|
||||
<script src="assets/js/parallaxie.js"></script>
|
||||
<!-- MagicCursor js file -->
|
||||
<script src="assets/js/gsap.min.js"></script>
|
||||
<script src="assets/js/magiccursor.js"></script>
|
||||
<!-- Text Effect js file -->
|
||||
<script src="assets/js/SplitText.min.js"></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js"></script>
|
||||
<!-- YTPlayer js File -->
|
||||
<script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
|
||||
<!-- Wow js file -->
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<!-- Main Custom js file -->
|
||||
<script src="assets/js/function.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,695 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="author" content="Awaiken">
|
||||
<!-- Page Title -->
|
||||
<title>Renovex - Construction HTML Template</title>
|
||||
<!-- Favicon Icon -->
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
|
||||
<!-- Google Fonts Css-->
|
||||
<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||||
<!-- SlickNav Css -->
|
||||
<link href="assets/css/slicknav.min.css" rel="stylesheet">
|
||||
<!-- Swiper Css -->
|
||||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||||
<!-- Font Awesome Icon Css-->
|
||||
<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
|
||||
<!-- Animated Css -->
|
||||
<link href="assets/css/animate.css" rel="stylesheet">
|
||||
<!-- Magnific Popup Core Css File -->
|
||||
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||
<!-- Mouse Cursor Css File -->
|
||||
<link rel="stylesheet" href="assets/css/mousecursor.css">
|
||||
<!-- Main Custom Css -->
|
||||
<link href="assets/css/custom.css" rel="stylesheet" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Preloader Start -->
|
||||
<div class="preloader">
|
||||
<div class="loading-container">
|
||||
<div class="loading"></div>
|
||||
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End -->
|
||||
|
||||
<!-- Header Start -->
|
||||
<header class="main-header">
|
||||
<div class="header-sticky">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo Start -->
|
||||
<a class="navbar-brand" href="./">
|
||||
<img src="images/logo.svg" alt="Logo">
|
||||
</a>
|
||||
<!-- Logo End -->
|
||||
|
||||
<!-- Main Menu Start -->
|
||||
<div class="collapse navbar-collapse main-menu">
|
||||
<div class="nav-menu-wrapper">
|
||||
<ul class="navbar-nav mr-auto" id="menu">
|
||||
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
|
||||
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/404">404</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Header Btn Start -->
|
||||
<div class="header-btn">
|
||||
<a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
|
||||
</div>
|
||||
<!-- Header Btn End -->
|
||||
</div>
|
||||
<!-- Main Menu End -->
|
||||
<div class="navbar-toggle"></div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="responsive-menu"></div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
|
||||
<!-- Page Header Section Start -->
|
||||
<div class="page-header parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Page Header Box Start -->
|
||||
<div class="page-header-box">
|
||||
<h1 class="text-anime-style-3" data-cursor="-opaque">Metro industrial hub</h1>
|
||||
<nav class="wow fadeInUp">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="./">home</a></li>
|
||||
<li class="breadcrumb-item"><a href="/projects">Projects</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Metro industrial hub</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Page Header Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Section End -->
|
||||
|
||||
<!-- Page Service Single Start -->
|
||||
<div class="page-project-single">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<!-- Page Single Sidebar Start -->
|
||||
<div class="page-single-sidebar">
|
||||
<!-- Page Category List Start -->
|
||||
<div class="page-category-list project-category-list wow fadeInUp">
|
||||
<h3>Project Overview</h3>
|
||||
|
||||
<!-- Project Category List Start -->
|
||||
<div class="project-category-item-list">
|
||||
<!-- Project Category Item Start -->
|
||||
<div class="project-category-item">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-project-category-item-1.svg" alt="">
|
||||
</div>
|
||||
<div class="project-category-item-content">
|
||||
<h4>Project Name:</h4>
|
||||
<p>Metro industrial hub</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Category Item End -->
|
||||
|
||||
<!-- Project Category Item Start -->
|
||||
<div class="project-category-item">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-project-category-item-2.svg" alt="">
|
||||
</div>
|
||||
<div class="project-category-item-content">
|
||||
<h4>Category:</h4>
|
||||
<p>Industrial Construction</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Category Item End -->
|
||||
|
||||
<!-- Project Category Item Start -->
|
||||
<div class="project-category-item">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-project-category-item-3.svg" alt="">
|
||||
</div>
|
||||
<div class="project-category-item-content">
|
||||
<h4>Durations:</h4>
|
||||
<p>1 year, 2 month </p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Category Item End -->
|
||||
|
||||
<!-- Project Category Item Start -->
|
||||
<div class="project-category-item">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-project-category-item-4.svg" alt="">
|
||||
</div>
|
||||
<div class="project-category-item-content">
|
||||
<h4>Date:</h4>
|
||||
<p>15 march, 2026</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Category Item End -->
|
||||
|
||||
<!-- Project Category Item Start -->
|
||||
<div class="project-category-item">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-project-category-item-5.svg" alt="">
|
||||
</div>
|
||||
<div class="project-category-item-content">
|
||||
<h4>Location:</h4>
|
||||
<p>USA</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Category Item End -->
|
||||
</div>
|
||||
<!-- Project Category List End -->
|
||||
</div>
|
||||
<!-- Page Category List End -->
|
||||
|
||||
<!-- Sidebar CTA Box Start -->
|
||||
<div class="sidebar-cta-box wow fadeInUp" data-wow-delay="0.25s">
|
||||
<!-- Sidebar CTA Title Start -->
|
||||
<div class="sidebar-cta-title">
|
||||
<h3>Do You Need Help!</h3>
|
||||
</div>
|
||||
<!-- Sidebar CTA Title End -->
|
||||
|
||||
<!-- Sidebar CTA Body Start -->
|
||||
<div class="sidebar-cta-body">
|
||||
<div class="sidebar-cta-body-content">
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-primary.svg" alt=""><a href="tel:+123456789">+(123) 456 789</a></li>
|
||||
<li><img src="images/icon-mail-primary.svg" alt=""><a href="mailto:support@example.com">support@example.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-cta-body-image">
|
||||
<figure>
|
||||
<img src="images/sidebar-body-image.png" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Sidebar CTA Body End -->
|
||||
</div>
|
||||
<!-- Sidebar CTA Box End -->
|
||||
</div>
|
||||
<!-- Page Single Sidebar End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-8">
|
||||
<!-- Project Single Content Start -->
|
||||
<div class="project-single-content">
|
||||
<!-- Page Single image Start -->
|
||||
<div class="page-single-image">
|
||||
<figure class="image-anime reveal">
|
||||
<img src="images/project-image-1.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<!-- Page Single image End -->
|
||||
|
||||
<!-- Project Entry Start -->
|
||||
<div class="project-entry">
|
||||
<p class="wow fadeInUp">Metro Industrial Hub is a modern, well-planned industrial development designed to support manufacturing, warehousing, logistics, and large-scale operations. The project focuses on providing a high-efficiency environment with flexible space layouts, strong infrastructure support, and excellent regional connectivity. </p>
|
||||
<p class="wow fadeInUp" data-wow-delay="0.2s">Built for businesses that value growth, productivity, and reliable infrastructure, Metro Industrial Hub serves as a powerful foundation for industrial success.</p>
|
||||
|
||||
<!-- Project Feature Box Start -->
|
||||
<div class="project-features-box">
|
||||
<h2 class="text-anime-style-3">Key features</h2>
|
||||
<p class="wow fadeInUp">Each feature of this project is planned to make your work easier, faster, and more organized. From wide roads to strong infrastructure, everything is built to support day-to-day industrial activities comfortably.</p>
|
||||
|
||||
<!-- Project Feature Item List Start -->
|
||||
<div class="project-feature-item-list">
|
||||
<!-- Project Feature Item Start -->
|
||||
<div class="project-feature-item wow fadeInUp" data-wow-delay="0.2">
|
||||
<div class="project-feature-item-body">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-project-feature-1.svg" alt="">
|
||||
</div>
|
||||
<div class="project-feature-item-content">
|
||||
<h3>Infrastructure Planning</h3>
|
||||
<p>The layout is designed to support smooth movement.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="project-feature-item-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/project-feature-image-1.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Feature Item End -->
|
||||
|
||||
<!-- Project Feature Item Start -->
|
||||
<div class="project-feature-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="project-feature-item-body">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-project-feature-2.svg" alt="">
|
||||
</div>
|
||||
<div class="project-feature-item-content">
|
||||
<h3>Flexible Plot</h3>
|
||||
<p>The layout is designed to support smooth movement.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="project-feature-item-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/project-feature-image-2.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Feature Item End -->
|
||||
|
||||
<!-- Project Feature Item Start -->
|
||||
<div class="project-feature-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div class="project-feature-item-body">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-project-feature-3.svg" alt="">
|
||||
</div>
|
||||
<div class="project-feature-item-content">
|
||||
<h3>Excellent Connectivity</h3>
|
||||
<p>The layout is designed to support smooth movement.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="project-feature-item-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/project-feature-image-3.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Feature Item End -->
|
||||
</div>
|
||||
<!-- Project Feature Item List End -->
|
||||
|
||||
<!-- Section Footer Text Start -->
|
||||
<div class="section-footer-text wow fadeInUp" data-wow-delay="0.4s">
|
||||
<p>From vision to structure - <a href="/contact">where creativity meets construction excellence.</a></p>
|
||||
</div>
|
||||
<!-- Section Footer Text End -->
|
||||
</div>
|
||||
<!-- Project Feature Box Start -->
|
||||
|
||||
<!-- Project Process Box Start -->
|
||||
<div class="project-process-box">
|
||||
<h2 class="text-anime-style-3">Project development process</h2>
|
||||
<p class="wow fadeInUp">We follow a step-by-step approach to make your project easy and stress-free. First, we learn what your business needs. Then we help you choose the right space, plan the layout.</p>
|
||||
|
||||
<!-- Project Process Item List Start -->
|
||||
<div class="project-process-item-list">
|
||||
<!-- Project Process Item Start -->
|
||||
<div class="project-process-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="project-process-item-no">
|
||||
<h4>01</h4>
|
||||
</div>
|
||||
<div class="project-process-item-content">
|
||||
<h3>Requirement Understanding</h3>
|
||||
<p>Interiors and production layouts are planned based on machinery and process needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Process Item End -->
|
||||
|
||||
<!-- Project Process Item Start -->
|
||||
<div class="project-process-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="project-process-item-no">
|
||||
<h4>02</h4>
|
||||
</div>
|
||||
<div class="project-process-item-content">
|
||||
<h3>Installation & Setup Support</h3>
|
||||
<p>Interiors and production layouts are planned based on machinery and process needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Process Item End -->
|
||||
|
||||
<!-- Project Process Item Start -->
|
||||
<div class="project-process-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div class="project-process-item-no">
|
||||
<h4>03</h4>
|
||||
</div>
|
||||
<div class="project-process-item-content">
|
||||
<h3>Operational Hand-Off</h3>
|
||||
<p>Interiors and production layouts are planned based on machinery and process needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Process Item End -->
|
||||
</div>
|
||||
<!-- Project Process Item List End -->
|
||||
</div>
|
||||
<!-- Project Process Box Start -->
|
||||
|
||||
<!-- Project Process Box Start -->
|
||||
<div class="project-issue-box">
|
||||
<h2 class="text-anime-style-3">Project solutions & problem</h2>
|
||||
<p class="wow fadeInUp">Every industrial project comes with its own set of challenges, from infrastructure limitations to workflow inefficiencies metro Industrial Hub is designed to overcome these issues through thoughtful planning, reliable systems, and strategic layout design.</p>
|
||||
|
||||
<!-- Project Process Boxes Start -->
|
||||
<div class="project-issue-boxes wow fadeInUp" data-wow-delay="0.2s">
|
||||
<!-- Project Process Box Start -->
|
||||
<div class="project-issue-box-item">
|
||||
<div class="project-issue-box-title">
|
||||
<h3>Project Problem:</h3>
|
||||
</div>
|
||||
<div class="project-issue-item">
|
||||
<h4>Unorganized Layouts:</h4>
|
||||
<p>Poor space planning slows production & creates bottlenecks.</p>
|
||||
</div>
|
||||
<div class="project-issue-item">
|
||||
<h4>Weak Infrastructure:</h4>
|
||||
<p>Poor space planning slows production & creates bottlenecks.</p>
|
||||
</div>
|
||||
<div class="project-issue-item">
|
||||
<h4>High Operational Costs:</h4>
|
||||
<p>Poor space planning slows production & creates bottlenecks.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Process Box End -->
|
||||
|
||||
<!-- Project Process Box Start -->
|
||||
<div class="project-issue-box-item">
|
||||
<div class="project-issue-box-title">
|
||||
<h3>Project Solutions:</h3>
|
||||
</div>
|
||||
<div class="project-issue-item">
|
||||
<h4>Reliable Utility Infrastructure:</h4>
|
||||
<p>Poor space planning slows production & creates bottlenecks.</p>
|
||||
</div>
|
||||
<div class="project-issue-item">
|
||||
<h4>Flexible Unit & Plot Configurations:</h4>
|
||||
<p>Poor space planning slows production & creates bottlenecks.</p>
|
||||
</div>
|
||||
<div class="project-issue-item">
|
||||
<h4>Optimized Operational Design:</h4>
|
||||
<p>Poor space planning slows production & creates bottlenecks.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Process Box End -->
|
||||
</div>
|
||||
<!-- Project Process Boxes End -->
|
||||
</div>
|
||||
<!-- Project Process Box Start -->
|
||||
</div>
|
||||
<!-- Project Entry End -->
|
||||
|
||||
<!-- Page Single FAQs Start -->
|
||||
<div class="page-single-faqs">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Everything You Need to Know</h2>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- FAQ Accordion Start -->
|
||||
<div class="faq-accordion" id="accordion">
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp">
|
||||
<h2 class="accordion-header" id="heading1">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
|
||||
Q1. Can you provide customized fabric designs?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="heading1" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<h2 class="accordion-header" id="heading2">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
|
||||
Q2. Are your manufacturing processes sustainable?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<h2 class="accordion-header" id="heading3">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
|
||||
Q3. How long does it take to manufacture and deliver orders?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<h2 class="accordion-header" id="heading4">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
|
||||
Q4. What types of fabrics do you manufacture?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<h2 class="accordion-header" id="heading5">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
|
||||
Q5. Do you offer samples before bulk production?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
</div>
|
||||
<!-- FAQ Accordion End -->
|
||||
</div>
|
||||
<!-- Page Single FAQs End -->
|
||||
</div>
|
||||
<!-- Project Single Content End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Project Single End -->
|
||||
|
||||
<!-- Main Footer Start -->
|
||||
<footer class="main-footer dark-section">
|
||||
<!-- Scrolling Ticker Section Start -->
|
||||
<div class="footer-scrolling-ticker">
|
||||
<!-- Scrolling Ticker Box Start -->
|
||||
<div class="scrolling-ticker-box">
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Box End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Section End -->
|
||||
|
||||
<!-- Footer Box Start -->
|
||||
<div class="footer-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4">
|
||||
<!-- About Footer Start -->
|
||||
<div class="about-footer">
|
||||
<!-- Footer Logo Start -->
|
||||
<div class="footer-logo">
|
||||
<img src="images/footer-logo.svg" alt="">
|
||||
</div>
|
||||
<!-- Footer Logo End -->
|
||||
|
||||
<!-- About Footer Content Start -->
|
||||
<div class="footer-working-hours">
|
||||
<h3>Working Hours:</h3>
|
||||
<ul>
|
||||
<li>Monday - Friday: 09:00 AM - 06:00 PM</li>
|
||||
<li>Saturday - Sunday: Closed</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- About Footer Content End -->
|
||||
</div>
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-8">
|
||||
<!-- Footer Links Box Start -->
|
||||
<div class="footer-links-box">
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-location-info">
|
||||
<h3>Contact Information</h3>
|
||||
<p>123 Maplewood Drive, Pinehill, CA 90210</p>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-contact-links">
|
||||
<h3>Get in Touch</h3>
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
|
||||
<li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Newsletter Form Start -->
|
||||
<div class="footer-links footer-newsletter-form">
|
||||
<h3>Newsletter Subscription</h3>
|
||||
<p>Stay updated on our latest projects, tips, and offers.</p>
|
||||
<form id="newslettersForm" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
|
||||
<button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Footer Newsletter Form End -->
|
||||
|
||||
<!-- Footer Social Link Start -->
|
||||
<div class="footer-links footer-social-links">
|
||||
<h3>Follow On Socials:</h3>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Social Link End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Footer Copyright Start -->
|
||||
<div class="footer-copyright">
|
||||
<!-- Footer Menu Start -->
|
||||
<div class="footer-menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/services">Service</a></li>
|
||||
<li><a href="/projects">Project</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Menu End -->
|
||||
|
||||
<!-- Footer Copyright Text Start -->
|
||||
<div class="footer-copyright-text">
|
||||
<p>Copyright © 2025 All Rights Reserved.</p>
|
||||
</div>
|
||||
<!-- Footer Copyright Text End -->
|
||||
</div>
|
||||
<!-- Footer Copyright End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer Box End -->
|
||||
</footer>
|
||||
<!-- Main Footer End -->
|
||||
|
||||
<!-- Jquery Library File -->
|
||||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||||
<!-- Bootstrap js file -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<!-- Validator js file -->
|
||||
<script src="assets/js/validator.min.js"></script>
|
||||
<!-- SlickNav js file -->
|
||||
<script src="assets/js/jquery.slicknav.js"></script>
|
||||
<!-- Swiper js file -->
|
||||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||||
<!-- Counter js file -->
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<!-- Isotop js file -->
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<!-- Magnific js file -->
|
||||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||||
<!-- SmoothScroll -->
|
||||
<script src="assets/js/SmoothScroll.js"></script>
|
||||
<!-- Parallax js -->
|
||||
<script src="assets/js/parallaxie.js"></script>
|
||||
<!-- MagicCursor js file -->
|
||||
<script src="assets/js/gsap.min.js"></script>
|
||||
<script src="assets/js/magiccursor.js"></script>
|
||||
<!-- Text Effect js file -->
|
||||
<script src="assets/js/SplitText.min.js"></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js"></script>
|
||||
<!-- YTPlayer js File -->
|
||||
<script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
|
||||
<!-- Wow js file -->
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<!-- Main Custom js file -->
|
||||
<script src="assets/js/function.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,500 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="author" content="Awaiken">
|
||||
<!-- Page Title -->
|
||||
<title>Renovex - Construction HTML Template</title>
|
||||
<!-- Favicon Icon -->
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
|
||||
<!-- Google Fonts Css-->
|
||||
<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||||
<!-- SlickNav Css -->
|
||||
<link href="assets/css/slicknav.min.css" rel="stylesheet">
|
||||
<!-- Swiper Css -->
|
||||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||||
<!-- Font Awesome Icon Css-->
|
||||
<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
|
||||
<!-- Animated Css -->
|
||||
<link href="assets/css/animate.css" rel="stylesheet">
|
||||
<!-- Magnific Popup Core Css File -->
|
||||
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||
<!-- Mouse Cursor Css File -->
|
||||
<link rel="stylesheet" href="assets/css/mousecursor.css">
|
||||
<!-- Main Custom Css -->
|
||||
<link href="assets/css/custom.css" rel="stylesheet" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Preloader Start -->
|
||||
<div class="preloader">
|
||||
<div class="loading-container">
|
||||
<div class="loading"></div>
|
||||
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End -->
|
||||
|
||||
<!-- Header Start -->
|
||||
<header class="main-header">
|
||||
<div class="header-sticky">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo Start -->
|
||||
<a class="navbar-brand" href="./">
|
||||
<img src="images/logo.svg" alt="Logo">
|
||||
</a>
|
||||
<!-- Logo End -->
|
||||
|
||||
<!-- Main Menu Start -->
|
||||
<div class="collapse navbar-collapse main-menu">
|
||||
<div class="nav-menu-wrapper">
|
||||
<ul class="navbar-nav mr-auto" id="menu">
|
||||
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
|
||||
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
|
||||
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/404">404</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Header Btn Start -->
|
||||
<div class="header-btn">
|
||||
<a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
|
||||
</div>
|
||||
<!-- Header Btn End -->
|
||||
</div>
|
||||
<!-- Main Menu End -->
|
||||
<div class="navbar-toggle"></div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="responsive-menu"></div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
|
||||
<!-- Page Header Section Start -->
|
||||
<div class="page-header parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Page Header Box Start -->
|
||||
<div class="page-header-box">
|
||||
<h1 class="text-anime-style-3" data-cursor="-opaque">Our projects</h1>
|
||||
<nav class="wow fadeInUp">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="./">home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">projects</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Page Header Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Section End -->
|
||||
|
||||
<!-- Page Projects Start -->
|
||||
<div class="page-projects">
|
||||
<div class="container">
|
||||
<!-- Project Item List Start -->
|
||||
<div class="row">
|
||||
<!-- Project Item Start -->
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<div class="project-item wow fadeInUp">
|
||||
<!-- Project Item Image Start -->
|
||||
<div class="project-item-image">
|
||||
<a href="/project-single" data-cursor-text="View">
|
||||
<figure class="image-anime">
|
||||
<img src="images/project-image-1.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Project Item Image End -->
|
||||
|
||||
<!-- Project Item Content Start -->
|
||||
<div class="project-item-content">
|
||||
<h2><a href="/project-single">Maplewood Apartments</a></h2>
|
||||
<p>Residential Architecture</p>
|
||||
</div>
|
||||
<!-- Project Item Content End -->
|
||||
|
||||
<!-- Project Item Button Start -->
|
||||
<div class="project-item-btn">
|
||||
<a href="/project-single">
|
||||
<img src="images/arrow-white.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<!-- Project Item Button End -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Item End -->
|
||||
|
||||
<!-- Project Item Start -->
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<div class="project-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<!-- Project Item Image Start -->
|
||||
<div class="project-item-image">
|
||||
<a href="/project-single" data-cursor-text="View">
|
||||
<figure class="image-anime">
|
||||
<img src="images/project-image-2.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Project Item Image End -->
|
||||
|
||||
<!-- Project Item Content Start -->
|
||||
<div class="project-item-content">
|
||||
<h2><a href="/project-single">Metro Industrial Hub</a></h2>
|
||||
<p>Residential Architecture</p>
|
||||
</div>
|
||||
<!-- Project Item Content End -->
|
||||
|
||||
<!-- Project Item Button Start -->
|
||||
<div class="project-item-btn">
|
||||
<a href="/project-single">
|
||||
<img src="images/arrow-white.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<!-- Project Item Button End -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Item End -->
|
||||
|
||||
<!-- Project Item Start -->
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<div class="project-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<!-- Project Item Image Start -->
|
||||
<div class="project-item-image">
|
||||
<a href="/project-single" data-cursor-text="View">
|
||||
<figure class="image-anime">
|
||||
<img src="images/project-image-3.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Project Item Image End -->
|
||||
|
||||
<!-- Project Item Content Start -->
|
||||
<div class="project-item-content">
|
||||
<h2><a href="/project-single">The Horizon Office Park</a></h2>
|
||||
<p>Residential Architecture</p>
|
||||
</div>
|
||||
<!-- Project Item Content End -->
|
||||
|
||||
<!-- Project Item Button Start -->
|
||||
<div class="project-item-btn">
|
||||
<a href="/project-single">
|
||||
<img src="images/arrow-white.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<!-- Project Item Button End -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Item End -->
|
||||
|
||||
<!-- Project Item Start -->
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<div class="project-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<!-- Project Item Image Start -->
|
||||
<div class="project-item-image">
|
||||
<a href="/project-single" data-cursor-text="View">
|
||||
<figure class="image-anime">
|
||||
<img src="images/project-image-4.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Project Item Image End -->
|
||||
|
||||
<!-- Project Item Content Start -->
|
||||
<div class="project-item-content">
|
||||
<h2><a href="/project-single">Harmony Workspace Renovation</a></h2>
|
||||
<p>Residential Architecture</p>
|
||||
</div>
|
||||
<!-- Project Item Content End -->
|
||||
|
||||
<!-- Project Item Button Start -->
|
||||
<div class="project-item-btn">
|
||||
<a href="/project-single">
|
||||
<img src="images/arrow-white.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<!-- Project Item Button End -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Item End -->
|
||||
|
||||
<!-- Project Item Start -->
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<div class="project-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<!-- Project Item Image Start -->
|
||||
<div class="project-item-image">
|
||||
<a href="/project-single" data-cursor-text="View">
|
||||
<figure class="image-anime">
|
||||
<img src="images/project-image-5.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Project Item Image End -->
|
||||
|
||||
<!-- Project Item Content Start -->
|
||||
<div class="project-item-content">
|
||||
<h2><a href="/project-single">Northgate Logistics Hub</a></h2>
|
||||
<p>Residential Architecture</p>
|
||||
</div>
|
||||
<!-- Project Item Content End -->
|
||||
|
||||
<!-- Project Item Button Start -->
|
||||
<div class="project-item-btn">
|
||||
<a href="/project-single">
|
||||
<img src="images/arrow-white.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<!-- Project Item Button End -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Item End -->
|
||||
|
||||
<!-- Project Item Start -->
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<div class="project-item wow fadeInUp" data-wow-delay="1s">
|
||||
<!-- Project Item Image Start -->
|
||||
<div class="project-item-image">
|
||||
<a href="/project-single" data-cursor-text="View">
|
||||
<figure class="image-anime">
|
||||
<img src="images/project-image-6.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Project Item Image End -->
|
||||
|
||||
<!-- Project Item Content Start -->
|
||||
<div class="project-item-content">
|
||||
<h2><a href="/project-single">Grand Avenue Business Park</a></h2>
|
||||
<p>Residential Architecture</p>
|
||||
</div>
|
||||
<!-- Project Item Content End -->
|
||||
|
||||
<!-- Project Item Button Start -->
|
||||
<div class="project-item-btn">
|
||||
<a href="/project-single">
|
||||
<img src="images/arrow-white.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<!-- Project Item Button End -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Item End -->
|
||||
</div>
|
||||
<!-- Project Item List End -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Projects End -->
|
||||
|
||||
<!-- Main Footer Start -->
|
||||
<footer class="main-footer dark-section">
|
||||
<!-- Scrolling Ticker Section Start -->
|
||||
<div class="footer-scrolling-ticker">
|
||||
<!-- Scrolling Ticker Box Start -->
|
||||
<div class="scrolling-ticker-box">
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Box End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Section End -->
|
||||
|
||||
<!-- Footer Box Start -->
|
||||
<div class="footer-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4">
|
||||
<!-- About Footer Start -->
|
||||
<div class="about-footer">
|
||||
<!-- Footer Logo Start -->
|
||||
<div class="footer-logo">
|
||||
<img src="images/footer-logo.svg" alt="">
|
||||
</div>
|
||||
<!-- Footer Logo End -->
|
||||
|
||||
<!-- About Footer Content Start -->
|
||||
<div class="footer-working-hours">
|
||||
<h3>Working Hours:</h3>
|
||||
<ul>
|
||||
<li>Monday - Friday: 09:00 AM - 06:00 PM</li>
|
||||
<li>Saturday - Sunday: Closed</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- About Footer Content End -->
|
||||
</div>
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-8">
|
||||
<!-- Footer Links Box Start -->
|
||||
<div class="footer-links-box">
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-location-info">
|
||||
<h3>Contact Information</h3>
|
||||
<p>123 Maplewood Drive, Pinehill, CA 90210</p>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-contact-links">
|
||||
<h3>Get in Touch</h3>
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
|
||||
<li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Newsletter Form Start -->
|
||||
<div class="footer-links footer-newsletter-form">
|
||||
<h3>Newsletter Subscription</h3>
|
||||
<p>Stay updated on our latest projects, tips, and offers.</p>
|
||||
<form id="newslettersForm" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
|
||||
<button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Footer Newsletter Form End -->
|
||||
|
||||
<!-- Footer Social Link Start -->
|
||||
<div class="footer-links footer-social-links">
|
||||
<h3>Follow On Socials:</h3>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Social Link End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Footer Copyright Start -->
|
||||
<div class="footer-copyright">
|
||||
<!-- Footer Menu Start -->
|
||||
<div class="footer-menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/services">Service</a></li>
|
||||
<li><a href="/projects">Project</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Menu End -->
|
||||
|
||||
<!-- Footer Copyright Text Start -->
|
||||
<div class="footer-copyright-text">
|
||||
<p>Copyright © 2025 All Rights Reserved.</p>
|
||||
</div>
|
||||
<!-- Footer Copyright Text End -->
|
||||
</div>
|
||||
<!-- Footer Copyright End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer Box End -->
|
||||
</footer>
|
||||
<!-- Main Footer End -->
|
||||
|
||||
<!-- Jquery Library File -->
|
||||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||||
<!-- Bootstrap js file -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<!-- Validator js file -->
|
||||
<script src="assets/js/validator.min.js"></script>
|
||||
<!-- SlickNav js file -->
|
||||
<script src="assets/js/jquery.slicknav.js"></script>
|
||||
<!-- Swiper js file -->
|
||||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||||
<!-- Counter js file -->
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<!-- Isotop js file -->
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<!-- Magnific js file -->
|
||||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||||
<!-- SmoothScroll -->
|
||||
<script src="assets/js/SmoothScroll.js"></script>
|
||||
<!-- Parallax js -->
|
||||
<script src="assets/js/parallaxie.js"></script>
|
||||
<!-- MagicCursor js file -->
|
||||
<script src="assets/js/gsap.min.js"></script>
|
||||
<script src="assets/js/magiccursor.js"></script>
|
||||
<!-- Text Effect js file -->
|
||||
<script src="assets/js/SplitText.min.js"></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js"></script>
|
||||
<!-- YTPlayer js File -->
|
||||
<script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
|
||||
<!-- Wow js file -->
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<!-- Main Custom js file -->
|
||||
<script src="assets/js/function.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,635 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="author" content="Awaiken">
|
||||
<!-- Page Title -->
|
||||
<title>Renovex - Construction HTML Template</title>
|
||||
<!-- Favicon Icon -->
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
|
||||
<!-- Google Fonts Css-->
|
||||
<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||||
<!-- SlickNav Css -->
|
||||
<link href="assets/css/slicknav.min.css" rel="stylesheet">
|
||||
<!-- Swiper Css -->
|
||||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||||
<!-- Font Awesome Icon Css-->
|
||||
<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
|
||||
<!-- Animated Css -->
|
||||
<link href="assets/css/animate.css" rel="stylesheet">
|
||||
<!-- Magnific Popup Core Css File -->
|
||||
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||
<!-- Mouse Cursor Css File -->
|
||||
<link rel="stylesheet" href="assets/css/mousecursor.css">
|
||||
<!-- Main Custom Css -->
|
||||
<link href="assets/css/custom.css" rel="stylesheet" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Preloader Start -->
|
||||
<div class="preloader">
|
||||
<div class="loading-container">
|
||||
<div class="loading"></div>
|
||||
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End -->
|
||||
|
||||
<!-- Header Start -->
|
||||
<header class="main-header">
|
||||
<div class="header-sticky">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo Start -->
|
||||
<a class="navbar-brand" href="./">
|
||||
<img src="images/logo.svg" alt="Logo">
|
||||
</a>
|
||||
<!-- Logo End -->
|
||||
|
||||
<!-- Main Menu Start -->
|
||||
<div class="collapse navbar-collapse main-menu">
|
||||
<div class="nav-menu-wrapper">
|
||||
<ul class="navbar-nav mr-auto" id="menu">
|
||||
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
|
||||
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/404">404</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Header Btn Start -->
|
||||
<div class="header-btn">
|
||||
<a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
|
||||
</div>
|
||||
<!-- Header Btn End -->
|
||||
</div>
|
||||
<!-- Main Menu End -->
|
||||
<div class="navbar-toggle"></div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="responsive-menu"></div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
|
||||
<!-- Page Header Section Start -->
|
||||
<div class="page-header parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Page Header Box Start -->
|
||||
<div class="page-header-box">
|
||||
<h1 class="text-anime-style-3" data-cursor="-opaque">Project planning & consultation</h1>
|
||||
<nav class="wow fadeInUp">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="./">home</a></li>
|
||||
<li class="breadcrumb-item"><a href="/services">Services</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Project planning & consultation</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Page Header Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Section End -->
|
||||
|
||||
<!-- Page Service Single Start -->
|
||||
<div class="page-service-single">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<!-- Page Single Sidebar Start -->
|
||||
<div class="page-single-sidebar">
|
||||
<!-- Page Category List Start -->
|
||||
<div class="page-category-list wow fadeInUp">
|
||||
<h3>Explore Our Services</h3>
|
||||
<ul>
|
||||
<li><a href="#">Interior Design & Detailing</a></li>
|
||||
<li><a href="#">Civil Infrastructure Development</a></li>
|
||||
<li><a href="#">Urban Development & Master Planning</a></li>
|
||||
<li><a href="#">Structural Engineering Solutions</a></li>
|
||||
<li><a href="#">Project Management & Supervision</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Page Category List End -->
|
||||
|
||||
<!-- Sidebar CTA Box Start -->
|
||||
<div class="sidebar-cta-box wow fadeInUp" data-wow-delay="0.25s">
|
||||
<!-- Sidebar CTA Title Start -->
|
||||
<div class="sidebar-cta-title">
|
||||
<h3>Do You Need Help!</h3>
|
||||
</div>
|
||||
<!-- Sidebar CTA Title End -->
|
||||
|
||||
<!-- Sidebar CTA Body Start -->
|
||||
<div class="sidebar-cta-body">
|
||||
<div class="sidebar-cta-body-content">
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-primary.svg" alt=""><a href="tel:+123456789">+(123) 456 789</a></li>
|
||||
<li><img src="images/icon-mail-primary.svg" alt=""><a href="mailto:support@example.com">support@example.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-cta-body-image">
|
||||
<figure>
|
||||
<img src="images/sidebar-body-image.png" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Sidebar CTA Body End -->
|
||||
</div>
|
||||
<!-- Sidebar CTA Box End -->
|
||||
</div>
|
||||
<!-- Page Single Sidebar End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-8">
|
||||
<!-- Service Single Content Start -->
|
||||
<div class="service-single-content">
|
||||
<!-- Page Single image Start -->
|
||||
<div class="page-single-image">
|
||||
<figure class="image-anime reveal">
|
||||
<img src="images/service-image-1.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<!-- Page Single image End -->
|
||||
|
||||
<!-- Service Entry Start -->
|
||||
<div class="service-entry">
|
||||
<p class="wow fadeInUp">Every successful project starts with a thoughtful plan. Our Project Planning & Consultation service is designed to guide you from initial concept to a clear execution roadmap. We help you define your goals, set timelines, estimate budgets, and prepare a blueprint that ensures your project runs smoothly from start to finish.</p>
|
||||
<p class="wow fadeInUp">Whether you're building a new space, renovating an existing one, or planning a commercial development, our experts offer strategic direction and professional insight every step of the way.</p>
|
||||
|
||||
<!-- Service Why Choose Box Start -->
|
||||
<div class="service-why-choose-box">
|
||||
<h2 class="text-anime-style-3">Why choose our consultation services?</h2>
|
||||
<p class="wow fadeInUp">We combine industry experience with thoughtful planning to deliver guidance you can trust. Our approach focuses on practical solutions, transparent communication, and strategies that help you move your project forward with confidence.</p>
|
||||
|
||||
<!-- Service Why Choose Item List Start -->
|
||||
<div class="service-why-choose-item-list">
|
||||
<!-- Service Why Choose Item Start -->
|
||||
<div class="service-why-choose-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-service-why-choose-1.svg" alt="">
|
||||
</div>
|
||||
<div class="service-why-choose-item-content">
|
||||
<h3>Experience & Skill Planner</h3>
|
||||
<p>Our team brings years of hands on knowledge residential commercial, and industrial projects.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Why Choose Item End -->
|
||||
|
||||
<!-- Service Why Choose Item Start -->
|
||||
<div class="service-why-choose-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-service-why-choose-2.svg" alt="">
|
||||
</div>
|
||||
<div class="service-why-choose-item-content">
|
||||
<h3>Transparent Guidance</h3>
|
||||
<p>Our team brings years of hands on knowledge residential commercial, and industrial projects.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Why Choose Item End -->
|
||||
|
||||
<!-- Service Why Choose Item Start -->
|
||||
<div class="service-why-choose-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-service-why-choose-3.svg" alt="">
|
||||
</div>
|
||||
<div class="service-why-choose-item-content">
|
||||
<h3>Customized Planning</h3>
|
||||
<p>Our team brings years of hands on knowledge residential commercial, and industrial projects.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Why Choose Item End -->
|
||||
|
||||
<!-- Service Why Choose Item Start -->
|
||||
<div class="service-why-choose-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-service-why-choose-4.svg" alt="">
|
||||
</div>
|
||||
<div class="service-why-choose-item-content">
|
||||
<h3>End-to-End Support</h3>
|
||||
<p>Our team brings years of hands on knowledge residential commercial, and industrial projects.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Why Choose Item End -->
|
||||
</div>
|
||||
<!-- Service Why Choose Item List End -->
|
||||
</div>
|
||||
<!-- Service Why Choose Box End -->
|
||||
|
||||
<!-- Service Offer Box Start -->
|
||||
<div class="service-offer-box">
|
||||
<h2 class="text-anime-style-3">What we offer</h2>
|
||||
<p class="wow fadeInUp">We offer strategic, end-to-end project planning that aligns vision, function, timing, and cost. Every detail is considered thoughtfully, ensuring your project begins with a strong and reliable framework.</p>
|
||||
|
||||
<!-- Service Offer List Start -->
|
||||
<div class="service-offer-list wow fadeInUp" data-wow-delay="0.2s">
|
||||
<ul>
|
||||
<li>Homeowners planning new builds or renovations</li>
|
||||
<li>Business owners expanding or upgrading spaces</li>
|
||||
<li>Architect & designer seeking project coordination</li>
|
||||
<li>Contractors who need reliable planning support</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Service Offer List End -->
|
||||
|
||||
<!-- Service Offer Item List Start -->
|
||||
<div class="service-offer-item-list wow fadeInUp" data-wow-delay="0.4s">
|
||||
<!-- Service Offer Item Start -->
|
||||
<div class="service-offer-item">
|
||||
<div class="service-offer-item-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/service-offer-item-image-1.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="service-offer-item-content">
|
||||
<h3>Initial Project Assessment</h3>
|
||||
<p>We begin by understanding your vision, requirements.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Offer Item End -->
|
||||
|
||||
<!-- Service Offer Item Start -->
|
||||
<div class="service-offer-item">
|
||||
<div class="service-offer-item-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/service-offer-item-image-2.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="service-offer-item-content">
|
||||
<h3>Budget & Cost Estimation</h3>
|
||||
<p>We begin by understanding your vision, requirements.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Offer Item End -->
|
||||
</div>
|
||||
<!-- Service Offer Item List End -->
|
||||
</div>
|
||||
<!-- Service Offer Box End -->
|
||||
|
||||
<!-- Service Process Box Start -->
|
||||
<div class="service-process-box">
|
||||
<h2 class="text-anime-style-3">Service process</h2>
|
||||
<p class="wow fadeInUp">Our project process is built to ensure clarity, efficiency, and smooth progress at every stage. We begin by understanding your goals, then move into structured planning, resource coordination.</p>
|
||||
|
||||
<!-- Service Process Image Content Start -->
|
||||
<div class="service-process-image-content">
|
||||
<!-- Service Process Content Start -->
|
||||
<div class="service-process-content">
|
||||
<!-- Service Process Item Start -->
|
||||
<div class="service-process-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-service-process-1.svg" alt="">
|
||||
</div>
|
||||
<div class="service-process-item-content">
|
||||
<h3>Design & Technical Guidance</h3>
|
||||
<p>We create a clear project timeline that outlines major milestones.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Process Item End -->
|
||||
|
||||
<!-- Service Process Item Start -->
|
||||
<div class="service-process-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-service-process-2.svg" alt="">
|
||||
</div>
|
||||
<div class="service-process-item-content">
|
||||
<h3>Timeline & Scheduling</h3>
|
||||
<p>We create a clear project timeline that outlines major milestones.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Process Item End -->
|
||||
|
||||
<!-- Service Process Item Start -->
|
||||
<div class="service-process-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-service-process-3.svg" alt="">
|
||||
</div>
|
||||
<div class="service-process-item-content">
|
||||
<h3>Resource & Material Planning</h3>
|
||||
<p>We create a clear project timeline that outlines major milestones.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Process Item End -->
|
||||
</div>
|
||||
<!-- Service Process Content End -->
|
||||
|
||||
<!-- Service Process Image Start -->
|
||||
<div class="service-process-image">
|
||||
<figure class="image-anime reveal">
|
||||
<img src="images/service-process-image.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<!-- Service Process Image End -->
|
||||
</div>
|
||||
<!-- Service Process Image Content End -->
|
||||
</div>
|
||||
<!-- Service Process Box Start -->
|
||||
</div>
|
||||
<!-- Service Entry End -->
|
||||
|
||||
<!-- Page Single FAQs Start -->
|
||||
<div class="page-single-faqs">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Everything You Need to Know</h2>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- FAQ Accordion Start -->
|
||||
<div class="faq-accordion" id="accordion">
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp">
|
||||
<h2 class="accordion-header" id="heading1">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
|
||||
Q1. Can you provide customized fabric designs?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="heading1" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<h2 class="accordion-header" id="heading2">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
|
||||
Q2. Are your manufacturing processes sustainable?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<h2 class="accordion-header" id="heading3">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
|
||||
Q3. How long does it take to manufacture and deliver orders?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<h2 class="accordion-header" id="heading4">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
|
||||
Q4. What types of fabrics do you manufacture?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<h2 class="accordion-header" id="heading5">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
|
||||
Q5. Do you offer samples before bulk production?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
</div>
|
||||
<!-- FAQ Accordion End -->
|
||||
</div>
|
||||
<!-- Page Single FAQs End -->
|
||||
</div>
|
||||
<!-- Service Single Content End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Service Single End -->
|
||||
|
||||
<!-- Main Footer Start -->
|
||||
<footer class="main-footer dark-section">
|
||||
<!-- Scrolling Ticker Section Start -->
|
||||
<div class="footer-scrolling-ticker">
|
||||
<!-- Scrolling Ticker Box Start -->
|
||||
<div class="scrolling-ticker-box">
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Box End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Section End -->
|
||||
|
||||
<!-- Footer Box Start -->
|
||||
<div class="footer-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4">
|
||||
<!-- About Footer Start -->
|
||||
<div class="about-footer">
|
||||
<!-- Footer Logo Start -->
|
||||
<div class="footer-logo">
|
||||
<img src="images/footer-logo.svg" alt="">
|
||||
</div>
|
||||
<!-- Footer Logo End -->
|
||||
|
||||
<!-- About Footer Content Start -->
|
||||
<div class="footer-working-hours">
|
||||
<h3>Working Hours:</h3>
|
||||
<ul>
|
||||
<li>Monday - Friday: 09:00 AM - 06:00 PM</li>
|
||||
<li>Saturday - Sunday: Closed</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- About Footer Content End -->
|
||||
</div>
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-8">
|
||||
<!-- Footer Links Box Start -->
|
||||
<div class="footer-links-box">
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-location-info">
|
||||
<h3>Contact Information</h3>
|
||||
<p>123 Maplewood Drive, Pinehill, CA 90210</p>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-contact-links">
|
||||
<h3>Get in Touch</h3>
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
|
||||
<li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Newsletter Form Start -->
|
||||
<div class="footer-links footer-newsletter-form">
|
||||
<h3>Newsletter Subscription</h3>
|
||||
<p>Stay updated on our latest projects, tips, and offers.</p>
|
||||
<form id="newslettersForm" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
|
||||
<button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Footer Newsletter Form End -->
|
||||
|
||||
<!-- Footer Social Link Start -->
|
||||
<div class="footer-links footer-social-links">
|
||||
<h3>Follow On Socials:</h3>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Social Link End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Footer Copyright Start -->
|
||||
<div class="footer-copyright">
|
||||
<!-- Footer Menu Start -->
|
||||
<div class="footer-menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/services">Service</a></li>
|
||||
<li><a href="/projects">Project</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Menu End -->
|
||||
|
||||
<!-- Footer Copyright Text Start -->
|
||||
<div class="footer-copyright-text">
|
||||
<p>Copyright © 2025 All Rights Reserved.</p>
|
||||
</div>
|
||||
<!-- Footer Copyright Text End -->
|
||||
</div>
|
||||
<!-- Footer Copyright End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer Box End -->
|
||||
</footer>
|
||||
<!-- Main Footer End -->
|
||||
|
||||
<!-- Jquery Library File -->
|
||||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||||
<!-- Bootstrap js file -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<!-- Validator js file -->
|
||||
<script src="assets/js/validator.min.js"></script>
|
||||
<!-- SlickNav js file -->
|
||||
<script src="assets/js/jquery.slicknav.js"></script>
|
||||
<!-- Swiper js file -->
|
||||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||||
<!-- Counter js file -->
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<!-- Isotop js file -->
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<!-- Magnific js file -->
|
||||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||||
<!-- SmoothScroll -->
|
||||
<script src="assets/js/SmoothScroll.js"></script>
|
||||
<!-- Parallax js -->
|
||||
<script src="assets/js/parallaxie.js"></script>
|
||||
<!-- MagicCursor js file -->
|
||||
<script src="assets/js/gsap.min.js"></script>
|
||||
<script src="assets/js/magiccursor.js"></script>
|
||||
<!-- Text Effect js file -->
|
||||
<script src="assets/js/SplitText.min.js"></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js"></script>
|
||||
<!-- YTPlayer js File -->
|
||||
<script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
|
||||
<!-- Wow js file -->
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<!-- Main Custom js file -->
|
||||
<script src="assets/js/function.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,894 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="author" content="Awaiken">
|
||||
<!-- Page Title -->
|
||||
<title>Renovex - Construction HTML Template</title>
|
||||
<!-- Favicon Icon -->
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
|
||||
<!-- Google Fonts Css-->
|
||||
<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||||
<!-- SlickNav Css -->
|
||||
<link href="assets/css/slicknav.min.css" rel="stylesheet">
|
||||
<!-- Swiper Css -->
|
||||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||||
<!-- Font Awesome Icon Css-->
|
||||
<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
|
||||
<!-- Animated Css -->
|
||||
<link href="assets/css/animate.css" rel="stylesheet">
|
||||
<!-- Magnific Popup Core Css File -->
|
||||
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||
<!-- Mouse Cursor Css File -->
|
||||
<link rel="stylesheet" href="assets/css/mousecursor.css">
|
||||
<!-- Main Custom Css -->
|
||||
<link href="assets/css/custom.css" rel="stylesheet" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Preloader Start -->
|
||||
<div class="preloader">
|
||||
<div class="loading-container">
|
||||
<div class="loading"></div>
|
||||
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End -->
|
||||
|
||||
<!-- Header Start -->
|
||||
<header class="main-header">
|
||||
<div class="header-sticky">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo Start -->
|
||||
<a class="navbar-brand" href="./">
|
||||
<img src="images/logo.svg" alt="Logo">
|
||||
</a>
|
||||
<!-- Logo End -->
|
||||
|
||||
<!-- Main Menu Start -->
|
||||
<div class="collapse navbar-collapse main-menu">
|
||||
<div class="nav-menu-wrapper">
|
||||
<ul class="navbar-nav mr-auto" id="menu">
|
||||
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
|
||||
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
|
||||
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/404">404</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Header Btn Start -->
|
||||
<div class="header-btn">
|
||||
<a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
|
||||
</div>
|
||||
<!-- Header Btn End -->
|
||||
</div>
|
||||
<!-- Main Menu End -->
|
||||
<div class="navbar-toggle"></div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="responsive-menu"></div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
|
||||
<!-- Page Header Section Start -->
|
||||
<div class="page-header parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Page Header Box Start -->
|
||||
<div class="page-header-box">
|
||||
<h1 class="text-anime-style-3" data-cursor="-opaque">Our services</h1>
|
||||
<nav class="wow fadeInUp">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="./">home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">services</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Page Header Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Section End -->
|
||||
|
||||
<!-- Page Services Start -->
|
||||
<div class="page-services">
|
||||
<div class="container">
|
||||
<div class="row services-item-list">
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<!-- Services Item Start -->
|
||||
<div class="service-item wow fadeInUp active">
|
||||
<div class="service-item-header">
|
||||
<div class="service-item-title">
|
||||
<h2><a href="/service-single">Interior Design and Detailing</a></h2>
|
||||
<h3>01.</h3>
|
||||
</div>
|
||||
<div class="service-item-content">
|
||||
<p>Our interior design solutions blend beauty and functionality</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-image-box">
|
||||
<div class="service-item-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/service-image-1.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="service-item-btn">
|
||||
<a href="/service-single">
|
||||
<img src="images/arrow-primary.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Services Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<!-- Services Item Start -->
|
||||
<div class="service-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="service-item-header">
|
||||
<div class="service-item-title">
|
||||
<h2><a href="/service-single">Project Planning & Consultation</a></h2>
|
||||
<h3>02.</h3>
|
||||
</div>
|
||||
<div class="service-item-content">
|
||||
<p>We provide comprehensive planning and advisory services</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-image-box">
|
||||
<div class="service-item-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/service-image-2.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="service-item-btn">
|
||||
<a href="/service-single">
|
||||
<img src="images/arrow-primary.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Services Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<!-- Services Item Start -->
|
||||
<div class="service-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="service-item-header">
|
||||
<div class="service-item-title">
|
||||
<h2><a href="/service-single">Urban Development & Master Planning</a></h2>
|
||||
<h3>03.</h3>
|
||||
</div>
|
||||
<div class="service-item-content">
|
||||
<p>We design large scale urban space with focus on sustainability</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-image-box">
|
||||
<div class="service-item-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/service-image-3.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="service-item-btn">
|
||||
<a href="/service-single">
|
||||
<img src="images/arrow-primary.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Services Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<!-- Services Item Start -->
|
||||
<div class="service-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div class="service-item-header">
|
||||
<div class="service-item-title">
|
||||
<h2><a href="/service-single">Civil Infrastructure Development</a></h2>
|
||||
<h3>04.</h3>
|
||||
</div>
|
||||
<div class="service-item-content">
|
||||
<p>Our team specializes in roads, bridges, and public infrastructures</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-image-box">
|
||||
<div class="service-item-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/service-image-4.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="service-item-btn">
|
||||
<a href="/service-single">
|
||||
<img src="images/arrow-primary.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Services Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<!-- Services Item Start -->
|
||||
<div class="service-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div class="service-item-header">
|
||||
<div class="service-item-title">
|
||||
<h2><a href="/service-single">Structural Engineering Solution</a></h2>
|
||||
<h3>05.</h3>
|
||||
</div>
|
||||
<div class="service-item-content">
|
||||
<p>Our interior design solutions blend beauty and functionality</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-image-box">
|
||||
<div class="service-item-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/service-image-5.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="service-item-btn">
|
||||
<a href="/service-single">
|
||||
<img src="images/arrow-primary.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Services Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<!-- Services Item Start -->
|
||||
<div class="service-item wow fadeInUp" data-wow-delay="1s">
|
||||
<div class="service-item-header">
|
||||
<div class="service-item-title">
|
||||
<h2><a href="/service-single">Project Management & Supervision</a></h2>
|
||||
<h3>06.</h3>
|
||||
</div>
|
||||
<div class="service-item-content">
|
||||
<p>We provide comprehensive planning and advisory services</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-image-box">
|
||||
<div class="service-item-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/service-image-6.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="service-item-btn">
|
||||
<a href="/service-single">
|
||||
<img src="images/arrow-primary.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Services Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<!-- Services Item Start -->
|
||||
<div class="service-item wow fadeInUp" data-wow-delay="1.2s">
|
||||
<div class="service-item-header">
|
||||
<div class="service-item-title">
|
||||
<h2><a href="/service-single">Material Procure & Quality Control</a></h2>
|
||||
<h3>07.</h3>
|
||||
</div>
|
||||
<div class="service-item-content">
|
||||
<p>We design large scale urban spaces with a focus on sustainability</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-image-box">
|
||||
<div class="service-item-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/service-image-7.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="service-item-btn">
|
||||
<a href="/service-single">
|
||||
<img src="images/arrow-primary.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Services Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<!-- Services Item Start -->
|
||||
<div class="service-item wow fadeInUp" data-wow-delay="1.4s">
|
||||
<div class="service-item-header">
|
||||
<div class="service-item-title">
|
||||
<h2><a href="/service-single">Sustainable & Green Building Practices</a></h2>
|
||||
<h3>08.</h3>
|
||||
</div>
|
||||
<div class="service-item-content">
|
||||
<p>Our team specializes in roads, bridges, and public infrastructures</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-image-box">
|
||||
<div class="service-item-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/service-image-8.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="service-item-btn">
|
||||
<a href="/service-single">
|
||||
<img src="images/arrow-primary.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Services Item End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Services End -->
|
||||
|
||||
<!-- Watch Our Story Section Start -->
|
||||
<div class="our-story dark-section parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Our Story Content Start -->
|
||||
<div class="our-story-content">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h3 class="wow fadeInUp">watch our story</h3>
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Tailored architectural and construction solutions for every budget</h2>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- Watch Video Circle Start -->
|
||||
<div class="watch-video-circle">
|
||||
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
|
||||
<img src="images/watch-video-circle.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<!-- Watch Video Circle End -->
|
||||
</div>
|
||||
<!-- Our Story Content End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Watch Our Story Section End -->
|
||||
|
||||
<!-- What We Do Setion Start -->
|
||||
<div class="what-we-do">
|
||||
<div class="container">
|
||||
<div class="row align-items-end">
|
||||
<div class="col-xl-7">
|
||||
<!-- What We Do Content Start -->
|
||||
<div class="what-we-do-content">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h3 class="wow fadeInUp">what we do</h3>
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Blending architecture engineering and artistry to create timeless spaces</h2>
|
||||
<p class="wow fadeInUp" data-wow-delay="0.2s">Our multidisciplinary team specializes in architecture, interior design, and structural development. We bring together creative design thinking and technical expertise to craft environments that inspire and endure.</p>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- What We Do Iteam List Start -->
|
||||
<div class="what-we-do-item-list wow fadeInUp" data-wow-delay="0.4s">
|
||||
<!-- What We Do Item Start -->
|
||||
<div class="what-we-do-item">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-what-we-do-item-1.svg" alt="">
|
||||
</div>
|
||||
<div class="what-we-do-item-body">
|
||||
<h3>Engineering Excellence</h3>
|
||||
<p>Our engineering approach focus on precision, safety, and sustainability.</p>
|
||||
<ul>
|
||||
<li>Our technical expertise ensures durability.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- What We Do Item End -->
|
||||
|
||||
<!-- What We Do Item Start -->
|
||||
<div class="what-we-do-item">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-what-we-do-item-2.svg" alt="">
|
||||
</div>
|
||||
<div class="what-we-do-item-body">
|
||||
<h3>Innovative Architectural</h3>
|
||||
<p>We push the boundaries of design to create architectural concept that inspire.</p>
|
||||
<ul>
|
||||
<li>Our innovative approach blends creativity.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- What We Do Item End -->
|
||||
</div>
|
||||
<!-- What We Do Iteam List End -->
|
||||
|
||||
<!-- What We Do Button Start -->
|
||||
<div class="what-we-do-btn wow fadeInUp" data-wow-delay="0.8s">
|
||||
<a href="/contact" class="btn-default">Contact Us Today</a>
|
||||
</div>
|
||||
<!-- What We Do Button End -->
|
||||
</div>
|
||||
<!-- What We Do Content End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-5">
|
||||
<!-- What We Do Image Start -->
|
||||
<div class="what-we-do-image wow fadeInUp">
|
||||
<figure>
|
||||
<img src="images/what-we-do-image.png" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<!-- What We Do Image End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Section Footer Text Start -->
|
||||
<div class="section-footer-text section-satisfy-img wow fadeInUp" data-wow-delay="0.4s">
|
||||
<!-- Satisfy Client Images Start -->
|
||||
<div class="satisfy-client-images">
|
||||
<div class="satisfy-client-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/author-1.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="satisfy-client-image add-more">
|
||||
<img src="images/icon-phone-primary.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- Satisfy Client Images End -->
|
||||
<p>From vision to structure - <a href="/contact">where creativity meets construction excellence.</a></p>
|
||||
</div>
|
||||
<!-- Section Footer Text End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- What We Do Setion End -->
|
||||
|
||||
<!-- Our Testimonials Section Start -->
|
||||
<div class="our-testimonials">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-5">
|
||||
<!-- Testimonial Content Start -->
|
||||
<div class="our-testimonial-content">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h3 class="wow fadeInUp">Our Testimonials</h3>
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Real feedback from those who built their dreams</h2>
|
||||
<p class="wow fadeInUp" data-wow-delay="0.2s">Our commitment to excellence has earned us the trust of homeowners, developers and businesses alike.</p>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- Testimonial Button Start -->
|
||||
<div class="testimonial-btn wow fadeInUp" data-wow-delay="0.4s">
|
||||
<a href="/testimonials" class="btn-default">View all testimonials</a>
|
||||
</div>
|
||||
<!-- Testimonial Button End -->
|
||||
</div>
|
||||
<!-- Testimonial Content End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-7">
|
||||
<!-- Testimonial Slider Box Start -->
|
||||
<div class="testimonial-slider-box">
|
||||
<!-- Testimonial Slider Start -->
|
||||
<div class="testimonial-slider">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper" data-cursor-text="Drag">
|
||||
<!-- Testimonial Slide Start -->
|
||||
<div class="swiper-slide">
|
||||
<!-- Testimonial Item Start -->
|
||||
<div class="testimonial-item">
|
||||
<div class="testimonial-company-logo">
|
||||
<img src="images/company-logo-1.svg" alt="">
|
||||
</div>
|
||||
<div class="testimonial-item-body">
|
||||
<div class="testimonial-item-content">
|
||||
<p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
|
||||
</div>
|
||||
<div class="testimonial-author-content">
|
||||
<h3>Darlene Robertson</h3>
|
||||
<p>Interior Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial Item End -->
|
||||
</div>
|
||||
<!-- Testimonial Slide End -->
|
||||
|
||||
<!-- Testimonial Slide Start -->
|
||||
<div class="swiper-slide">
|
||||
<!-- Testimonial Item Start -->
|
||||
<div class="testimonial-item">
|
||||
<div class="testimonial-company-logo">
|
||||
<img src="images/company-logo-2.svg" alt="">
|
||||
</div>
|
||||
<div class="testimonial-item-body">
|
||||
<div class="testimonial-item-content">
|
||||
<p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
|
||||
</div>
|
||||
<div class="testimonial-author-content">
|
||||
<h3>Savannah Nguyen</h3>
|
||||
<p>Interior Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial Item End -->
|
||||
</div>
|
||||
<!-- Testimonial Slide End -->
|
||||
|
||||
<!-- Testimonial Slide Start -->
|
||||
<div class="swiper-slide">
|
||||
<!-- Testimonial Item Start -->
|
||||
<div class="testimonial-item">
|
||||
<div class="testimonial-company-logo">
|
||||
<img src="images/company-logo-3.svg" alt="">
|
||||
</div>
|
||||
<div class="testimonial-item-body">
|
||||
<div class="testimonial-item-content">
|
||||
<p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
|
||||
</div>
|
||||
<div class="testimonial-author-content">
|
||||
<h3>Wade Warren</h3>
|
||||
<p>Interior Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial Item End -->
|
||||
</div>
|
||||
<!-- Testimonial Slide End -->
|
||||
</div>
|
||||
<div class="testimonial-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial Slider End -->
|
||||
|
||||
<!-- Section Footer Text Start -->
|
||||
<div class="section-footer-text section-footer-contact wow fadeInUp" data-wow-delay="0.2s">
|
||||
<p><span><img src="images/icon-phone-primary.svg" alt=""></span> Build smarter, design better - <a href="/contact">start your project with us today</a></p>
|
||||
</div>
|
||||
<!-- Section Footer Text End -->
|
||||
</div>
|
||||
<!-- Testimonial Slider Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Our Testimonial Section End -->
|
||||
|
||||
<!-- Our FAQs Section Start -->
|
||||
<div class="our-faqs">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-5">
|
||||
<!-- Our FAQs Content Start -->
|
||||
<div class="our-faqs-content">
|
||||
<!-- Faqs Title Box Start -->
|
||||
<div class="faqs-title-box">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h3 class="wow fadeInUp">Frequently Asked Questions</h3>
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">We're here to provide clear and helpful answers</h2>
|
||||
<p class="wow fadeInUp" data-wow-delay="0.2s">Explore our FAQs to learn more about our process, pricing, and how we ensure quality, transparency, and client satisfaction at every stage.</p>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- Our FAQs Button Start -->
|
||||
<div class="our-faqs-btn wow fadeInUp" data-wow-delay="0.4s">
|
||||
<a href="/faqs" class="btn-default">View all FAQs</a>
|
||||
</div>
|
||||
<!-- Our FAQs Button End -->
|
||||
</div>
|
||||
<!-- Faqs Title Box End -->
|
||||
|
||||
<!-- Faq Contact Box Start -->
|
||||
<div class="faq-contact-box wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-phone-primary.svg" alt="">
|
||||
</div>
|
||||
<div class="faq-contact-box-content">
|
||||
<h3>Call Us For Any Query</h3>
|
||||
<p><a href="tel:+123456789">+(123) 456-789</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Faq Contact Box End -->
|
||||
</div>
|
||||
<!-- Our FAQs Content End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-7">
|
||||
<!-- FAQ Accordion Start -->
|
||||
<div class="faq-accordion" id="accordion">
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp">
|
||||
<h2 class="accordion-header" id="heading1">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
|
||||
Q1. Do you provide both design and construction services?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="heading1" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<h2 class="accordion-header" id="heading2">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
|
||||
Q2. Can you work with my existing architect or designer?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<h2 class="accordion-header" id="heading3">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
|
||||
Q3. How do you estimate the total project cost?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<h2 class="accordion-header" id="heading4">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
|
||||
Q4. What materials do you typically use for construction?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<h2 class="accordion-header" id="heading5">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
|
||||
Q5. Can you handle renovation or remodeling projects?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
</div>
|
||||
<!-- FAQ Accordion End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Our FAQs Section End -->
|
||||
|
||||
<!-- Main Footer Start -->
|
||||
<footer class="main-footer dark-section">
|
||||
<!-- Scrolling Ticker Section Start -->
|
||||
<div class="footer-scrolling-ticker">
|
||||
<!-- Scrolling Ticker Box Start -->
|
||||
<div class="scrolling-ticker-box">
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Box End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Section End -->
|
||||
|
||||
<!-- Footer Box Start -->
|
||||
<div class="footer-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4">
|
||||
<!-- About Footer Start -->
|
||||
<div class="about-footer">
|
||||
<!-- Footer Logo Start -->
|
||||
<div class="footer-logo">
|
||||
<img src="images/footer-logo.svg" alt="">
|
||||
</div>
|
||||
<!-- Footer Logo End -->
|
||||
|
||||
<!-- About Footer Content Start -->
|
||||
<div class="footer-working-hours">
|
||||
<h3>Working Hours:</h3>
|
||||
<ul>
|
||||
<li>Monday - Friday: 09:00 AM - 06:00 PM</li>
|
||||
<li>Saturday - Sunday: Closed</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- About Footer Content End -->
|
||||
</div>
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-8">
|
||||
<!-- Footer Links Box Start -->
|
||||
<div class="footer-links-box">
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-location-info">
|
||||
<h3>Contact Information</h3>
|
||||
<p>123 Maplewood Drive, Pinehill, CA 90210</p>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-contact-links">
|
||||
<h3>Get in Touch</h3>
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
|
||||
<li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Newsletter Form Start -->
|
||||
<div class="footer-links footer-newsletter-form">
|
||||
<h3>Newsletter Subscription</h3>
|
||||
<p>Stay updated on our latest projects, tips, and offers.</p>
|
||||
<form id="newslettersForm" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
|
||||
<button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Footer Newsletter Form End -->
|
||||
|
||||
<!-- Footer Social Link Start -->
|
||||
<div class="footer-links footer-social-links">
|
||||
<h3>Follow On Socials:</h3>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Social Link End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Footer Copyright Start -->
|
||||
<div class="footer-copyright">
|
||||
<!-- Footer Menu Start -->
|
||||
<div class="footer-menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/services">Service</a></li>
|
||||
<li><a href="/projects">Project</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Menu End -->
|
||||
|
||||
<!-- Footer Copyright Text Start -->
|
||||
<div class="footer-copyright-text">
|
||||
<p>Copyright © 2025 All Rights Reserved.</p>
|
||||
</div>
|
||||
<!-- Footer Copyright Text End -->
|
||||
</div>
|
||||
<!-- Footer Copyright End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer Box End -->
|
||||
</footer>
|
||||
<!-- Main Footer End -->
|
||||
|
||||
<!-- Jquery Library File -->
|
||||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||||
<!-- Bootstrap js file -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<!-- Validator js file -->
|
||||
<script src="assets/js/validator.min.js"></script>
|
||||
<!-- SlickNav js file -->
|
||||
<script src="assets/js/jquery.slicknav.js"></script>
|
||||
<!-- Swiper js file -->
|
||||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||||
<!-- Counter js file -->
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<!-- Isotop js file -->
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<!-- Magnific js file -->
|
||||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||||
<!-- SmoothScroll -->
|
||||
<script src="assets/js/SmoothScroll.js"></script>
|
||||
<!-- Parallax js -->
|
||||
<script src="assets/js/parallaxie.js"></script>
|
||||
<!-- MagicCursor js file -->
|
||||
<script src="assets/js/gsap.min.js"></script>
|
||||
<script src="assets/js/magiccursor.js"></script>
|
||||
<!-- Text Effect js file -->
|
||||
<script src="assets/js/SplitText.min.js"></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js"></script>
|
||||
<!-- YTPlayer js File -->
|
||||
<script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
|
||||
<!-- Wow js file -->
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<!-- Main Custom js file -->
|
||||
<script src="assets/js/function.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,570 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="author" content="Awaiken">
|
||||
<!-- Page Title -->
|
||||
<title>Renovex - Construction HTML Template</title>
|
||||
<!-- Favicon Icon -->
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
|
||||
<!-- Google Fonts Css-->
|
||||
<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||||
<!-- SlickNav Css -->
|
||||
<link href="assets/css/slicknav.min.css" rel="stylesheet">
|
||||
<!-- Swiper Css -->
|
||||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||||
<!-- Font Awesome Icon Css-->
|
||||
<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
|
||||
<!-- Animated Css -->
|
||||
<link href="assets/css/animate.css" rel="stylesheet">
|
||||
<!-- Magnific Popup Core Css File -->
|
||||
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||
<!-- Mouse Cursor Css File -->
|
||||
<link rel="stylesheet" href="assets/css/mousecursor.css">
|
||||
<!-- Main Custom Css -->
|
||||
<link href="assets/css/custom.css" rel="stylesheet" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Preloader Start -->
|
||||
<div class="preloader">
|
||||
<div class="loading-container">
|
||||
<div class="loading"></div>
|
||||
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End -->
|
||||
|
||||
<!-- Header Start -->
|
||||
<header class="main-header">
|
||||
<div class="header-sticky">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo Start -->
|
||||
<a class="navbar-brand" href="./">
|
||||
<img src="images/logo.svg" alt="Logo">
|
||||
</a>
|
||||
<!-- Logo End -->
|
||||
|
||||
<!-- Main Menu Start -->
|
||||
<div class="collapse navbar-collapse main-menu">
|
||||
<div class="nav-menu-wrapper">
|
||||
<ul class="navbar-nav mr-auto" id="menu">
|
||||
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
|
||||
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
|
||||
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/404">404</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Header Btn Start -->
|
||||
<div class="header-btn">
|
||||
<a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
|
||||
</div>
|
||||
<!-- Header Btn End -->
|
||||
</div>
|
||||
<!-- Main Menu End -->
|
||||
<div class="navbar-toggle"></div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="responsive-menu"></div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
|
||||
<!-- Page Header Section Start -->
|
||||
<div class="page-header parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Page Header Box Start -->
|
||||
<div class="page-header-box">
|
||||
<h1 class="text-anime-style-3" data-cursor="-opaque">Ralph Edwards</h1>
|
||||
<nav class="wow fadeInUp">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="./">home</a></li>
|
||||
<li class="breadcrumb-item"><a href="/team">Team</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Ralph Edwards</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Page Header Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Section End -->
|
||||
|
||||
<!-- Page Team Single Start -->
|
||||
<div class="page-team-single">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<!-- Team Single Sidebar Start -->
|
||||
<div class="page-single-sidebar">
|
||||
<!-- Team Sidebar Box Start -->
|
||||
<div class="team-sidebar-box wow fadeInUp" data-wow-delay="0.2s">
|
||||
<!-- Team Sidebar Image Start -->
|
||||
<div class="team-sidebar-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/team-2.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<!-- Team Sidebar Image End -->
|
||||
|
||||
<!-- Team Sidebar Body Start -->
|
||||
<div class="team-sidebar-body">
|
||||
<ul>
|
||||
<li><span>Name:</span> Ralph Edwards</li>
|
||||
<li><span>position:</span> Office Worker</li>
|
||||
<li><span>Phone:</span> +00-123-254-963</li>
|
||||
<li><span>email:</span> support@domain.com</li>
|
||||
<li><span>Experience:</span> 25+years</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Team Sidebar Body End -->
|
||||
|
||||
<!-- Team Sidebar Footer Start -->
|
||||
<div class="team-sidebar-footer">
|
||||
<h3>Follow Us:</h3>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Team Sidebar Footer End -->
|
||||
</div>
|
||||
<!-- Team Sidebar Box End -->
|
||||
</div>
|
||||
<!-- Team Single Sidebar End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-8">
|
||||
<!-- Team Single Content Start -->
|
||||
<div class="team-single-content">
|
||||
<!-- Team Member About Start -->
|
||||
<div class="team-member-about">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">About me</h2>
|
||||
<p class="wow fadeInUp">Ralph Edwards is a seasoned planning and design consultant with over 12+ years of experience shaping commercial, residential, and industrial development projects. His work focuses on building environments that are not only visually remarkable but also practical, sustainable, and future-ready. Ralph believes good design should feel effortless: where structure, purpose & aesthetics flow as one.</p>
|
||||
<p class="wow fadeInUp" data-wow-delay="0.2s">He works closely with clients, architects, contractors, and project teams to guide clear decision-making, reduce complexity, and ensure every project begins with strong vision and planning.</p>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
</div>
|
||||
<!-- Team Member About End -->
|
||||
|
||||
<!-- Team Expertise Box Start -->
|
||||
<div class="team-experience-box">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Professional experience</h2>
|
||||
<p class="wow fadeInUp">Ralph has led planning and consultation for 50+ medium to large-scale construction projects, ranging from industrial developments to premium residential spaces and corporate work hubs. </p>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- Team Expertise Item List Start -->
|
||||
<div class="team-experience-item-list wow fadeInUp" data-wow-delay="0.2s">
|
||||
<!-- Team Expertise Item Start -->
|
||||
<div class="team-experience-item">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-team-experience-1.svg" alt="">
|
||||
</div>
|
||||
<div class="team-experience-item-content">
|
||||
<h3>Urban Redevelopment Projects</h3>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Team Expertise Item End -->
|
||||
|
||||
<!-- Team Expertise Item Start -->
|
||||
<div class="team-experience-item">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-team-experience-2.svg" alt="">
|
||||
</div>
|
||||
<div class="team-experience-item-content">
|
||||
<h3>Commercial Office Towers</h3>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Team Expertise Item End -->
|
||||
|
||||
<!-- Team Expertise Item Start -->
|
||||
<div class="team-experience-item">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-team-experience-3.svg" alt="">
|
||||
</div>
|
||||
<div class="team-experience-item-content">
|
||||
<h3>Modern Residential Communities</h3>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Team Expertise Item End -->
|
||||
|
||||
<!-- Team Expertise Item Start -->
|
||||
<div class="team-experience-item">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-team-experience-4.svg" alt="">
|
||||
</div>
|
||||
<div class="team-experience-item-content">
|
||||
<h3>Industrial Warehouse Logistic Park</h3>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Team Expertise Item End -->
|
||||
</div>
|
||||
<!-- Team Expertise Item List End -->
|
||||
</div>
|
||||
<!-- Team Expertise Box End -->
|
||||
|
||||
<!-- Team Member Info Box Start -->
|
||||
<div class="team-member-info-box">
|
||||
<!-- Team Skills Box Start -->
|
||||
<div class="team-skills-box">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Core expertise</h2>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- Team Skills List Start -->
|
||||
<div class="team-skills-list">
|
||||
<!-- Skills Progress Bar Start -->
|
||||
<div class="skills-progress-bar">
|
||||
<!-- Skill Item Start -->
|
||||
<div class="skillbar" data-percent="91%">
|
||||
<div class="skill-data">
|
||||
<div class="skill-title">Space Planning</div>
|
||||
<div class="skill-no">91%</div>
|
||||
</div>
|
||||
<div class="skill-progress">
|
||||
<div class="count-bar"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Skill Item End -->
|
||||
</div>
|
||||
<!-- Skills Progress Bar End -->
|
||||
|
||||
<!-- Skills Progress Bar Start -->
|
||||
<div class="skills-progress-bar">
|
||||
<!-- Skill Item Start -->
|
||||
<div class="skillbar" data-percent="80%">
|
||||
<div class="skill-data">
|
||||
<div class="skill-title">Budget Planning</div>
|
||||
<div class="skill-no">80%</div>
|
||||
</div>
|
||||
<div class="skill-progress">
|
||||
<div class="count-bar"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Skill Item End -->
|
||||
</div>
|
||||
<!-- Skills Progress Bar End -->
|
||||
|
||||
<!-- Skills Progress Bar Start -->
|
||||
<div class="skills-progress-bar">
|
||||
<!-- Skill Item Start -->
|
||||
<div class="skillbar" data-percent="89%">
|
||||
<div class="skill-data">
|
||||
<div class="skill-title">Team Coordination</div>
|
||||
<div class="skill-no">89%</div>
|
||||
</div>
|
||||
<div class="skill-progress">
|
||||
<div class="count-bar"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Skill Item End -->
|
||||
</div>
|
||||
<!-- Skills Progress Bar End -->
|
||||
</div>
|
||||
<!-- Team Skills List End -->
|
||||
</div>
|
||||
<!-- Team Skills Box End -->
|
||||
|
||||
<!-- Team Values Info Start -->
|
||||
<div class="team-values-info">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Values & working style</h2>
|
||||
<p class="wow fadeInUp">Alph believes that successful projects are built on clarity, collaboration, and thoughtful planning</p>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- Team Values Info List Start -->
|
||||
<div class="team-values-info-list wow fadeInUp" data-wow-delay="0.2s">
|
||||
<ul>
|
||||
<li><span>Detail-Oriented:</span>Nothing left to guesswork</li>
|
||||
<li><span>Future-Focused:</span>Designs planned for growth & change</li>
|
||||
<li><span>Client-Centric:</span>Your goals shape the project</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Team Values Info List End -->
|
||||
</div>
|
||||
<!-- Team Values Info End -->
|
||||
</div>
|
||||
<!-- Team Member Info Box End -->
|
||||
|
||||
<!-- Team Contact Form Start -->
|
||||
<div class="team-contact-form contact-us-form">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Get in touch with us</h2>
|
||||
<p class="wow fadeInUp">Need help or have a project? Get in touch — we're always ready to support you.</p>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- Contact Form Start -->
|
||||
<div class="contact-form">
|
||||
<form id="contactForm" action="#" method="POST" data-toggle="validator" class="wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="row">
|
||||
<div class="form-group col-md-6 mb-4">
|
||||
<input type="text" name="fname" class="form-control" id="fname" placeholder="First Name" required>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-6 mb-4">
|
||||
<input type="text" name="lname" class="form-control" id="lname" placeholder="Last Name" required>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-6 mb-4">
|
||||
<input type="text" name="phone" class="form-control" id="phone" placeholder="Phone No." required>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-6 mb-4">
|
||||
<input type="email" name ="email" class="form-control" id="email" placeholder="Email Address" required>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-12 mb-5">
|
||||
<textarea name="message" class="form-control" id="message" rows="4" placeholder="Write Message..."></textarea>
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<div class="contact-form-btn">
|
||||
<button type="submit" class="btn-default"><span>submit now</span></button>
|
||||
<div id="msgSubmit" class="h3 hidden"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Contact Form End -->
|
||||
</div>
|
||||
<!-- Team Contact Form End -->
|
||||
</div>
|
||||
<!-- Team Single Content End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Team Single End -->
|
||||
|
||||
<!-- Main Footer Start -->
|
||||
<footer class="main-footer dark-section">
|
||||
<!-- Scrolling Ticker Section Start -->
|
||||
<div class="footer-scrolling-ticker">
|
||||
<!-- Scrolling Ticker Box Start -->
|
||||
<div class="scrolling-ticker-box">
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Box End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Section End -->
|
||||
|
||||
<!-- Footer Box Start -->
|
||||
<div class="footer-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4">
|
||||
<!-- About Footer Start -->
|
||||
<div class="about-footer">
|
||||
<!-- Footer Logo Start -->
|
||||
<div class="footer-logo">
|
||||
<img src="images/footer-logo.svg" alt="">
|
||||
</div>
|
||||
<!-- Footer Logo End -->
|
||||
|
||||
<!-- About Footer Content Start -->
|
||||
<div class="footer-working-hours">
|
||||
<h3>Working Hours:</h3>
|
||||
<ul>
|
||||
<li>Monday - Friday: 09:00 AM - 06:00 PM</li>
|
||||
<li>Saturday - Sunday: Closed</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- About Footer Content End -->
|
||||
</div>
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-8">
|
||||
<!-- Footer Links Box Start -->
|
||||
<div class="footer-links-box">
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-location-info">
|
||||
<h3>Contact Information</h3>
|
||||
<p>123 Maplewood Drive, Pinehill, CA 90210</p>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-contact-links">
|
||||
<h3>Get in Touch</h3>
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
|
||||
<li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Newsletter Form Start -->
|
||||
<div class="footer-links footer-newsletter-form">
|
||||
<h3>Newsletter Subscription</h3>
|
||||
<p>Stay updated on our latest projects, tips, and offers.</p>
|
||||
<form id="newslettersForm" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
|
||||
<button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Footer Newsletter Form End -->
|
||||
|
||||
<!-- Footer Social Link Start -->
|
||||
<div class="footer-links footer-social-links">
|
||||
<h3>Follow On Socials:</h3>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Social Link End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Footer Copyright Start -->
|
||||
<div class="footer-copyright">
|
||||
<!-- Footer Menu Start -->
|
||||
<div class="footer-menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/services">Service</a></li>
|
||||
<li><a href="/projects">Project</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Menu End -->
|
||||
|
||||
<!-- Footer Copyright Text Start -->
|
||||
<div class="footer-copyright-text">
|
||||
<p>Copyright © 2025 All Rights Reserved.</p>
|
||||
</div>
|
||||
<!-- Footer Copyright Text End -->
|
||||
</div>
|
||||
<!-- Footer Copyright End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer Box End -->
|
||||
</footer>
|
||||
<!-- Main Footer End -->
|
||||
|
||||
<!-- Jquery Library File -->
|
||||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||||
<!-- Bootstrap js file -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<!-- Validator js file -->
|
||||
<script src="assets/js/validator.min.js"></script>
|
||||
<!-- SlickNav js file -->
|
||||
<script src="assets/js/jquery.slicknav.js"></script>
|
||||
<!-- Swiper js file -->
|
||||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||||
<!-- Counter js file -->
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<!-- Isotop js file -->
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<!-- Magnific js file -->
|
||||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||||
<!-- SmoothScroll -->
|
||||
<script src="assets/js/SmoothScroll.js"></script>
|
||||
<!-- Parallax js -->
|
||||
<script src="assets/js/parallaxie.js"></script>
|
||||
<!-- MagicCursor js file -->
|
||||
<script src="assets/js/gsap.min.js"></script>
|
||||
<script src="assets/js/magiccursor.js"></script>
|
||||
<!-- Text Effect js file -->
|
||||
<script src="assets/js/SplitText.min.js"></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js"></script>
|
||||
<!-- YTPlayer js File -->
|
||||
<script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
|
||||
<!-- Wow js file -->
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<!-- Main Custom js file -->
|
||||
<script src="assets/js/function.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,583 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="author" content="Awaiken">
|
||||
<!-- Page Title -->
|
||||
<title>Renovex - Construction HTML Template</title>
|
||||
<!-- Favicon Icon -->
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
|
||||
<!-- Google Fonts Css-->
|
||||
<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||||
<!-- SlickNav Css -->
|
||||
<link href="assets/css/slicknav.min.css" rel="stylesheet">
|
||||
<!-- Swiper Css -->
|
||||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||||
<!-- Font Awesome Icon Css-->
|
||||
<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
|
||||
<!-- Animated Css -->
|
||||
<link href="assets/css/animate.css" rel="stylesheet">
|
||||
<!-- Magnific Popup Core Css File -->
|
||||
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||
<!-- Mouse Cursor Css File -->
|
||||
<link rel="stylesheet" href="assets/css/mousecursor.css">
|
||||
<!-- Main Custom Css -->
|
||||
<link href="assets/css/custom.css" rel="stylesheet" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Preloader Start -->
|
||||
<div class="preloader">
|
||||
<div class="loading-container">
|
||||
<div class="loading"></div>
|
||||
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End -->
|
||||
|
||||
<!-- Header Start -->
|
||||
<header class="main-header">
|
||||
<div class="header-sticky">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo Start -->
|
||||
<a class="navbar-brand" href="./">
|
||||
<img src="images/logo.svg" alt="Logo">
|
||||
</a>
|
||||
<!-- Logo End -->
|
||||
|
||||
<!-- Main Menu Start -->
|
||||
<div class="collapse navbar-collapse main-menu">
|
||||
<div class="nav-menu-wrapper">
|
||||
<ul class="navbar-nav mr-auto" id="menu">
|
||||
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
|
||||
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/404">404</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Header Btn Start -->
|
||||
<div class="header-btn">
|
||||
<a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
|
||||
</div>
|
||||
<!-- Header Btn End -->
|
||||
</div>
|
||||
<!-- Main Menu End -->
|
||||
<div class="navbar-toggle"></div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="responsive-menu"></div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
|
||||
<!-- Page Header Section Start -->
|
||||
<div class="page-header parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Page Header Box Start -->
|
||||
<div class="page-header-box">
|
||||
<h1 class="text-anime-style-3" data-cursor="-opaque">Our team</h1>
|
||||
<nav class="wow fadeInUp">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="./">home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">team</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Page Header Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Section End -->
|
||||
|
||||
<!-- Page Team Start -->
|
||||
<div class="page-team">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<!-- Team Item Start -->
|
||||
<div class="team-item wow fadeInUp">
|
||||
<!-- Team Image Start -->
|
||||
<div class="team-item-image">
|
||||
<a href="/team-single" data-cursor-text="View">
|
||||
<figure>
|
||||
<img src="images/team-1.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Team Image End -->
|
||||
|
||||
<!-- Team Content Start -->
|
||||
<div class="team-item-content">
|
||||
<h3><a href="/team-single">Arjun Mehta</a></h3>
|
||||
<p>Founder & Chief Executive</p>
|
||||
</div>
|
||||
<!-- Team Content End -->
|
||||
|
||||
<!-- Team Social List Start -->
|
||||
<div class="team-social-list">
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Team Social List End -->
|
||||
</div>
|
||||
<!-- Team Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<!-- Team Item Start -->
|
||||
<div class="team-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<!-- Team Image Start -->
|
||||
<div class="team-item-image">
|
||||
<a href="/team-single" data-cursor-text="View">
|
||||
<figure>
|
||||
<img src="images/team-2.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Team Image End -->
|
||||
|
||||
<!-- Team Content Start -->
|
||||
<div class="team-item-content">
|
||||
<h3><a href="/team-single">Ralph Edwards</a></h3>
|
||||
<p>Project Manager</p>
|
||||
</div>
|
||||
<!-- Team Content End -->
|
||||
|
||||
<!-- Team Social List Start -->
|
||||
<div class="team-social-list">
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Team Social List End -->
|
||||
</div>
|
||||
<!-- Team Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<!-- Team Item Start -->
|
||||
<div class="team-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<!-- Team Image Start -->
|
||||
<div class="team-item-image">
|
||||
<a href="/team-single" data-cursor-text="View">
|
||||
<figure>
|
||||
<img src="images/team-3.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Team Image End -->
|
||||
|
||||
<!-- Team Content Start -->
|
||||
<div class="team-item-content">
|
||||
<h3><a href="/team-single">Theresa Webb</a></h3>
|
||||
<p>Construction Manager</p>
|
||||
</div>
|
||||
<!-- Team Content End -->
|
||||
|
||||
<!-- Team Social List Start -->
|
||||
<div class="team-social-list">
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Team Social List End -->
|
||||
</div>
|
||||
<!-- Team Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<!-- Team Item Start -->
|
||||
<div class="team-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<!-- Team Image Start -->
|
||||
<div class="team-item-image">
|
||||
<a href="/team-single" data-cursor-text="View">
|
||||
<figure>
|
||||
<img src="images/team-4.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Team Image End -->
|
||||
|
||||
<!-- Team Content Start -->
|
||||
<div class="team-item-content">
|
||||
<h3><a href="/team-single">Brooklyn Simmons</a></h3>
|
||||
<p>Contract Manager</p>
|
||||
</div>
|
||||
<!-- Team Content End -->
|
||||
|
||||
<!-- Team Social List Start -->
|
||||
<div class="team-social-list">
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Team Social List End -->
|
||||
</div>
|
||||
<!-- Team Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<!-- Team Item Start -->
|
||||
<div class="team-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<!-- Team Image Start -->
|
||||
<div class="team-item-image">
|
||||
<a href="/team-single" data-cursor-text="View">
|
||||
<figure>
|
||||
<img src="images/team-5.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Team Image End -->
|
||||
|
||||
<!-- Team Content Start -->
|
||||
<div class="team-item-content">
|
||||
<h3><a href="/team-single">Jacob Jones</a></h3>
|
||||
<p>Program Manager</p>
|
||||
</div>
|
||||
<!-- Team Content End -->
|
||||
|
||||
<!-- Team Social List Start -->
|
||||
<div class="team-social-list">
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Team Social List End -->
|
||||
</div>
|
||||
<!-- Team Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<!-- Team Item Start -->
|
||||
<div class="team-item wow fadeInUp" data-wow-delay="1s">
|
||||
<!-- Team Image Start -->
|
||||
<div class="team-item-image">
|
||||
<a href="/team-single" data-cursor-text="View">
|
||||
<figure>
|
||||
<img src="images/team-6.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Team Image End -->
|
||||
|
||||
<!-- Team Content Start -->
|
||||
<div class="team-item-content">
|
||||
<h3><a href="/team-single">Dianne Russell</a></h3>
|
||||
<p>Civil Engineer</p>
|
||||
</div>
|
||||
<!-- Team Content End -->
|
||||
|
||||
<!-- Team Social List Start -->
|
||||
<div class="team-social-list">
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Team Social List End -->
|
||||
</div>
|
||||
<!-- Team Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<!-- Team Item Start -->
|
||||
<div class="team-item wow fadeInUp" data-wow-delay="1.2s">
|
||||
<!-- Team Image Start -->
|
||||
<div class="team-item-image">
|
||||
<a href="/team-single" data-cursor-text="View">
|
||||
<figure>
|
||||
<img src="images/team-7.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Team Image End -->
|
||||
|
||||
<!-- Team Content Start -->
|
||||
<div class="team-item-content">
|
||||
<h3><a href="/team-single">Annette Black</a></h3>
|
||||
<p>Structural Engineer</p>
|
||||
</div>
|
||||
<!-- Team Content End -->
|
||||
|
||||
<!-- Team Social List Start -->
|
||||
<div class="team-social-list">
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Team Social List End -->
|
||||
</div>
|
||||
<!-- Team Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<!-- Team Item Start -->
|
||||
<div class="team-item wow fadeInUp" data-wow-delay="1.4s">
|
||||
<!-- Team Image Start -->
|
||||
<div class="team-item-image">
|
||||
<a href="/team-single" data-cursor-text="View">
|
||||
<figure>
|
||||
<img src="images/team-8.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Team Image End -->
|
||||
|
||||
<!-- Team Content Start -->
|
||||
<div class="team-item-content">
|
||||
<h3><a href="/team-single">Devon Lane</a></h3>
|
||||
<p>Mechanical Engineer</p>
|
||||
</div>
|
||||
<!-- Team Content End -->
|
||||
|
||||
<!-- Team Social List Start -->
|
||||
<div class="team-social-list">
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Team Social List End -->
|
||||
</div>
|
||||
<!-- Team Item End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Team End -->
|
||||
|
||||
<!-- Main Footer Start -->
|
||||
<footer class="main-footer dark-section">
|
||||
<!-- Scrolling Ticker Section Start -->
|
||||
<div class="footer-scrolling-ticker">
|
||||
<!-- Scrolling Ticker Box Start -->
|
||||
<div class="scrolling-ticker-box">
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Box End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Section End -->
|
||||
|
||||
<!-- Footer Box Start -->
|
||||
<div class="footer-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4">
|
||||
<!-- About Footer Start -->
|
||||
<div class="about-footer">
|
||||
<!-- Footer Logo Start -->
|
||||
<div class="footer-logo">
|
||||
<img src="images/footer-logo.svg" alt="">
|
||||
</div>
|
||||
<!-- Footer Logo End -->
|
||||
|
||||
<!-- About Footer Content Start -->
|
||||
<div class="footer-working-hours">
|
||||
<h3>Working Hours:</h3>
|
||||
<ul>
|
||||
<li>Monday - Friday: 09:00 AM - 06:00 PM</li>
|
||||
<li>Saturday - Sunday: Closed</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- About Footer Content End -->
|
||||
</div>
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-8">
|
||||
<!-- Footer Links Box Start -->
|
||||
<div class="footer-links-box">
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-location-info">
|
||||
<h3>Contact Information</h3>
|
||||
<p>123 Maplewood Drive, Pinehill, CA 90210</p>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-contact-links">
|
||||
<h3>Get in Touch</h3>
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
|
||||
<li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Newsletter Form Start -->
|
||||
<div class="footer-links footer-newsletter-form">
|
||||
<h3>Newsletter Subscription</h3>
|
||||
<p>Stay updated on our latest projects, tips, and offers.</p>
|
||||
<form id="newslettersForm" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
|
||||
<button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Footer Newsletter Form End -->
|
||||
|
||||
<!-- Footer Social Link Start -->
|
||||
<div class="footer-links footer-social-links">
|
||||
<h3>Follow On Socials:</h3>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Social Link End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Footer Copyright Start -->
|
||||
<div class="footer-copyright">
|
||||
<!-- Footer Menu Start -->
|
||||
<div class="footer-menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/services">Service</a></li>
|
||||
<li><a href="/projects">Project</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Menu End -->
|
||||
|
||||
<!-- Footer Copyright Text Start -->
|
||||
<div class="footer-copyright-text">
|
||||
<p>Copyright © 2025 All Rights Reserved.</p>
|
||||
</div>
|
||||
<!-- Footer Copyright Text End -->
|
||||
</div>
|
||||
<!-- Footer Copyright End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer Box End -->
|
||||
</footer>
|
||||
<!-- Main Footer End -->
|
||||
|
||||
<!-- Jquery Library File -->
|
||||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||||
<!-- Bootstrap js file -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<!-- Validator js file -->
|
||||
<script src="assets/js/validator.min.js"></script>
|
||||
<!-- SlickNav js file -->
|
||||
<script src="assets/js/jquery.slicknav.js"></script>
|
||||
<!-- Swiper js file -->
|
||||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||||
<!-- Counter js file -->
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<!-- Isotop js file -->
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<!-- Magnific js file -->
|
||||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||||
<!-- SmoothScroll -->
|
||||
<script src="assets/js/SmoothScroll.js"></script>
|
||||
<!-- Parallax js -->
|
||||
<script src="assets/js/parallaxie.js"></script>
|
||||
<!-- MagicCursor js file -->
|
||||
<script src="assets/js/gsap.min.js"></script>
|
||||
<script src="assets/js/magiccursor.js"></script>
|
||||
<!-- Text Effect js file -->
|
||||
<script src="assets/js/SplitText.min.js"></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js"></script>
|
||||
<!-- YTPlayer js File -->
|
||||
<script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
|
||||
<!-- Wow js file -->
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<!-- Main Custom js file -->
|
||||
<script src="assets/js/function.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,761 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="author" content="Awaiken">
|
||||
<!-- Page Title -->
|
||||
<title>Renovex - Construction HTML Template</title>
|
||||
<!-- Favicon Icon -->
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
|
||||
<!-- Google Fonts Css-->
|
||||
<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||||
<!-- SlickNav Css -->
|
||||
<link href="assets/css/slicknav.min.css" rel="stylesheet">
|
||||
<!-- Swiper Css -->
|
||||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||||
<!-- Font Awesome Icon Css-->
|
||||
<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
|
||||
<!-- Animated Css -->
|
||||
<link href="assets/css/animate.css" rel="stylesheet">
|
||||
<!-- Magnific Popup Core Css File -->
|
||||
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||
<!-- Mouse Cursor Css File -->
|
||||
<link rel="stylesheet" href="assets/css/mousecursor.css">
|
||||
<!-- Main Custom Css -->
|
||||
<link href="assets/css/custom.css" rel="stylesheet" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Preloader Start -->
|
||||
<div class="preloader">
|
||||
<div class="loading-container">
|
||||
<div class="loading"></div>
|
||||
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End -->
|
||||
|
||||
<!-- Header Start -->
|
||||
<header class="main-header">
|
||||
<div class="header-sticky">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo Start -->
|
||||
<a class="navbar-brand" href="./">
|
||||
<img src="images/logo.svg" alt="Logo">
|
||||
</a>
|
||||
<!-- Logo End -->
|
||||
|
||||
<!-- Main Menu Start -->
|
||||
<div class="collapse navbar-collapse main-menu">
|
||||
<div class="nav-menu-wrapper">
|
||||
<ul class="navbar-nav mr-auto" id="menu">
|
||||
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
|
||||
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about">About Us</a>
|
||||
<li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
|
||||
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/404">404</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Header Btn Start -->
|
||||
<div class="header-btn">
|
||||
<a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
|
||||
</div>
|
||||
<!-- Header Btn End -->
|
||||
</div>
|
||||
<!-- Main Menu End -->
|
||||
<div class="navbar-toggle"></div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="responsive-menu"></div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
|
||||
<!-- Page Header Section Start -->
|
||||
<div class="page-header parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Page Header Box Start -->
|
||||
<div class="page-header-box">
|
||||
<h1 class="text-anime-style-3" data-cursor="-opaque">Our testimonials</h1>
|
||||
<nav class="wow fadeInUp">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="./">home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">testimonials</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Page Header Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Section End -->
|
||||
|
||||
<!-- Page Testimonials Start -->
|
||||
<div class="page-testimonials">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<!-- Testimonial Item Start -->
|
||||
<div class="testimonial-item wow fadeInUp">
|
||||
<div class="testimonial-company-logo">
|
||||
<img src="images/company-logo-1.svg" alt="">
|
||||
</div>
|
||||
<div class="testimonial-item-body">
|
||||
<div class="testimonial-item-content">
|
||||
<p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
|
||||
</div>
|
||||
<div class="testimonial-author-content">
|
||||
<h3>Darlene Robertson</h3>
|
||||
<p>Interior Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<!-- Testimonial Item Start -->
|
||||
<div class="testimonial-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="testimonial-company-logo">
|
||||
<img src="images/company-logo-2.svg" alt="">
|
||||
</div>
|
||||
<div class="testimonial-item-body">
|
||||
<div class="testimonial-item-content">
|
||||
<p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
|
||||
</div>
|
||||
<div class="testimonial-author-content">
|
||||
<h3>Wade Warren</h3>
|
||||
<p>Interior Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<!-- Testimonial Item Start -->
|
||||
<div class="testimonial-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="testimonial-company-logo">
|
||||
<img src="images/company-logo-3.svg" alt="">
|
||||
</div>
|
||||
<div class="testimonial-item-body">
|
||||
<div class="testimonial-item-content">
|
||||
<p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
|
||||
</div>
|
||||
<div class="testimonial-author-content">
|
||||
<h3>Leslie Alexander</h3>
|
||||
<p>Interior Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<!-- Testimonial Item Start -->
|
||||
<div class="testimonial-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div class="testimonial-company-logo">
|
||||
<img src="images/company-logo-4.svg" alt="">
|
||||
</div>
|
||||
<div class="testimonial-item-body">
|
||||
<div class="testimonial-item-content">
|
||||
<p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
|
||||
</div>
|
||||
<div class="testimonial-author-content">
|
||||
<h3>Guy Hawkins</h3>
|
||||
<p>Interior Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<!-- Testimonial Item Start -->
|
||||
<div class="testimonial-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div class="testimonial-company-logo">
|
||||
<img src="images/company-logo-5.svg" alt="">
|
||||
</div>
|
||||
<div class="testimonial-item-body">
|
||||
<div class="testimonial-item-content">
|
||||
<p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
|
||||
</div>
|
||||
<div class="testimonial-author-content">
|
||||
<h3>Ronald Richards</h3>
|
||||
<p>Interior Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<!-- Testimonial Item Start -->
|
||||
<div class="testimonial-item wow fadeInUp" data-wow-delay="1s">
|
||||
<div class="testimonial-company-logo">
|
||||
<img src="images/company-logo-6.svg" alt="">
|
||||
</div>
|
||||
<div class="testimonial-item-body">
|
||||
<div class="testimonial-item-content">
|
||||
<p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
|
||||
</div>
|
||||
<div class="testimonial-author-content">
|
||||
<h3>Kathryn Murphy</h3>
|
||||
<p>Interior Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial Item End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Testimonials End -->
|
||||
|
||||
<!-- Watch Our Story Section Start -->
|
||||
<div class="our-story dark-section parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Our Story Content Start -->
|
||||
<div class="our-story-content">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h3 class="wow fadeInUp">watch our story</h3>
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Tailored architectural and construction solutions for every budget</h2>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- Watch Video Circle Start -->
|
||||
<div class="watch-video-circle">
|
||||
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
|
||||
<img src="images/watch-video-circle.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<!-- Watch Video Circle End -->
|
||||
</div>
|
||||
<!-- Our Story Content End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Watch Our Story Section End -->
|
||||
|
||||
<!-- Our Features Section Start -->
|
||||
<div class="our-features">
|
||||
<div class="container">
|
||||
<div class="row section-row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title section-title-center">
|
||||
<h3 class="wow fadeInUp">Our Features</h3>
|
||||
<h2 class="text-effect" data-cursor="-opaque">Driven by passion for quality <span class="feature-title-img-1"><img src="images/icon-feature-title-1.svg" alt=""></span> and innovation, we build <span class="feature-title-img-2"><img src="images/icon-feature-title-2.svg" alt=""></span> spaces that reflect strength, sustainability, <span class="feature-title-img-3"><img src="images/author-1.jpg" alt=""><img src="images/author-2.jpg" alt=""><img src="images/author-3.jpg" alt=""></span> and lasting value</h2>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xl-4 col-md-6 order-1">
|
||||
<!-- Feature Item Start -->
|
||||
<div class="feature-item box-1 wow fadeInUp">
|
||||
<div class="feature-item-shape-image">
|
||||
<figure>
|
||||
<img src="images/feature-item-image-1.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="feature-item-content-box">
|
||||
<div class="feature-item-content">
|
||||
<h3>Innovative Design Approach</h3>
|
||||
<p>We combine creativity with functionality to deliver designs that are both visually striking.</p>
|
||||
</div>
|
||||
<div class="feature-item-list">
|
||||
<ul>
|
||||
<li>Our architects embrace modern trends.</li>
|
||||
<li>We merge creativity and practicality to design.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Feature Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 order-xl-2 order-md-3 order-2">
|
||||
<!-- Feature Item Start -->
|
||||
<div class="feature-item box-2 wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="feature-item-info">
|
||||
<div class="feature-item-info-content">
|
||||
<p>Your Vision, Our Expertise</p>
|
||||
<h3>Request To Get Free Projects Estimate Today</h3>
|
||||
</div>
|
||||
<div class="feature-item-btn">
|
||||
<a href="/contact" class="readmore-btn">Get Free Estimate</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-item-image">
|
||||
<figure>
|
||||
<img src="images/feature-item-image-2.png" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Feature Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-md-6 order-xl-3 order-md-2 order-3">
|
||||
<!-- Feature Item Start -->
|
||||
<div class="feature-item box-3 wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="feature-item-content-box">
|
||||
<div class="feature-item-content">
|
||||
<h2><span class="counter">250</span>+</h2>
|
||||
<h3>Dedicated Professionals</h3>
|
||||
</div>
|
||||
<div class="feature-item-counter-info">
|
||||
<p>A skilled team of architects, engineers, and experts working with passion.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-item-tag-list">
|
||||
<ul>
|
||||
<li>Visualization</li>
|
||||
<li>Custom Design</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Feature Item End -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12 order-5">
|
||||
<!-- Section Footer Text Start -->
|
||||
<div class="section-footer-text section-satisfy-img wow fadeInUp" data-wow-delay="0.2s">
|
||||
<!-- Satisfy Client Images Start -->
|
||||
<div class="satisfy-client-images">
|
||||
<div class="satisfy-client-image">
|
||||
<figure class="image-anime">
|
||||
<img src="images/author-1.jpg" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="satisfy-client-image add-more">
|
||||
<img src="images/icon-phone-primary.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- Satisfy Client Images End -->
|
||||
<p>From vision to structure - <a href="/contact">where creativity meets construction excellence.</a></p>
|
||||
<ul>
|
||||
<li><span class="counter">4.9</span>/5</li>
|
||||
<li>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</li>
|
||||
<li>Our 4200 Review</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Section Footer Text End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Our Features Section End -->
|
||||
|
||||
<!-- CTA Box Section Start -->
|
||||
<div class="cta-box dark-section parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-7 col-md-9">
|
||||
<!-- CTA Box Content Start -->
|
||||
<div class="cta-box-content">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h3 class="wow fadeInUp">Contact Us Today!</h3>
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">Partner with us to design and build the future you envision</h2>
|
||||
<p class="wow fadeInUp" data-wow-delay="0.2s">Whether it's a residential, commercial, or industrial project, we're here to help bring your ideas to life. Get in touch and let's shape something remarkable together.</p>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- CTA Box Items List Start -->
|
||||
<div class="cta-box-items-list wow fadeInUp" data-wow-delay="0.4s">
|
||||
<!-- CTA Box Item Start -->
|
||||
<div class="cta-box-item">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-cta-box-item-1.svg" alt="">
|
||||
</div>
|
||||
<div class="cta-box-item-content">
|
||||
<h3>Quick Response & Expert Support</h3>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CTA Box Item End -->
|
||||
|
||||
<!-- CTA Box Item Start -->
|
||||
<div class="cta-box-item">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-cta-box-item-2.svg" alt="">
|
||||
</div>
|
||||
<div class="cta-box-item-content">
|
||||
<h3>Partner with Industry Experts</h3>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CTA Box Item End -->
|
||||
</div>
|
||||
<!-- CTA Box Items List End -->
|
||||
|
||||
<!-- CTA Box Btn Start -->
|
||||
<div class="cta-box-btn wow fadeInUp" data-wow-delay="0.6s">
|
||||
<a href="tel:+123456789" class="btn-default btn-highlighted">Call Us: +(123) 456-789</a>
|
||||
</div>
|
||||
<!-- CTA Box Btn End -->
|
||||
</div>
|
||||
<!-- CTA Box Content End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-5 col-md-3">
|
||||
<!-- CTA Box Image Start -->
|
||||
<div class="cta-box-image">
|
||||
<figure>
|
||||
<img src="images/cta-box-image.png" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<!-- CTA Box Image End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CTA Box Section End -->
|
||||
|
||||
<!-- Our FAQs Section Start -->
|
||||
<div class="our-faqs">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-5">
|
||||
<!-- Our FAQs Content Start -->
|
||||
<div class="our-faqs-content">
|
||||
<!-- Faqs Title Box Start -->
|
||||
<div class="faqs-title-box">
|
||||
<!-- Section Title Start -->
|
||||
<div class="section-title">
|
||||
<h3 class="wow fadeInUp">Frequently Asked Questions</h3>
|
||||
<h2 class="text-anime-style-3" data-cursor="-opaque">We're here to provide clear and helpful answers</h2>
|
||||
<p class="wow fadeInUp" data-wow-delay="0.2s">Explore our FAQs to learn more about our process, pricing, and how we ensure quality, transparency, and client satisfaction at every stage.</p>
|
||||
</div>
|
||||
<!-- Section Title End -->
|
||||
|
||||
<!-- Our FAQs Button Start -->
|
||||
<div class="our-faqs-btn wow fadeInUp" data-wow-delay="0.4s">
|
||||
<a href="/faqs" class="btn-default">View all FAQs</a>
|
||||
</div>
|
||||
<!-- Our FAQs Button End -->
|
||||
</div>
|
||||
<!-- Faqs Title Box End -->
|
||||
|
||||
<!-- Faq Contact Box Start -->
|
||||
<div class="faq-contact-box wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div class="icon-box">
|
||||
<img src="images/icon-phone-primary.svg" alt="">
|
||||
</div>
|
||||
<div class="faq-contact-box-content">
|
||||
<h3>Call Us For Any Query</h3>
|
||||
<p><a href="tel:+123456789">+(123) 456-789</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Faq Contact Box End -->
|
||||
</div>
|
||||
<!-- Our FAQs Content End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-7">
|
||||
<!-- FAQ Accordion Start -->
|
||||
<div class="faq-accordion" id="accordion">
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp">
|
||||
<h2 class="accordion-header" id="heading1">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
|
||||
Q1. Do you provide both design and construction services?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="heading1" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<h2 class="accordion-header" id="heading2">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
|
||||
Q2. Can you work with my existing architect or designer?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<h2 class="accordion-header" id="heading3">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
|
||||
Q3. How do you estimate the total project cost?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<h2 class="accordion-header" id="heading4">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
|
||||
Q4. What materials do you typically use for construction?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
|
||||
<!-- FAQ Item Start -->
|
||||
<div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<h2 class="accordion-header" id="heading5">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
|
||||
Q5. Can you handle renovation or remodeling projects?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordion">
|
||||
<div class="accordion-body">
|
||||
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQ Item End -->
|
||||
</div>
|
||||
<!-- FAQ Accordion End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Our FAQs Section End -->
|
||||
|
||||
<!-- Main Footer Start -->
|
||||
<footer class="main-footer dark-section">
|
||||
<!-- Scrolling Ticker Section Start -->
|
||||
<div class="footer-scrolling-ticker">
|
||||
<!-- Scrolling Ticker Box Start -->
|
||||
<div class="scrolling-ticker-box">
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Box End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Section End -->
|
||||
|
||||
<!-- Footer Box Start -->
|
||||
<div class="footer-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4">
|
||||
<!-- About Footer Start -->
|
||||
<div class="about-footer">
|
||||
<!-- Footer Logo Start -->
|
||||
<div class="footer-logo">
|
||||
<img src="images/footer-logo.svg" alt="">
|
||||
</div>
|
||||
<!-- Footer Logo End -->
|
||||
|
||||
<!-- About Footer Content Start -->
|
||||
<div class="footer-working-hours">
|
||||
<h3>Working Hours:</h3>
|
||||
<ul>
|
||||
<li>Monday - Friday: 09:00 AM - 06:00 PM</li>
|
||||
<li>Saturday - Sunday: Closed</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- About Footer Content End -->
|
||||
</div>
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-8">
|
||||
<!-- Footer Links Box Start -->
|
||||
<div class="footer-links-box">
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-location-info">
|
||||
<h3>Contact Information</h3>
|
||||
<p>123 Maplewood Drive, Pinehill, CA 90210</p>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-contact-links">
|
||||
<h3>Get in Touch</h3>
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
|
||||
<li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Newsletter Form Start -->
|
||||
<div class="footer-links footer-newsletter-form">
|
||||
<h3>Newsletter Subscription</h3>
|
||||
<p>Stay updated on our latest projects, tips, and offers.</p>
|
||||
<form id="newslettersForm" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
|
||||
<button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Footer Newsletter Form End -->
|
||||
|
||||
<!-- Footer Social Link Start -->
|
||||
<div class="footer-links footer-social-links">
|
||||
<h3>Follow On Socials:</h3>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Social Link End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Footer Copyright Start -->
|
||||
<div class="footer-copyright">
|
||||
<!-- Footer Menu Start -->
|
||||
<div class="footer-menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/services">Service</a></li>
|
||||
<li><a href="/projects">Project</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Menu End -->
|
||||
|
||||
<!-- Footer Copyright Text Start -->
|
||||
<div class="footer-copyright-text">
|
||||
<p>Copyright © 2025 All Rights Reserved.</p>
|
||||
</div>
|
||||
<!-- Footer Copyright Text End -->
|
||||
</div>
|
||||
<!-- Footer Copyright End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer Box End -->
|
||||
</footer>
|
||||
<!-- Main Footer End -->
|
||||
|
||||
<!-- Jquery Library File -->
|
||||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||||
<!-- Bootstrap js file -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<!-- Validator js file -->
|
||||
<script src="assets/js/validator.min.js"></script>
|
||||
<!-- SlickNav js file -->
|
||||
<script src="assets/js/jquery.slicknav.js"></script>
|
||||
<!-- Swiper js file -->
|
||||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||||
<!-- Counter js file -->
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<!-- Isotop js file -->
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<!-- Magnific js file -->
|
||||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||||
<!-- SmoothScroll -->
|
||||
<script src="assets/js/SmoothScroll.js"></script>
|
||||
<!-- Parallax js -->
|
||||
<script src="assets/js/parallaxie.js"></script>
|
||||
<!-- MagicCursor js file -->
|
||||
<script src="assets/js/gsap.min.js"></script>
|
||||
<script src="assets/js/magiccursor.js"></script>
|
||||
<!-- Text Effect js file -->
|
||||
<script src="assets/js/SplitText.min.js"></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js"></script>
|
||||
<!-- YTPlayer js File -->
|
||||
<script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
|
||||
<!-- Wow js file -->
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<!-- Main Custom js file -->
|
||||
<script src="assets/js/function.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,418 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="author" content="Awaiken">
|
||||
<!-- Page Title -->
|
||||
<title>Renovex - Construction HTML Template</title>
|
||||
<!-- Favicon Icon -->
|
||||
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
|
||||
<!-- Google Fonts Css-->
|
||||
<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||||
<!-- SlickNav Css -->
|
||||
<link href="assets/css/slicknav.min.css" rel="stylesheet">
|
||||
<!-- Swiper Css -->
|
||||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||||
<!-- Font Awesome Icon Css-->
|
||||
<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
|
||||
<!-- Animated Css -->
|
||||
<link href="assets/css/animate.css" rel="stylesheet">
|
||||
<!-- Magnific Popup Core Css File -->
|
||||
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||
<!-- Mouse Cursor Css File -->
|
||||
<link rel="stylesheet" href="assets/css/mousecursor.css">
|
||||
<!-- Main Custom Css -->
|
||||
<link href="assets/css/custom.css" rel="stylesheet" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Preloader Start -->
|
||||
<div class="preloader">
|
||||
<div class="loading-container">
|
||||
<div class="loading"></div>
|
||||
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End -->
|
||||
|
||||
<!-- Header Start -->
|
||||
<header class="main-header">
|
||||
<div class="header-sticky">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo Start -->
|
||||
<a class="navbar-brand" href="./">
|
||||
<img src="images/logo.svg" alt="Logo">
|
||||
</a>
|
||||
<!-- Logo End -->
|
||||
|
||||
<!-- Main Menu Start -->
|
||||
<div class="collapse navbar-collapse main-menu">
|
||||
<div class="nav-menu-wrapper">
|
||||
<ul class="navbar-nav mr-auto" id="menu">
|
||||
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
|
||||
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
|
||||
<ul>
|
||||
<li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/404">404</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Header Btn Start -->
|
||||
<div class="header-btn">
|
||||
<a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
|
||||
</div>
|
||||
<!-- Header Btn End -->
|
||||
</div>
|
||||
<!-- Main Menu End -->
|
||||
<div class="navbar-toggle"></div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="responsive-menu"></div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
|
||||
<!-- Page Header Section Start -->
|
||||
<div class="page-header parallaxie">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Page Header Box Start -->
|
||||
<div class="page-header-box">
|
||||
<h1 class="text-anime-style-3" data-cursor="-opaque">Video Gallery</h1>
|
||||
<nav class="wow fadeInUp">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="./">home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">video gallery</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Page Header Box End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Section End -->
|
||||
|
||||
<!-- Page Video Gallery Start -->
|
||||
<div class="page-video-gallery">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<!-- Video Gallery start -->
|
||||
<div class="video-gallery-image wow fadeInUp">
|
||||
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
|
||||
<figure>
|
||||
<img src="images/gallery-3.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Video Gallery end -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<!-- Video Gallery start -->
|
||||
<div class="video-gallery-image wow fadeInUp" data-wow-delay="0.2s">
|
||||
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
|
||||
<figure>
|
||||
<img src="images/gallery-5.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Video Gallery end -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<!-- Video Gallery start -->
|
||||
<div class="video-gallery-image wow fadeInUp" data-wow-delay="0.4s">
|
||||
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
|
||||
<figure>
|
||||
<img src="images/gallery-2.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Video Gallery end -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<!-- Video Gallery start -->
|
||||
<div class="video-gallery-image wow fadeInUp" data-wow-delay="0.6s">
|
||||
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
|
||||
<figure>
|
||||
<img src="images/gallery-1.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Video Gallery end -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<!-- Video Gallery start -->
|
||||
<div class="video-gallery-image wow fadeInUp" data-wow-delay="0.8s">
|
||||
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
|
||||
<figure>
|
||||
<img src="images/gallery-4.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Video Gallery end -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<!-- Video Gallery start -->
|
||||
<div class="video-gallery-image wow fadeInUp" data-wow-delay="1s">
|
||||
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
|
||||
<figure>
|
||||
<img src="images/gallery-9.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Video Gallery end -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<!-- Video Gallery start -->
|
||||
<div class="video-gallery-image wow fadeInUp" data-wow-delay="1.2s">
|
||||
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
|
||||
<figure>
|
||||
<img src="images/gallery-6.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Video Gallery end -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<!-- Video Gallery start -->
|
||||
<div class="video-gallery-image wow fadeInUp" data-wow-delay="1.4s">
|
||||
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
|
||||
<figure>
|
||||
<img src="images/gallery-8.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Video Gallery end -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<!-- Video Gallery start -->
|
||||
<div class="video-gallery-image wow fadeInUp" data-wow-delay="1.6s">
|
||||
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
|
||||
<figure>
|
||||
<img src="images/gallery-7.jpg" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Video Gallery end -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Video Gallery End -->
|
||||
|
||||
<!-- Main Footer Start -->
|
||||
<footer class="main-footer dark-section">
|
||||
<!-- Scrolling Ticker Section Start -->
|
||||
<div class="footer-scrolling-ticker">
|
||||
<!-- Scrolling Ticker Box Start -->
|
||||
<div class="scrolling-ticker-box">
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
|
||||
<!-- Scrolling Content Start -->
|
||||
<div class="scrolling-content">
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Construction</span>
|
||||
<span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
|
||||
</div>
|
||||
<!-- Scrolling Content End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Box End -->
|
||||
</div>
|
||||
<!-- Scrolling Ticker Section End -->
|
||||
|
||||
<!-- Footer Box Start -->
|
||||
<div class="footer-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4">
|
||||
<!-- About Footer Start -->
|
||||
<div class="about-footer">
|
||||
<!-- Footer Logo Start -->
|
||||
<div class="footer-logo">
|
||||
<img src="images/footer-logo.svg" alt="">
|
||||
</div>
|
||||
<!-- Footer Logo End -->
|
||||
|
||||
<!-- About Footer Content Start -->
|
||||
<div class="footer-working-hours">
|
||||
<h3>Working Hours:</h3>
|
||||
<ul>
|
||||
<li>Monday - Friday: 09:00 AM - 06:00 PM</li>
|
||||
<li>Saturday - Sunday: Closed</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- About Footer Content End -->
|
||||
</div>
|
||||
<!-- About Footer End -->
|
||||
</div>
|
||||
|
||||
<div class="col-xl-8">
|
||||
<!-- Footer Links Box Start -->
|
||||
<div class="footer-links-box">
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-location-info">
|
||||
<h3>Contact Information</h3>
|
||||
<p>123 Maplewood Drive, Pinehill, CA 90210</p>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Links Start -->
|
||||
<div class="footer-links footer-contact-links">
|
||||
<h3>Get in Touch</h3>
|
||||
<ul>
|
||||
<li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
|
||||
<li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Links End -->
|
||||
|
||||
<!-- Footer Newsletter Form Start -->
|
||||
<div class="footer-links footer-newsletter-form">
|
||||
<h3>Newsletter Subscription</h3>
|
||||
<p>Stay updated on our latest projects, tips, and offers.</p>
|
||||
<form id="newslettersForm" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
|
||||
<button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Footer Newsletter Form End -->
|
||||
|
||||
<!-- Footer Social Link Start -->
|
||||
<div class="footer-links footer-social-links">
|
||||
<h3>Follow On Socials:</h3>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Social Link End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<!-- Footer Copyright Start -->
|
||||
<div class="footer-copyright">
|
||||
<!-- Footer Menu Start -->
|
||||
<div class="footer-menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/services">Service</a></li>
|
||||
<li><a href="/projects">Project</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Footer Menu End -->
|
||||
|
||||
<!-- Footer Copyright Text Start -->
|
||||
<div class="footer-copyright-text">
|
||||
<p>Copyright © 2025 All Rights Reserved.</p>
|
||||
</div>
|
||||
<!-- Footer Copyright Text End -->
|
||||
</div>
|
||||
<!-- Footer Copyright End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer Box End -->
|
||||
</footer>
|
||||
<!-- Main Footer End -->
|
||||
|
||||
<!-- Jquery Library File -->
|
||||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||||
<!-- Bootstrap js file -->
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<!-- Validator js file -->
|
||||
<script src="assets/js/validator.min.js"></script>
|
||||
<!-- SlickNav js file -->
|
||||
<script src="assets/js/jquery.slicknav.js"></script>
|
||||
<!-- Swiper js file -->
|
||||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||||
<!-- Counter js file -->
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<!-- Isotop js file -->
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<!-- Magnific js file -->
|
||||
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||||
<!-- SmoothScroll -->
|
||||
<script src="assets/js/SmoothScroll.js"></script>
|
||||
<!-- Parallax js -->
|
||||
<script src="assets/js/parallaxie.js"></script>
|
||||
<!-- MagicCursor js file -->
|
||||
<script src="assets/js/gsap.min.js"></script>
|
||||
<script src="assets/js/magiccursor.js"></script>
|
||||
<!-- Text Effect js file -->
|
||||
<script src="assets/js/SplitText.min.js"></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js"></script>
|
||||
<!-- YTPlayer js File -->
|
||||
<script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
|
||||
<!-- Wow js file -->
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<!-- Main Custom js file -->
|
||||
<script src="assets/js/function.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user