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