500 lines
25 KiB
PHP
500 lines
25 KiB
PHP
<!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> |