<!DOCTYPE html>
<html lang="zxx">
<head>
	<!-- Meta -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="Awaiken">
	<!-- Page Title -->
    <title>Renovex - Construction HTML Template</title>
	<!-- Favicon Icon -->
	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
	<!-- Google Fonts Css-->
	<link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
	<!-- Bootstrap Css -->
	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
	<!-- SlickNav Css -->
	<link href="assets/css/slicknav.min.css" rel="stylesheet">
	<!-- Swiper Css -->
	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
	<!-- Font Awesome Icon Css-->
	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
	<!-- Animated Css -->
	<link href="assets/css/animate.css" rel="stylesheet">
    <!-- Magnific Popup Core Css File -->
	<link rel="stylesheet" href="assets/css/magnific-popup.css">
	<!-- Mouse Cursor Css File -->
	<link rel="stylesheet" href="assets/css/mousecursor.css">
	<!-- Main Custom Css -->
	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
</head>
<body>

    <!-- Preloader Start -->
	<div class="preloader">
		<div class="loading-container">
			<div class="loading"></div>
			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
		</div>
	</div>
	<!-- Preloader End -->

    <!-- Header Start -->
	<header class="main-header">
		<div class="header-sticky">
			<nav class="navbar navbar-expand-lg">
				<div class="container">
					<!-- Logo Start -->
					<a class="navbar-brand" href="./">
						<img src="images/logo.svg" alt="Logo">
					</a>
					<!-- Logo End -->

                    <!-- Main Menu Start -->
                    <div class="collapse navbar-collapse main-menu">
                        <div class="nav-menu-wrapper">
                            <ul class="navbar-nav mr-auto" id="menu">
                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
                                    
                                </li>                                
                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
                                    <ul>                                        
                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
                            </ul>
                        </div>
                        
                        <!-- Header Btn Start -->
                        <div class="header-btn">
                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
                        </div>
                        <!-- Header Btn End -->
                    </div>
					<!-- Main Menu End -->
					<div class="navbar-toggle"></div>
				</div>
			</nav>
			<div class="responsive-menu"></div>
		</div>
	</header>
	<!-- Header End -->

    <!-- Page Header Section Start -->
    <div class="page-header parallaxie">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- Page Header Box Start -->
                    <div class="page-header-box">
                        <h1 class="text-anime-style-3" data-cursor="-opaque">Ralph Edwards</h1>
                        <nav class="wow fadeInUp">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="./">home</a></li>
                                <li class="breadcrumb-item"><a href="/team">Team</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Ralph Edwards</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- Page Header Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header Section End -->

    <!-- Page Team Single Start -->
    <div class="page-team-single">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <!-- Team Single Sidebar Start -->
                    <div class="page-single-sidebar">
                        <!-- Team Sidebar Box Start -->
                        <div class="team-sidebar-box wow fadeInUp" data-wow-delay="0.2s">
                            <!-- Team Sidebar Image Start -->
                            <div class="team-sidebar-image">
                                <figure class="image-anime">
                                    <img src="images/team-2.jpg" alt="">
                                </figure>
                            </div>
                            <!-- Team Sidebar Image End -->

                            <!-- Team Sidebar Body Start -->
                            <div class="team-sidebar-body">
                                <ul>
                                    <li><span>Name:</span> Ralph Edwards</li>
                                    <li><span>position:</span> Office Worker</li>
                                    <li><span>Phone:</span> +00-123-254-963</li>
                                    <li><span>email:</span> support@domain.com</li>
                                    <li><span>Experience:</span> 25+years</li>
                                </ul>
                            </div>
                            <!-- Team Sidebar Body End -->

                            <!-- Team Sidebar Footer Start -->
                            <div class="team-sidebar-footer">
                                <h3>Follow Us:</h3>
                                <ul>
                                    <li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
                                    <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
                                </ul>
                            </div>
                            <!-- Team Sidebar Footer End -->
                        </div>
                        <!-- Team Sidebar Box End -->
                    </div>
                    <!-- Team Single Sidebar End -->
                </div>

                <div class="col-lg-8">
                    <!-- Team Single Content Start -->
                    <div class="team-single-content">
                        <!-- Team Member About Start -->
                        <div class="team-member-about">
                            <!-- Section Title Start -->
                            <div class="section-title">
                                <h2 class="text-anime-style-3" data-cursor="-opaque">About me</h2>
                                <p class="wow fadeInUp">Ralph Edwards is a seasoned planning and design consultant with over 12+ years of experience shaping commercial, residential, and industrial development projects. His work focuses on building environments that are not only visually remarkable but also practical, sustainable, and future-ready. Ralph believes good design should feel effortless: where structure, purpose & aesthetics flow as one.</p>
                                <p class="wow fadeInUp" data-wow-delay="0.2s">He works closely with clients, architects, contractors, and project teams to guide clear decision-making, reduce complexity, and ensure every project begins with strong vision and planning.</p>
                            </div>
                            <!-- Section Title End -->
                        </div>
                        <!-- Team Member About End -->

                        <!-- Team Expertise Box Start -->
                        <div class="team-experience-box">
                            <!-- Section Title Start -->
                            <div class="section-title">
                                <h2 class="text-anime-style-3" data-cursor="-opaque">Professional experience</h2>
                                <p class="wow fadeInUp">Ralph has led planning and consultation for 50+ medium to large-scale construction projects, ranging from industrial developments to premium residential spaces and corporate work hubs. </p>
                            </div>
                            <!-- Section Title End -->
                            
                            <!-- Team Expertise Item List Start -->
                            <div class="team-experience-item-list wow fadeInUp" data-wow-delay="0.2s">
                                <!-- Team Expertise Item Start -->
                                <div class="team-experience-item">
                                    <div class="icon-box">
                                        <img src="images/icon-team-experience-1.svg" alt="">
                                    </div>
                                    <div class="team-experience-item-content">
                                        <h3>Urban Redevelopment Projects</h3>
                                    </div>
                                </div>
                                <!-- Team Expertise Item End -->
                                
                                <!-- Team Expertise Item Start -->
                                <div class="team-experience-item">
                                    <div class="icon-box">
                                        <img src="images/icon-team-experience-2.svg" alt="">
                                    </div>
                                    <div class="team-experience-item-content">
                                        <h3>Commercial Office Towers</h3>
                                    </div>
                                </div>
                                <!-- Team Expertise Item End -->
                                
                                <!-- Team Expertise Item Start -->
                                <div class="team-experience-item">
                                    <div class="icon-box">
                                        <img src="images/icon-team-experience-3.svg" alt="">
                                    </div>
                                    <div class="team-experience-item-content">
                                        <h3>Modern Residential Communities</h3>
                                    </div>
                                </div>
                                <!-- Team Expertise Item End -->
                                
                                <!-- Team Expertise Item Start -->
                                <div class="team-experience-item">
                                    <div class="icon-box">
                                        <img src="images/icon-team-experience-4.svg" alt="">
                                    </div>
                                    <div class="team-experience-item-content">
                                        <h3>Industrial Warehouse Logistic Park</h3>
                                    </div>
                                </div>
                                <!-- Team Expertise Item End -->
                            </div>
                            <!-- Team Expertise Item List End -->
                        </div>
                        <!-- Team Expertise Box End -->

                        <!-- Team Member Info Box Start -->
                        <div class="team-member-info-box">
                            <!-- Team Skills Box Start -->
                            <div class="team-skills-box">
                                <!-- Section Title Start -->
                                <div class="section-title">
                                    <h2 class="text-anime-style-3" data-cursor="-opaque">Core expertise</h2>
                                </div>
                                <!-- Section Title End -->
                                
                                <!-- Team Skills List Start -->
                                <div class="team-skills-list">
                                    <!-- Skills Progress Bar Start -->
                                    <div class="skills-progress-bar">
                                        <!-- Skill Item Start -->
                                        <div class="skillbar" data-percent="91%">
                                            <div class="skill-data">
                                                <div class="skill-title">Space Planning</div>
                                                <div class="skill-no">91%</div>
                                            </div>
                                            <div class="skill-progress">
                                                <div class="count-bar"></div>
                                            </div>
                                        </div>
                                        <!-- Skill Item End -->
                                    </div>
                                    <!-- Skills Progress Bar End -->
                                    
                                    <!-- Skills Progress Bar Start -->
                                    <div class="skills-progress-bar">
                                        <!-- Skill Item Start -->
                                        <div class="skillbar" data-percent="80%">
                                            <div class="skill-data">
                                                <div class="skill-title">Budget Planning</div>
                                                <div class="skill-no">80%</div>
                                            </div>
                                            <div class="skill-progress">
                                                <div class="count-bar"></div>
                                            </div>
                                        </div>
                                        <!-- Skill Item End -->
                                    </div>
                                    <!-- Skills Progress Bar End -->
                                    
                                    <!-- Skills Progress Bar Start -->
                                    <div class="skills-progress-bar">
                                        <!-- Skill Item Start -->
                                        <div class="skillbar" data-percent="89%">
                                            <div class="skill-data">
                                                <div class="skill-title">Team Coordination</div>
                                                <div class="skill-no">89%</div>
                                            </div>
                                            <div class="skill-progress">
                                                <div class="count-bar"></div>
                                            </div>
                                        </div>
                                        <!-- Skill Item End -->
                                    </div>
                                    <!-- Skills Progress Bar End -->
                                </div>
                                <!-- Team Skills List End -->
                            </div>
                            <!-- Team Skills Box End -->

                            <!-- Team Values Info Start -->
                            <div class="team-values-info">
                                <!-- Section Title Start -->
                                <div class="section-title">
                                    <h2 class="text-anime-style-3" data-cursor="-opaque">Values & working style</h2>
                                    <p class="wow fadeInUp">Alph believes that successful projects are built on clarity, collaboration, and thoughtful planning</p>
                                </div>
                                <!-- Section Title End -->

                                <!-- Team Values Info List Start -->
                                <div class="team-values-info-list wow fadeInUp" data-wow-delay="0.2s">
                                    <ul>
                                        <li><span>Detail-Oriented:</span>Nothing left to guesswork</li>
                                        <li><span>Future-Focused:</span>Designs planned for growth & change</li>
                                        <li><span>Client-Centric:</span>Your goals shape the project</li>
                                    </ul>
                                </div>
                                <!-- Team Values Info List End -->
                            </div>
                            <!-- Team Values Info End -->
                        </div>
                        <!-- Team Member Info Box End -->

                        <!-- Team Contact Form Start -->
                        <div class="team-contact-form contact-us-form">
                            <!-- Section Title Start -->
                            <div class="section-title">
                                <h2 class="text-anime-style-3" data-cursor="-opaque">Get in touch with us</h2>
                                <p class="wow fadeInUp">Need help or have a project? Get in touch — we're always ready to support you.</p>
                            </div>
                            <!-- Section Title End -->

                            <!-- Contact Form Start -->
                            <div class="contact-form">
                                <form id="contactForm" action="#" method="POST" data-toggle="validator" class="wow fadeInUp" data-wow-delay="0.2s">
                                    <div class="row">
                                        <div class="form-group col-md-6 mb-4">
                                            <input type="text" name="fname" class="form-control" id="fname" placeholder="First Name" required>
                                            <div class="help-block with-errors"></div>
                                        </div>
                
                                        <div class="form-group col-md-6 mb-4">
                                            <input type="text" name="lname" class="form-control" id="lname" placeholder="Last Name" required>
                                            <div class="help-block with-errors"></div>
                                        </div>
                                        
                                        <div class="form-group col-md-6 mb-4">
                                            <input type="text" name="phone" class="form-control" id="phone" placeholder="Phone No." required>
                                            <div class="help-block with-errors"></div>
                                        </div>
                
                                        <div class="form-group col-md-6 mb-4">
                                            <input type="email" name ="email" class="form-control" id="email" placeholder="Email Address" required>
                                            <div class="help-block with-errors"></div>
                                        </div>
                
                                        <div class="form-group col-md-12 mb-5">
                                            <textarea name="message" class="form-control" id="message" rows="4" placeholder="Write Message..."></textarea>
                                            <div class="help-block with-errors"></div>
                                        </div>
                
                                        <div class="col-lg-12">
                                            <div class="contact-form-btn">
                                                <button type="submit" class="btn-default"><span>submit now</span></button>
                                                <div id="msgSubmit" class="h3 hidden"></div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- Contact Form End -->
                        </div>
                        <!-- Team Contact Form End -->
                    </div>
                    <!-- Team Single Content End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Page Team Single End -->

    <!-- Main Footer Start -->
    <footer class="main-footer dark-section">
        <!-- Scrolling Ticker Section Start -->
        <div class="footer-scrolling-ticker">
            <!-- Scrolling Ticker Box Start -->
            <div class="scrolling-ticker-box">
                <!-- Scrolling Content Start -->
                <div class="scrolling-content">
                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
                </div>
                <!-- Scrolling Content End -->
    
                <!-- Scrolling Content Start -->
                <div class="scrolling-content">
                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
                </div>
                <!-- Scrolling Content End -->
            </div>
            <!-- Scrolling Ticker Box End -->
        </div>
        <!-- Scrolling Ticker Section End -->

        <!-- Footer Box Start -->
        <div class="footer-box">
            <div class="container">
                <div class="row">
                    <div class="col-xl-4">
                        <!-- About Footer Start -->
                        <div class="about-footer">
                            <!-- Footer Logo Start -->
                            <div class="footer-logo">
                                <img src="images/footer-logo.svg" alt="">
                            </div>
                            <!-- Footer Logo End -->

                            <!-- About Footer Content Start -->
                            <div class="footer-working-hours">
                                <h3>Working Hours:</h3>
                                <ul>
                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
                                    <li>Saturday - Sunday: Closed</li>
                                </ul>
                            </div>
                            <!-- About Footer Content End -->
                        </div>
                        <!-- About Footer End -->
                    </div>

                    <div class="col-xl-8">
                        <!-- Footer Links Box Start -->
                        <div class="footer-links-box">
                            <!-- Footer Links Start -->
                            <div class="footer-links footer-location-info">
                                <h3>Contact Information</h3>
                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
                            </div>
                            <!-- Footer Links End -->

                            <!-- Footer Links Start -->
                            <div class="footer-links footer-contact-links">
                                <h3>Get in Touch</h3>
                                <ul>
                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
                                </ul>
                            </div>
                            <!-- Footer Links End -->
                            
                            <!-- Footer Newsletter Form Start -->
                            <div class="footer-links footer-newsletter-form">
                                <h3>Newsletter Subscription</h3>
                                <p>Stay updated on our latest projects, tips, and offers.</p>
                                <form id="newslettersForm" action="#" method="POST">
                                    <div class="form-group">
                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
                                    </div>
                                </form>
                            </div>
                            <!-- Footer Newsletter Form End -->

                            <!-- Footer Social Link Start -->
                            <div class="footer-links footer-social-links">
                                <h3>Follow On Socials:</h3>
                                <ul>
                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
                                </ul>
                            </div>
                            <!-- Footer Social Link End -->
                        </div>
                    </div>

                    <div class="col-lg-12">
                        <!-- Footer Copyright Start -->
                        <div class="footer-copyright">
                            <!-- Footer Menu Start -->
                            <div class="footer-menu">
                                <ul>
                                    <li><a href="/">Home</a></li>
                                    <li><a href="/about">About Us</a></li>
                                    <li><a href="/services">Service</a></li>
                                    <li><a href="/projects">Project</a></li>
                                    <li><a href="/contact">Contact</a></li>
                                </ul>
                            </div>
                            <!-- Footer Menu End -->
                            
                            <!-- Footer Copyright Text Start -->
                            <div class="footer-copyright-text">
                                <p>Copyright © 2025 All Rights Reserved.</p>
                            </div>
                            <!-- Footer Copyright Text End -->
                        </div>
                        <!-- Footer Copyright End -->
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer Box End -->
    </footer>
    <!-- Main Footer End -->

    <!-- Jquery Library File -->
    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <!-- Bootstrap js file -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Validator js file -->
    <script src="assets/js/validator.min.js"></script>
    <!-- SlickNav js file -->
    <script src="assets/js/jquery.slicknav.js"></script>
    <!-- Swiper js file -->
    <script src="assets/js/swiper-bundle.min.js"></script>
    <!-- Counter js file -->
    <script src="assets/js/jquery.waypoints.min.js"></script>
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!-- Isotop js file -->
	<script src="assets/js/isotope.min.js"></script>
    <!-- Magnific js file -->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- SmoothScroll -->
    <script src="assets/js/SmoothScroll.js"></script>
    <!-- Parallax js -->
    <script src="assets/js/parallaxie.js"></script>
    <!-- MagicCursor js file -->
    <script src="assets/js/gsap.min.js"></script>
    <script src="assets/js/magiccursor.js"></script>
    <!-- Text Effect js file -->
    <script src="assets/js/SplitText.min.js"></script>
    <script src="assets/js/ScrollTrigger.min.js"></script>
    <!-- YTPlayer js File -->
    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
    <!-- Wow js file -->
    <script src="assets/js/wow.min.js"></script>
    <!-- Main Custom js file -->
    <script src="assets/js/function.js"></script>
</body>
</html>