Your IP : 216.73.216.1

Current Path : /home/www/khana.org.af/
Upload File :
Current File : //home/www/khana.org.af/contact.php

<?php
require_once('./comp/header.php');
?>

<body>


  <nav class="navbar navbar-expand-sm navbar-dark bg-blue" style="background-color:rgb(255,242,204)">
    <div class="container">

      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mynavbar">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="mynavbar">


        <a href="index.html" class="logo d-flex align-items-center me-auto me-xl-0">
          <img src="assets/img/logo.png" alt="" style="width:400px; height:100px">
          <h1 class="sitename"></h1>
        </a>

      </div>
    </div>
  </nav>

  <!-- start navigation  -->
  <?php require_once('./comp/navigation.php'); ?>
  <!-- end navigation -->

  <main class="main">

    <!-- Page Title -->
    <div class="page-title">
      <div class="container d-lg-flex justify-content-between align-items-center">
        <h1 class="mb-2 mb-lg-0">Contact</h1>
        <nav class="breadcrumbs">
          <ol>
            <li><a href="index.php">Home</a></li>
            <li class="current">Contact</li>
          </ol>
        </nav>
      </div>
    </div><!-- End Page Title -->

    <!-- Contact Section -->
    <section id="contact" class="contact section">

      <div class="container" data-aos="fade-up" data-aos-delay="100">
        <div class="row gy-4">

          <div class="col-lg-4" id="showContact">

          </div>

          <div class="col-lg-8">
            <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-md-12">
                  <input type="text" class="form-control" name="subject" placeholder="Subject" required="">
                </div>

                <div class="col-md-12">
                  <textarea class="form-control" name="message" rows="6" placeholder="Message" required=""></textarea>
                </div>

                <div class="col-md-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><!-- End Contact Form -->

        </div>

      </div>

    </section><!-- /Contact Section -->

  </main>


  <!-- start footer -->
  <?php require_once('./comp/footer.php'); ?>
  <!-- end Fotter -->

  <!-- Scroll Top -->
  <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>

  <!-- Preloader -->
  <div id="preloader"></div>

  <!-- start foot -->
  <?php
  require_once('./comp/foot.php');
  ?>
  <!-- end Foot -->
  <script>
    $(document).ready(function() {
      $.ajax({
        url: './server/contacts/read.php',
        type: 'POST',
        data: {
          id: 0
        },
        success: function(resp) {
          document.getElementById('showContact').innerHTML = resp;
        }
      })
    })

  </script>
</body>

</html>