Files
BridgeUpapp/app/Views/about.php
T
2026-05-29 23:09:36 -04:00

1334 lines
72 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/BridgeUpApp_logo.png" alt="BridgeUp App Logo"></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">About us</h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item active" aria-current="page">About us</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header Section End -->
<!-- About Us Section Start -->
<div class="about-us">
<div class="container">
<div class="row">
<div class="col-xl-5">
<!-- About Us Image Box Start -->
<div class="about-us-image-box wow fadeInUp">
<!-- About Us Image Box 1 Start -->
<div class="about-us-image-box-1">
<!-- About Us Image 1 Start -->
<div class="about-us-image">
<figure class="image-anime">
<img src="images/about-us-image-1.jpg" alt="">
</figure>
</div>
<!-- About Us Image 1 End -->
</div>
<!-- About Us Image Box 1 End -->
<!-- About Us Image Box 2 Start -->
<div class="about-us-image-box-2">
<!-- About Us Image 2 Start -->
<div class="about-us-image">
<figure class="image-anime">
<img src="images/about-us-image-2.jpg" alt="">
</figure>
</div>
<!-- About Us Image 2 End -->
<!-- Year Experience Circle Start -->
<div class="year-experience-circle">
<img src="images/year-experience-circle-accent.svg" alt="">
</div>
<!-- Year Experience Circle End -->
</div>
<!-- About Us Image Box 2 End -->
</div>
<!-- About Us Image Box End -->
</div>
<div class="col-xl-7">
<!-- About Us Content Start -->
<div class="about-us-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">About Us</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">Care that feels like community, not a clinic</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">We combine visionary design, advanced engineering, and superior craftsmanship to redefine what's possible in modern construction. Our mission is to create structures that embody innovation, functionality.</p>
</div>
<!-- Section Title End -->
<!-- About Us Body Start -->
<div class="about-us-body wow fadeInUp" data-wow-delay="0.4s">
<!-- About Body Item Start -->
<div class="about-body-item">
<div class="icon-box">
<img src="images/icon-about-item-1.svg" alt="">
</div>
<div class="about-body-item-content">
<h3>Goal-based progress tracking</h3>
<p>Every project we undertake reflect a unwavering dedication.</p>
</div>
</div>
<!-- About Body Item End -->
<!-- About Body Item Start -->
<div class="about-body-item">
<div class="icon-box">
<img src="images/icon-about-item-2.svg" alt="">
</div>
<div class="about-body-item-content">
<h3>Real-time parent-therapist messaging</h3>
<p>From concept to completion we use cutting-edge technology.</p>
</div>
</div>
<!-- About Body Item End -->
</div>
<!-- About Us Body End -->
<!-- About Us Footer Start -->
<div class="about-us-footer wow fadeInUp" data-wow-delay="0.6s">
<!-- About Us Footer Content Start -->
<div class="about-us-footer-content">
<!-- About Footer Content List Start -->
<div class="about-footer-content-list">
<ul>
<li>Streamlined session scheduling.</li>
<li>Structured, readable progress notes.</li>
<li>Unified care team workspace.</li>
</ul>
</div>
<!-- About Footer Content List End -->
<!-- About Us Button Start -->
<div class="about-us-btn">
<a href="/contact" class="btn-default">Contact Now</a>
</div>
<!-- About Us Button End -->
</div>
<!-- About Us Footer Content End -->
<!-- About Us Video Box Start -->
<div class="about-us-video-box">
<!-- Intro Video Image Start -->
<div class="about-video-image">
<figure class="image-anime">
<img src="images/about-intro-video-image.jpg" alt="">
</figure>
</div>
<!-- Intro Video Image End -->
<!-- Video Play Button Start -->
<div class="video-play-button">
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
<i class="fa-solid fa-play"></i>
</a>
</div>
<!-- Video Play Button End -->
</div>
<!-- About Us Video Box End -->
</div>
<!-- About Us Footer End -->
</div>
<!-- About Us Content End -->
</div>
</div>
</div>
</div>
<!-- About Us Section End -->
<!-- Our Approach Section Start -->
<div class="our-approach dark-section parallaxie">
<div class="container">
<div class="row section-row">
<div class="col-lg-12">
<!-- Section Title Start -->
<div class="section-title section-title-center">
<h3 class="wow fadeInUp">our approach</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">Your child's journey deserves a real team behind it</h2>
</div>
<!-- Section Title End -->
</div>
</div>
<div class="row">
<div class="col-xl-4 col-md-6">
<!-- Our Approach Item Start -->
<div class="approach-item box-1 wow fadeInUp">
<div class="icon-box">
<img src="images/approach-item-bg-1.svg" alt="">
</div>
<div class="approach-item-image">
<figure>
<img src="images/approach-item-image-1.jpg" alt="">
</figure>
</div>
<div class="approach-item-content">
<h3>Our Mission</h3>
<p>Our mission is to create well-planned, durable, and visually impactful spaces while maintaining.</p>
<ul>
<li>Deliver High-Quality Construction</li>
<li>Ensure Transparent Communication</li>
<li>Promote Sustainable Building Practices</li>
</ul>
</div>
<div class="approach-item-list">
<ul>
<li>Sustainability</li>
<li>Construction</li>
</ul>
</div>
</div>
<!-- Our Approach Item End -->
</div>
<div class="col-xl-4 col-md-6">
<!-- Our Approach Item Start -->
<div class="approach-item box-2 wow fadeInUp" data-wow-delay="0.2s">
<div class="icon-box">
<img src="images/approach-item-bg-2.svg" alt="">
</div>
<div class="approach-item-image">
<figure>
<img src="images/approach-item-image-2.jpg" alt="">
</figure>
</div>
<div class="approach-item-content">
<h3>Our Vision</h3>
<p>Our mission is to create well-planned, durable, and visually impactful spaces while maintaining.</p>
<ul>
<li>Deliver High-Quality Construction</li>
<li>Ensure Transparent Communication</li>
<li>Promote Sustainable Building Practices</li>
</ul>
</div>
<div class="approach-item-list">
<ul>
<li>Sustainability</li>
<li>Construction</li>
</ul>
</div>
</div>
<!-- Our Approach Item End -->
</div>
<div class="col-xl-4 col-md-6">
<!-- Our Approach Item Start -->
<div class="approach-item box-3 wow fadeInUp" data-wow-delay="0.4s">
<div class="icon-box">
<img src="images/approach-item-bg-3.svg" alt="">
</div>
<div class="approach-item-image">
<figure>
<img src="images/approach-item-image-3.jpg" alt="">
</figure>
</div>
<div class="approach-item-content">
<h3>Our Value</h3>
<p>Our mission is to create well-planned, durable, and visually impactful spaces while maintaining.</p>
<ul>
<li>Deliver High-Quality Construction</li>
<li>Ensure Transparent Communication</li>
<li>Promote Sustainable Building Practices</li>
</ul>
</div>
<div class="approach-item-list">
<ul>
<li>Sustainability</li>
<li>Construction</li>
</ul>
</div>
</div>
<!-- Our Approach Item End -->
</div>
<div class="col-lg-12">
<!-- Section Footer Text Start -->
<div class="section-footer-text wow fadeInUp" data-wow-delay="0.4s">
<p>Let's make something great work together. <a href="/contact">Get Free Quote</a></p>
</div>
<!-- Section Footer Text End -->
</div>
</div>
</div>
</div>
<!-- Our Approach Section End -->
<!-- Our Features Section Start -->
<div class="our-features">
<div class="container">
<div class="row section-row">
<div class="col-lg-12">
<!-- Section Title Start -->
<div class="section-title section-title-center">
<h3 class="wow fadeInUp">Our Features</h3>
<h2 class="text-effect" data-cursor="-opaque">Everything your care team needs<span class="feature-title-img-1"><img src="images/icon-feature-title-1.svg" alt=""></span> and innovation, we build <span class="feature-title-img-2"><img src="images/icon-feature-title-2.svg" alt=""></span> spaces that reflect strength, sustainability, <span class="feature-title-img-3"><img src="images/author-1.jpg" alt=""><img src="images/author-2.jpg" alt=""><img src="images/author-3.jpg" alt=""></span> and lasting value</h2>
</div>
<!-- Section Title End -->
</div>
</div>
<div class="row">
<div class="col-xl-4 col-md-6 order-1">
<!-- Feature Item Start -->
<div class="feature-item box-1 wow fadeInUp">
<div class="feature-item-shape-image">
<figure>
<img src="images/feature-item-image-1.jpg" alt="">
</figure>
</div>
<div class="feature-item-content-box">
<div class="feature-item-content">
<h3>Innovative Design Approach</h3>
<p>We combine creativity with functionality to deliver designs that are both visually striking.</p>
</div>
<div class="feature-item-list">
<ul>
<li>Our architects embrace modern trends.</li>
<li>We merge creativity and practicality to design.</li>
</ul>
</div>
</div>
</div>
<!-- Feature Item End -->
</div>
<div class="col-xl-4 order-xl-2 order-md-3 order-2">
<!-- Feature Item Start -->
<div class="feature-item box-2 wow fadeInUp" data-wow-delay="0.2s">
<div class="feature-item-info">
<div class="feature-item-info-content">
<p>Your Vision, Our Expertise</p>
<h3>Request To Get Free Projects Estimate Today</h3>
</div>
<div class="feature-item-btn">
<a href="/contact" class="readmore-btn">Get Free Estimate</a>
</div>
</div>
<div class="feature-item-image">
<figure>
<img src="images/feature-item-image-2.png" alt="">
</figure>
</div>
</div>
<!-- Feature Item End -->
</div>
<div class="col-xl-4 col-md-6 order-xl-3 order-md-2 order-3">
<!-- Feature Item Start -->
<div class="feature-item box-3 wow fadeInUp" data-wow-delay="0.4s">
<div class="feature-item-content-box">
<div class="feature-item-content">
<h2><span class="counter">250</span>+</h2>
<h3>Dedicated Professionals</h3>
</div>
<div class="feature-item-counter-info">
<p>A skilled team of architects, engineers, and experts working with passion.</p>
</div>
</div>
<div class="feature-item-tag-list">
<ul>
<li>Visualization</li>
<li>Custom Design</li>
</ul>
</div>
</div>
<!-- Feature Item End -->
</div>
<div class="col-lg-12 order-5">
<!-- Section Footer Text Start -->
<div class="section-footer-text section-satisfy-img wow fadeInUp" data-wow-delay="0.2s">
<!-- Satisfy Client Images Start -->
<div class="satisfy-client-images">
<div class="satisfy-client-image">
<figure class="image-anime">
<img src="images/author-1.jpg" alt="">
</figure>
</div>
<div class="satisfy-client-image add-more">
<img src="images/icon-phone-primary.svg" alt="">
</div>
</div>
<!-- Satisfy Client Images End -->
<p>From vision to structure - <a href="/contact">where creativity meets construction excellence.</a></p>
<ul>
<li><span class="counter">4.9</span>/5</li>
<li>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</li>
<li>Our 4200 Review</li>
</ul>
</div>
<!-- Section Footer Text End -->
</div>
</div>
</div>
</div>
<!-- Our Features Section End -->
<!-- Watch Our Story Section Start -->
<div class="our-story dark-section parallaxie">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Our Story Content Start -->
<div class="our-story-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">watch our story</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">Tailored architectural and construction solutions for every budget</h2>
</div>
<!-- Section Title End -->
<!-- Watch Video Circle Start -->
<div class="watch-video-circle">
<a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
<img src="images/watch-video-circle.svg" alt="">
</a>
</div>
<!-- Watch Video Circle End -->
</div>
<!-- Our Story Content End -->
</div>
</div>
</div>
</div>
<!-- Watch Our Story Section End -->
<!-- Our Values Section Start -->
<div class="our-values">
<div class="container">
<div class="row">
<div class="col-xl-5">
<!-- Values Image Box Start -->
<div class="values-image-box wow fadeInUp">
<!-- Values Image Start -->
<div class="values-image">
<figure class="image-anime">
<img src="images/our-values-image.jpg" alt="">
</figure>
</div>
<!-- Values Image End -->
<!-- Lest Together Circle Start -->
<div class="lets-together-circle">
<a href="/contact"><img src="images/lets-together-circle-accent.svg" alt=""></a>
</div>
<!-- Lest Together Circle End -->
<!-- Values Counter Box Start -->
<div class="value-counter-box">
<div class="icon-box">
<img src="images/icon-values-item-1.svg" alt="">
</div>
<div class="value-counter-box-content">
<h2><span class="counter">450</span>+</h2>
<p>Completed Projects</p>
</div>
</div>
<!-- Values Counter Box End -->
</div>
<!-- Values Image Box End -->
</div>
<div class="col-xl-7">
<!-- Our Values Content Start -->
<div class="our-values-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">Our Core Values</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">Building strong foundations through integrity and innovation</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">Every project we undertake reflects these principles — ensuring that we not only construct buildings but also create meaningful spaces built on trust, quality, and vision.</p>
</div>
<!-- Section Title End -->
<!-- Values SkillBar List Start -->
<div class="values-skillbar-list">
<!-- Skills Progress Bar Start -->
<div class="skills-progress-bar">
<!-- Skill Item Start -->
<div class="skillbar" data-percent="95%">
<div class="skill-data">
<div class="skill-title">Innovative Design</div>
<div class="skill-no">95%</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="90%">
<div class="skill-data">
<div class="skill-title">Embrace Modern</div>
<div class="skill-no">90%</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="85%">
<div class="skill-data">
<div class="skill-title">Innovative Architectural</div>
<div class="skill-no">85%</div>
</div>
<div class="skill-progress">
<div class="count-bar"></div>
</div>
</div>
<!-- Skill Item End -->
</div>
<!-- Skills Progress Bar End -->
</div>
<!-- Values SkillBar List End -->
<!-- Values Item Header Start -->
<div class="values-content-footer wow fadeInUp" data-wow-delay="0.4s">
<!-- Values Btn Start -->
<div class="values-btn">
<a href="/contact" class="btn-default">Get in Touch</a>
</div>
<!-- Values Btn End -->
<!-- Values Item Author Start -->
<div class="values-item-author">
<!-- Values Author Image Start -->
<div class="values-author-image">
<figure class="image-anime">
<img src="images/author-6.jpg" alt="">
</figure>
</div>
<!-- Values Author Image End -->
<!-- Values Author Content Start -->
<div class="values-author-content">
<h3>Darlene Robertson</h3>
<p>Interior Designer</p>
</div>
<!-- Values Author Content End -->
</div>
<!-- Values Item Author End -->
</div>
<!-- Values Item Header End -->
</div>
<!-- Our Values Content End -->
</div>
</div>
</div>
</div>
<!-- Our Values Section End -->
<!-- Our Team Section Start -->
<div class="our-team dark-section parallaxie">
<div class="container">
<div class="row section-row">
<div class="col-lg-12">
<!-- Section Title Start -->
<div class="section-title section-title-center">
<h3 class="wow fadeInUp">our team</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">Affordable construction packages with premium quality service</h2>
</div>
<!-- Section Title End -->
</div>
</div>
<div class="row">
<div class="col-xl-3 col-md-6">
<!-- Team Item Start -->
<div class="team-item wow fadeInUp">
<!-- Team Image Start -->
<div class="team-item-image">
<a href="/team-single" data-cursor-text="View">
<figure>
<img src="images/team-1.jpg" alt="">
</figure>
</a>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-item-content">
<h3><a href="/team-single">Arjun Mehta</a></h3>
<p>Founder & Chief Executive</p>
</div>
<!-- Team Content End -->
<!-- Team Social List Start -->
<div class="team-social-list">
<ul>
<li><a href="#"><i class="fa-brands fa-pinterest-p"></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>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
</ul>
</div>
<!-- Team Social List End -->
</div>
<!-- Team Item End -->
</div>
<div class="col-xl-3 col-md-6">
<!-- Team Item Start -->
<div class="team-item wow fadeInUp" data-wow-delay="0.2s">
<!-- Team Image Start -->
<div class="team-item-image">
<a href="/team-single" data-cursor-text="View">
<figure>
<img src="images/team-2.jpg" alt="">
</figure>
</a>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-item-content">
<h3><a href="/team-single">Ralph Edwards</a></h3>
<p>Project Manager</p>
</div>
<!-- Team Content End -->
<!-- Team Social List Start -->
<div class="team-social-list">
<ul>
<li><a href="#"><i class="fa-brands fa-pinterest-p"></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>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
</ul>
</div>
<!-- Team Social List End -->
</div>
<!-- Team Item End -->
</div>
<div class="col-xl-3 col-md-6">
<!-- Team Item Start -->
<div class="team-item wow fadeInUp" data-wow-delay="0.4s">
<!-- Team Image Start -->
<div class="team-item-image">
<a href="/team-single" data-cursor-text="View">
<figure>
<img src="images/team-3.jpg" alt="">
</figure>
</a>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-item-content">
<h3><a href="/team-single">Theresa Webb</a></h3>
<p>Construction Manager</p>
</div>
<!-- Team Content End -->
<!-- Team Social List Start -->
<div class="team-social-list">
<ul>
<li><a href="#"><i class="fa-brands fa-pinterest-p"></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>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
</ul>
</div>
<!-- Team Social List End -->
</div>
<!-- Team Item End -->
</div>
<div class="col-xl-3 col-md-6">
<!-- Team Item Start -->
<div class="team-item wow fadeInUp" data-wow-delay="0.6s">
<!-- Team Image Start -->
<div class="team-item-image">
<a href="/team-single" data-cursor-text="View">
<figure>
<img src="images/team-4.jpg" alt="">
</figure>
</a>
</div>
<!-- Team Image End -->
<!-- Team Content Start -->
<div class="team-item-content">
<h3><a href="/team-single">Brooklyn Simmons</a></h3>
<p>Contract Manager</p>
</div>
<!-- Team Content End -->
<!-- Team Social List Start -->
<div class="team-social-list">
<ul>
<li><a href="#"><i class="fa-brands fa-pinterest-p"></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>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
</ul>
</div>
<!-- Team Social List End -->
</div>
<!-- Team Item End -->
</div>
<div class="col-lg-12">
<!-- Section Footer Text Start -->
<div class="section-footer-text section-satisfy-img wow fadeInUp" data-wow-delay="0.4s">
<!-- Satisfy Client Images Start -->
<div class="satisfy-client-images">
<div class="satisfy-client-image">
<figure class="image-anime">
<img src="images/author-1.jpg" alt="">
</figure>
</div>
<div class="satisfy-client-image add-more">
<img src="images/icon-phone-primary.svg" alt="">
</div>
</div>
<!-- Satisfy Client Images End -->
<p>From vision to structure - <a href="/contact">where creativity meets construction excellence.</a></p>
</div>
<!-- Section Footer Text End -->
</div>
</div>
</div>
</div>
<!-- Our Team Section End -->
<!-- What We Do Setion Start -->
<div class="what-we-do">
<div class="container">
<div class="row align-items-end">
<div class="col-xl-7">
<!-- What We Do Content Start -->
<div class="what-we-do-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">what we do</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">Blending architecture engineering and artistry to create timeless spaces</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">Our multidisciplinary team specializes in architecture, interior design, and structural development. We bring together creative design thinking and technical expertise to craft environments that inspire and endure.</p>
</div>
<!-- Section Title End -->
<!-- What We Do Iteam List Start -->
<div class="what-we-do-item-list wow fadeInUp" data-wow-delay="0.4s">
<!-- What We Do Item Start -->
<div class="what-we-do-item">
<div class="icon-box">
<img src="images/icon-what-we-do-item-1.svg" alt="">
</div>
<div class="what-we-do-item-body">
<h3>Engineering Excellence</h3>
<p>Our engineering approach focus on precision, safety, and sustainability.</p>
<ul>
<li>Our technical expertise ensures durability.</li>
</ul>
</div>
</div>
<!-- What We Do Item End -->
<!-- What We Do Item Start -->
<div class="what-we-do-item">
<div class="icon-box">
<img src="images/icon-what-we-do-item-2.svg" alt="">
</div>
<div class="what-we-do-item-body">
<h3>Innovative Architectural</h3>
<p>We push the boundaries of design to create architectural concept that inspire.</p>
<ul>
<li>Our innovative approach blends creativity.</li>
</ul>
</div>
</div>
<!-- What We Do Item End -->
</div>
<!-- What We Do Iteam List End -->
<!-- What We Do Button Start -->
<div class="what-we-do-btn wow fadeInUp" data-wow-delay="0.6s">
<a href="/contact" class="btn-default">Contact Us Today</a>
</div>
<!-- What We Do Button End -->
</div>
<!-- What We Do Content End -->
</div>
<div class="col-xl-5">
<!-- What We Do Image Start -->
<div class="what-we-do-image wow fadeInUp" data-wow-delay="0.2s">
<figure>
<img src="images/what-we-do-image.png" alt="">
</figure>
</div>
<!-- What We Do Image End -->
</div>
</div>
<div class="col-lg-12">
<!-- Section Footer Text Start -->
<div class="section-footer-text section-satisfy-img wow fadeInUp" data-wow-delay="0.4s">
<!-- Satisfy Client Images Start -->
<div class="satisfy-client-images">
<div class="satisfy-client-image">
<figure class="image-anime">
<img src="images/author-1.jpg" alt="">
</figure>
</div>
<div class="satisfy-client-image add-more">
<img src="images/icon-phone-primary.svg" alt="">
</div>
</div>
<!-- Satisfy Client Images End -->
<p>From vision to structure - <a href="/contact">where creativity meets construction excellence.</a></p>
</div>
<!-- Section Footer Text End -->
</div>
</div>
</div>
<!-- What We Do Setion End -->
<!-- Our Testimonials Section Start -->
<div class="our-testimonials">
<div class="container">
<div class="row">
<div class="col-xl-5">
<!-- Testimonial Content Start -->
<div class="our-testimonial-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">Our Testimonials</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">Real feedback from those who built their dreams</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">Our commitment to excellence has earned us the trust of homeowners, developers and businesses alike.</p>
</div>
<!-- Section Title End -->
<!-- Testimonial Button Start -->
<div class="testimonial-btn wow fadeInUp" data-wow-delay="0.4s">
<a href="/testimonials" class="btn-default">View all testimonials</a>
</div>
<!-- Testimonial Button End -->
</div>
<!-- Testimonial Content End -->
</div>
<div class="col-xl-7">
<!-- Testimonial Slider Box Start -->
<div class="testimonial-slider-box">
<!-- Testimonial Slider Start -->
<div class="testimonial-slider">
<div class="swiper">
<div class="swiper-wrapper" data-cursor-text="Drag">
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<!-- Testimonial Item Start -->
<div class="testimonial-item">
<div class="testimonial-company-logo">
<img src="images/company-logo-1.svg" alt="">
</div>
<div class="testimonial-item-body">
<div class="testimonial-item-content">
<p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
</div>
<div class="testimonial-author-content">
<h3>Darlene Robertson</h3>
<p>Interior Designer</p>
</div>
</div>
</div>
<!-- Testimonial Item End -->
</div>
<!-- Testimonial Slide End -->
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<!-- Testimonial Item Start -->
<div class="testimonial-item">
<div class="testimonial-company-logo">
<img src="images/company-logo-2.svg" alt="">
</div>
<div class="testimonial-item-body">
<div class="testimonial-item-content">
<p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
</div>
<div class="testimonial-author-content">
<h3>Savannah Nguyen</h3>
<p>Interior Designer</p>
</div>
</div>
</div>
<!-- Testimonial Item End -->
</div>
<!-- Testimonial Slide End -->
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<!-- Testimonial Item Start -->
<div class="testimonial-item">
<div class="testimonial-company-logo">
<img src="images/company-logo-3.svg" alt="">
</div>
<div class="testimonial-item-body">
<div class="testimonial-item-content">
<p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
</div>
<div class="testimonial-author-content">
<h3>Wade Warren</h3>
<p>Interior Designer</p>
</div>
</div>
</div>
<!-- Testimonial Item End -->
</div>
<!-- Testimonial Slide End -->
</div>
<div class="testimonial-pagination"></div>
</div>
</div>
<!-- Testimonial Slider End -->
<!-- Section Footer Text Start -->
<div class="section-footer-text section-footer-contact wow fadeInUp" data-wow-delay="0.2s">
<p><span><img src="images/icon-phone-primary.svg" alt=""></span> Build smarter, design better - <a href="/contact">start your project with us today</a></p>
</div>
<!-- Section Footer Text End -->
</div>
<!-- Testimonial Slider Box End -->
</div>
</div>
</div>
</div>
<!-- Our Testimonial Section End -->
<!-- Our FAQs Section Start -->
<div class="our-faqs">
<div class="container">
<div class="row">
<div class="col-xl-5">
<!-- Our FAQs Content Start -->
<div class="our-faqs-content">
<!-- Faqs Title Box Start -->
<div class="faqs-title-box">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">Frequently Asked Questions</h3>
<h2 class="text-anime-style-3" data-cursor="-opaque">We're here to provide clear and helpful answers</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">Explore our FAQs to learn more about our process, pricing, and how we ensure quality, transparency, and client satisfaction at every stage.</p>
</div>
<!-- Section Title End -->
<!-- Our FAQs Button Start -->
<div class="our-faqs-btn wow fadeInUp" data-wow-delay="0.4s">
<a href="/faqs" class="btn-default">View all FAQs</a>
</div>
<!-- Our FAQs Button End -->
</div>
<!-- Faqs Title Box End -->
<!-- Faq Contact Box Start -->
<div class="faq-contact-box wow fadeInUp" data-wow-delay="0.6s">
<div class="icon-box">
<img src="images/icon-phone-primary.svg" alt="">
</div>
<div class="faq-contact-box-content">
<h3>Call Us For Any Query</h3>
<p><a href="tel:+123456789">+(123) 456-789</a></p>
</div>
</div>
<!-- Faq Contact Box End -->
</div>
<!-- Our FAQs Content End -->
</div>
<div class="col-xl-7">
<!-- 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. Do you provide both design and construction services?
</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 end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </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. Can you work with my existing architect or designer?
</button>
</h2>
<div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion">
<div class="accordion-body">
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </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 do you estimate the total project cost?
</button>
</h2>
<div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordion">
<div class="accordion-body">
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </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 materials do you typically use for construction?
</button>
</h2>
<div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordion">
<div class="accordion-body">
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </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. Can you handle renovation or remodeling projects?
</button>
</h2>
<div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordion">
<div class="accordion-body">
<p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
</div>
</div>
</div>
<!-- FAQ Item End -->
</div>
<!-- FAQ Accordion End -->
</div>
</div>
</div>
</div>
<!-- Our FAQs Section 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>