433 lines
23 KiB
PHP
433 lines
23 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>BridgeUp App - Contact</title>
|
|
<!-- Favicon Icon -->
|
|
<link rel="shortcut icon" type="image/x-icon" href="images/favicon-32x32.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">Contact 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">Contact us</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
<!-- Page Header Box End -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Page Header Section End -->
|
|
|
|
<!-- Page Contact Us Start -->
|
|
<div class="page-contact-us">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-xl-5">
|
|
<!-- Content Us Content Start -->
|
|
<div class="contact-us-content">
|
|
<!-- Section Title Start -->
|
|
<div class="section-title">
|
|
<h3 class="wow fadeInUp">Contact Us</h3>
|
|
<h2 class="text-anime-style-3" data-cursor="-opaque">Let's connect & build your dream project</h2>
|
|
<p class="wow fadeInUp" data-wow-delay="0.2s">We'd love to hear about your project. Reach out, share your ideas, and let's start shaping your dream into something real and lasting.</p>
|
|
</div>
|
|
<!-- Section Title End -->
|
|
|
|
<!-- Contact Info List Start -->
|
|
<div class="contact-info-list">
|
|
<!-- Contact Info Item Start -->
|
|
<div class="contact-info-item wow fadeInUp">
|
|
<div class="icon-box">
|
|
<img src="images/icon-phone-primary.svg" alt="">
|
|
</div>
|
|
<div class="contact-info-item-content">
|
|
<h3>Phone Number</h3>
|
|
<p><a href="tel:4042038915">(404) 203-8915</a></p>
|
|
</div>
|
|
</div>
|
|
<!-- Contact Info Item End -->
|
|
|
|
<!-- Contact Info Item Start -->
|
|
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.2s">
|
|
<div class="icon-box">
|
|
<img src="images/icon-mail-primary.svg" alt="">
|
|
</div>
|
|
<div class="contact-info-item-content">
|
|
<h3>Email Address</h3>
|
|
<p><a href="mailto:tokslawdev@gmail.com">support@bridgeupapp.com</a></p>
|
|
</div>
|
|
</div>
|
|
<!-- Contact Info Item End -->
|
|
|
|
<!-- Contact Info Item Start -->
|
|
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.4s">
|
|
<div class="icon-box">
|
|
<img src="images/icon-location-primary.svg" alt="">
|
|
</div>
|
|
<div class="contact-info-item-content">
|
|
<h3>Our Location</h3>
|
|
<p>Duluth, GA</p>
|
|
</div>
|
|
</div>
|
|
<!-- Contact Info Item End -->
|
|
</div>
|
|
<!-- Contact Info List End -->
|
|
</div>
|
|
<!-- Content Us Content End -->
|
|
</div>
|
|
|
|
<div class="col-xl-7">
|
|
<!-- Contact Us Form Start -->
|
|
<div class="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 Number" 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="6" placeholder="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>Send Message</span></button>
|
|
<div id="msgSubmit" class="h3 hidden"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- Contact Form End -->
|
|
</div>
|
|
<!-- Contact Us Form End -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Page Contact Us End -->
|
|
|
|
<!-- Google Map Start -->
|
|
<div class="google-map">
|
|
<div class="container-fluid">
|
|
<div class="row no-gutters">
|
|
<div class="col-lg-12">
|
|
<!-- Google Map Start -->
|
|
<div class="google-map-iframe">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d96737.10562045308!2d-74.08535042841811!3d40.739265258395164!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sin!4v1703158537552!5m2!1sen!2sin" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
|
</div>
|
|
<!-- Google Map End -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Google Map 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>Duluth, GA</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:+14042038915"> (404) 203-8915</a></li>
|
|
<li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:tokslawdev@gmail.com"> support@bridgeupapp.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>Twitter</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 © 2026 BridgeUp App. 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> |