<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title> Contact us- Farm Stay  </title>
  <meta name="description" content="">
  <meta name="keywords" content="">
   <?php include_once('wsite/inc/link.php'); ?>

</head>

<body class="starter-page-page">

  <!-- HEADER-->
   <?php include_once('wsite/inc/header.php'); ?>
  <!-- END HEADER-->

  <main class="main">

    <!-- Page Title -->
    <div class="page-title" data-aos="fade">
      <div class="heading" style="padding-top:0px;background-image: linear-gradient(rgba(255,34,255, 0.7) , rgba(255, 34, 255, 0.7) ), 
                 url(wsite/images/1f.jpeg) ">
        <div class="container">
          <div class="row d-flex justify-content-center text-center">
            <div class="col-lg-8">
              <h1 style="color:white"> Our Locations  </h1>
              <p class="mb-0" style="color:white" > Find our location on Google Maps.</p>
            </div>
          </div>
        </div>
      </div>
      <!-- <nav class="breadcrumbs">
        <div class="container">
          <ol>
            <li><a href="index.html">Home</a></li>
            <li class="current">Starter Page</li>
          </ol>
        </div>
      </nav> -->
    </div><!-- End Page Title -->

    <!-- Starter Section Section 
    <section id="starter-section" class="starter-section section">
      <div class="container section-title" data-aos="fade-up">
        <h2>Starter Section</h2>
        <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
      </div>

      <div class="container" data-aos="fade-up">
        <p>Use this page as a starter for your own custom pages.</p>
      </div>
    </section>
     /Starter Section Section -->
          
     <!-- Contact Section -->
     <section id="contact" class="contact section">
      <!-- Section Title 
      <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>
          End Section Title -->

      <div class="mb-2" data-aos="fade-up" data-aos-delay="200">
            <div class="container">
               <iframe style="border:0; width: 100%; height: 270px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3989.7344795910335!2d35.93846307313038!3d-0.37144063530665417!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x182987e76dbabbe9%3A0x302acc4e835baac3!2sEgerton%20University%20(Njoro%20)-Main%20Campus!5e0!3m2!1ssw!2ske!4v1759767207644!5m2!1ssw!2ske" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" frameborder="0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
     
            </div>
         </div><!-- End Google Maps -->

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

        <!-- <div class="row gy-4"> -->

          <!-- <div class="col-lg-4">
            <div class="info-item d-flex" data-aos="fade-up" data-aos-delay="300">
              <i class="bi bi-geo-alt flex-shrink-0"></i>
              <div>
                <h3>Location</h3>
                <p>Kenya </p>
              </div>
            </div>

            <div class="info-item d-flex" data-aos="fade-up" data-aos-delay="400">
              <i class="bi bi-telephone flex-shrink-0"></i>
              <div>
                <h3>Call Us</h3>
                <p>+(254) 1 </p>
              </div>
            </div>

            <div class="info-item d-flex" data-aos="fade-up" data-aos-delay="500">
              <i class="bi bi-envelope flex-shrink-0"></i>
              <div>
                <h3>Email Us</h3>
                <p> </p>
              </div>
            </div>

          </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 -->



    <!-- Call To Action Section -->
     <section id="call-to-action" class="call-to-action section accent-background">
      <div class="container">
        <div class="row justify-content-center" data-aos="zoom-in" data-aos-delay="100">
          <div class="col-xl-10">
            <div class="text-center">
              <h3>Still Have Questions?</h3>
              <p>Our customer service team is available to assist you with any inquiries..</p>
              <!-- <a class="#" href="#appointment">Contact us </a> -->
              <a class="cta-btn  " href="#appointment">Contact us </a>
            </div>
          </div>
        </div>
      </div>
     </section>
     <!-- /Call To Action Section -->


  </main>

   <!-- Footer -->
    <?php include_once('wsite/inc/footer.php'); ?>
   <!-- End footer -->

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

  <!-- Vendor JS Files -->
   <?php include_once('wsite/inc/linkjs.php'); ?>

 

</body>

</html>