385 lines
22 KiB
PHP
385 lines
22 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 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> |