<!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>