Index - ComingSoon Bootstrap Template

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>Index - ComingSoon Bootstrap Template</title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="robots" content="noindex, nofollow">  <link href="assets/img/favicon.png" rel="icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">  <link href="https://fonts.googleapis.com" rel="preconnect"> <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">  <link href="../../vendors/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="../../vendors/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> <link href="../../vendors/aos/aos.css" rel="stylesheet">  <link href="assets/css/main.css" rel="stylesheet">  </head> <body class="index-page"> <header id="header" class="header d-flex align-items-center px-3 sticky-top"> <div class="container-fluid position-relative d-flex align-items-center justify-content-between"> <a href="index.html" class="logo d-flex align-items-center">   <h1 class="sitename">ComingSoon</h1> </a> <nav id="navmenu" class="navmenu"> <ul> <li><a href="#hero" class="active">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#contact">Contact</a></li> </ul> <i class="mobile-nav-toggle d-xl-none bi bi-list"></i> </nav> </div> </header> <main class="main">  <section id="hero" class="hero section transparent-background"> <div class="container text-center" data-aos="fade-up" data-aos-delay="100"> <div class="row justify-content-center"> <div class="col-lg-8"> <h2>ComingSoon</h2> <p>We are still working on our website. Stay tuned for updates!</p> </div> <div class="countdown d-flex justify-content-center" data-count="2025/12/3"> <div> <h3 class="count-days">482</h3> <h4>Days</h4> </div> <div> <h3 class="count-hours">6</h3> <h4>Hours</h4> </div> <div> <h3 class="count-minutes">49</h3> <h4>Minutes</h4> </div> <div> <h3 class="count-seconds">41</h3> <h4>Seconds</h4> </div> </div> <div class="col-lg-5 hero-newsletter"> <p>Subscribe now to get the latest updates!</p> <form action="forms/newsletter.php" method="post" class="php-email-form"> <div class="newsletter-form"><input type="email" name="email"><input type="submit" value="Subscribe"></div> <div class="loading">Loading</div> <div class="error-message"></div> <div class="sent-message">Your subscription request has been sent. Thank you!</div> </form> </div> <div class="social-links"> <a href="#"><i class="bi bi-twitter-x"></i></a> <a href="#"><i class="bi bi-facebook"></i></a> <a href="#"><i class="bi bi-instagram"></i></a> <a href="#"><i class="bi bi-linkedin"></i></a> </div> </div> </div> </section>  <section id="about" class="about section transparent-background"> <div class="container"> <div class="row gy-4"> <div class="col-lg-6 content" data-aos="fade-up" data-aos-delay="100"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <ul> <li><i class="bi bi-check2-circle"></i> <span>Ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></li> <li><i class="bi bi-check2-circle"></i> <span>Duis aute irure dolor in reprehenderit in voluptate velit.</span></li> <li><i class="bi bi-check2-circle"></i> <span>Ullamco laboris nisi ut aliquip ex ea commodo</span></li> </ul> </div> <div class="col-lg-6" data-aos="fade-up" data-aos-delay="200"> <p>Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </div> </div> </div> </section>  <section id="contact" class="contact section transparent-background">  <div class="container section-title" data-aos="fade-up"> <h2>Contact</h2> <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p> </div> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row gy-4"> <div class="col-lg-6"> <div class="row gy-4"> <div class="col-md-6"> <div class="info-item" data-aos="fade" data-aos-delay="200"> <i class="bi bi-geo-alt"></i> <h3>Address</h3> <p>A108 Adam Street</p> <p>New York, NY 535022</p> </div> </div> <div class="col-md-6"> <div class="info-item" data-aos="fade" data-aos-delay="300"> <i class="bi bi-telephone"></i> <h3>Call Us</h3> <p>+1 5589 55488 55</p> <p>+1 6678 254445 41</p> </div> </div> <div class="col-md-6"> <div class="info-item" data-aos="fade" data-aos-delay="400"> <i class="bi bi-envelope"></i> <h3>Email Us</h3> <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="afc6c1c9c0efcad7cec2dfc3ca81ccc0c2">[email protected]</a></p> <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="274448495346445367425f464a574b420944484a">[email protected]</a></p> </div> </div> <div class="col-md-6"> <div class="info-item" data-aos="fade" data-aos-delay="500"> <i class="bi bi-clock"></i> <h3>Open Hours</h3> <p>Monday - Friday</p> <p>9:00AM - 05:00PM</p> </div> </div> </div> </div> <div class="col-lg-6"> <form action="forms/contact.php" method="post" class="php-email-form" data-aos="fade-up" data-aos-delay="200"> <div class="row gy-4"> <div class="col-md-6"> <input type="text" name="name" class="form-control" placeholder="Your Name" required=""> </div> <div class="col-md-6 "> <input type="email" class="form-control" name="email" placeholder="Your Email" required=""> </div> <div class="col-12"> <input type="text" class="form-control" name="subject" placeholder="Subject" required=""> </div> <div class="col-12"> <textarea class="form-control" name="message" rows="6" placeholder="Message" required=""></textarea> </div> <div class="col-12 text-center"> <div class="loading">Loading</div> <div class="error-message"></div> <div class="sent-message">Your message has been sent. Thank you!</div> <button type="submit">Send Message</button> </div> </div> </form> </div> </div> </div> </section> </main> <footer id="footer" class="footer transparent-background"> <div class="container"> <div class="copyright text-center "> <p>漏 <span>Copyright</span> <strong class="px-1 sitename">ComingSoon</strong> <span>All Rights Reserved</span></p> </div> <div class="social-links d-flex justify-content-center"> <a href=""><i class="bi bi-twitter-x"></i></a> <a href=""><i class="bi bi-facebook"></i></a> <a href=""><i class="bi bi-instagram"></i></a> <a href=""><i class="bi bi-linkedin"></i></a> </div> <div class="credits">     Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> </div> </div> </footer>  <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>  <div id="preloader"></div>  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="../../vendors/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="../../vendors/php-email-form/validate.js"></script> <script src="../../vendors/aos/aos.js"></script>  <script src="assets/js/main.js"></script> </body> </html>

CINXE.COM

Index - ComingSoon Bootstrap Template