@extends('frontend.layout')

@section('content')


<!-- END HEADER -->
    <!--  Main Banner Start Here-->

<!-- Intro Section -->

<hr style="background:#2e3092;border-top:3px solid #2e3092"/>

<!-- End Intro Section -->

<!-- Contact Section -->

<section class="ptb ptb-sm-80" style="border-top:4px solid #056738">

  <div class="container">

    <div class="row">

      <div class="col-md-8 col-md-offset-2 text-center">

        <h2>KEEP IN TOUCH</h2>

        <p class="lead">Thank you for your interest in MTM Kenya. We appreciate your desire to learn more about our products and services. Our Ruiru premises are located at Ruiru , Kenya and we would be happy to welcome you to our facility.</p>

      </div>

    </div>

    <div class="row">

      <div class="col-sm-12 contact pb-60 pt-30">

        <div class="row text-center">

          <div class="col-sm-4 pb-xs-30"> <i class="ion-android-call icon-circle pos-s"></i> <a href="#" class="mt-15 i-block">+254 721 421 719</a> </div>

          <div class="col-sm-4 pb-xs-30"> <i class="ion-ios-location icon-circle pos-s"></i>

            <p  class="mt-15"> P.O. Box 1780- 00232, ruiru, Kenya <br />

            KImbo Ruiru </p>

          </div>

          <div class="col-sm-4 pb-xs-30"> <i class="ion-ios-email icon-circle pos-s"></i> <a href="mailto:info@mtmkenya.com"  class="mt-15 i-block">info@mtmkenya.com</a> </div>

        </div>

      </div>

    </div>

  </div>

  <!-- Map Section -->



  <!-- Map Section -->

  <div class="container contact-form pt-80 mt-up">

    <div class="row">

      <div class="col-sm-12">

        <h4>GET IN TOUCH</h4>

        <p> Fill the form below to reach us</p>

        <!-- Contact FORM -->

        <form class="contact-form mt-45" id="contact" method="POST" action="{{ route('contact-us.store') }}">
        @csrf



          <!-- IF MAIL SENT SUCCESSFULLY -->

          <div id="success">

            <div role="alert" class="alert alert-success"> <strong>Thanks</strong> for contacting us. Your message has been sent. </div>

          </div>

          <!-- END IF MAIL SENT SUCCESSFULLY -->



          <div class="row">

            <div class="col-sm-6">

              <div class="form-field">

                <input class="input-sm form-full" id="name" name="name" type="text" name="form-name" placeholder="Your Name">

              </div>

              <div class="form-field">

                <input class="input-sm form-full" name="email" id="email" type="text" name="form-email" placeholder="Email" >

              </div>

              <div class="form-field">

                <input class="input-sm form-full"name="subject" id="sub" type="text" name="form-subject" placeholder="Subject">

              </div>

            </div>

            <div class="col-sm-6">

              <div class="form-field">

                <textarea class="form-full" name="message" id="message" rows="7" name="form-message" placeholder="Your Message" ></textarea>

              </div>

            </div>

            <div class="col-sm-12 mt-30">

              <button class="btn btn-md btn-color-line" type="submit" id="submit" name="button">Send Message</button>

            </div>

          </div>

        </form>

        <!-- END Contact FORM -->

      </div>

    </div>

  </div>

</section>






@endsection