View file Hostc-PHP_v1.0/Hostc-PHP/contact.php

File size: 6.67Kb
<!DOCTYPE html>
<html lang="en">

<head>
   <?php
   $title = '|| Contact Us';
   include('partials/title-meta.php');
   ?>

   <?php include('partials/head-css.php'); ?>
</head>

<body class="body1">

   <?php include('partials/loader.php'); ?>
   <?php include('partials/header/navbar.php'); ?>
   <?php include('partials/header/mobile-nav.php'); ?>

   <main>
      <!--==== HERO AREA START ==== -->
      <div class="inner-hero1 pt-60" style="background-image: url(assets/img/bg/inner-hero1-bg.jpg);">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-md-5">
                  <div class="main-heading1">
                     <h1>Contact Us</h1>
                     <div class="breadcrumbs-pages">
                        <ul>
                           <li><a href="index.php">Home</a></li>
                           <li class="angle"><i class="fa-solid fa-angle-right"></i></li>
                           <li>Contact Us</li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="col-md-7">
                  <div class="images">
                     <img src="assets/img/images/inner-hero-image1.png" alt="">
                  </div>
               </div>
            </div>
         </div>
         <div class="sec-shape">
            <img src="assets/img/shapes/inner-hero-shape.png" alt="">
         </div>
      </div>
      <!--==== HERO AREA END ==== -->

      <!--==== CONTACT AREA START ==== -->
      <div class="contact-page-sec sp">
         <div class="container">
            <div class="row">
               <div class="col-lg-9 m-auto">
                  <div class="heading1 text-center">
                     <span class="sub-title">Our Support</span>
                     <h2>Our Premium Support</h2>
                  </div>
                  <div class="contact-page-boxs">
                     <div class="row mt-20">
                        <div class="col-lg-4 col-md-6">
                           <div class="contact-sec-single-bx">
                              <div class="icon">
                                 <img src="assets/img/icons/contact-page-icon1.svg" alt="">
                              </div>
                              <div class="heading">
                                 <h4>Our Email</h4>
                                 <a href="mailto:Needhelp@gmail.com">Needhelp@gmail.com</a>
                              </div>
                           </div>
                        </div>

                        <div class="col-lg-4 col-md-6">
                           <div class="contact-sec-single-bx">
                              <div class="icon">
                                 <img src="assets/img/icons/contact-page-icon2.svg" alt="">
                              </div>
                              <div class="heading">
                                 <h4>Phone</h4>
                                 <a href="tel:+11234567890">+1 123 456 7890</a>
                              </div>
                           </div>
                        </div>

                        <div class="col-lg-4 col-md-6">
                           <div class="contact-sec-single-bx">
                              <div class="icon">
                                 <img src="assets/img/icons/contact-page-icon3.svg" alt="">
                              </div>
                              <div class="heading">
                                 <h4>Schedule</h4>
                                 <a href="#">Sunday-Fri: 9 AM – 6 PM</a>
                              </div>
                           </div>
                        </div>

                     </div>
                  </div>
               </div>
            </div>
            <div class="row align-items-center">
               <div class="col-lg-6">
                  <div class="images">
                     <div class="image">
                        <img src="assets/img/images/about-page-sec1.png" alt="">
                     </div>
                     <div class="shape">
                        <img src="assets/img/shapes/tes1-shape.png" alt="">
                     </div>
                  </div>
               </div>
               <div class="col-lg-6">
                  <div class="details-contact-form mt-60">
                     <div class="form-area">
                        <h4>Send Us A Message</h4>
                        <form action="#">
                           <div class="row">
                              <div class="col-md-6">
                                 <div class="single-input">
                                    <input type="text" placeholder="First Name">
                                 </div>
                              </div>
                              <div class="col-md-6">
                                 <div class="single-input">
                                    <input type="text" placeholder="Last Name">
                                 </div>
                              </div>
                              <div class="col-md-6">
                                 <div class="single-input">
                                    <input type="number" placeholder="Phone Number">
                                 </div>
                              </div>
                              <div class="col-md-6">
                                 <div class="single-input">
                                    <input type="text" placeholder="Subject">
                                 </div>
                              </div>
                              <div class="col-md-12">
                                 <div class="single-input">
                                    <textarea rows="4" placeholder="Your Message"></textarea>
                                 </div>
                                 <div class="button">
                                    <button type="submit" class="theme-btn1 btn_theme_active1 mt_40 wow fadeInDown" data-wow-duration="0.8s">Subscribe <span></span></button>
                                 </div>
                              </div>
                           </div>
                        </form>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!--==== CONTACT AREA END ==== -->

      <?php include('partials/cta.php'); ?>

      <div class="space100"></div>

   </main>

   <?php include('partials/footer.php'); ?>

   <?php include('partials/footer-scripts.php'); ?>

</body>

</html>