1#@!#!123s

: / var / www / html / hindiusa.org / public_html / hindiusa / views / schools /
Filename : contact-us.php
back
<div class="main-wrapper contact-us">


  <!-- ====================================
  ———	BREADCRUMB
  ===================================== -->
  <section class="breadcrumb-bg" style="background-image: url(/uploads/page-title-bg-img.jpg);">
    <div class="container">
      <div class="breadcrumb-holder">
        <div>
          <h2 class="breadcrumb-title-school"><?= $school->name; ?></h2>
          <h1 class="breadcrumb-title">Contact Us</h1>
        </div>
      </div>
    </div>
  </section>

<!-- ====================================
———	ABOUT MEDIA
===================================== -->
<section class="py-8 py-md-10">
  <div class="container">
    <div class="mb-9">
      <div class="row">
        <div class="col-sm-4 col-xs-12">
          <div class="media flex-md-column flex-lg-row mb-4">
            <div class="icon-rounded-circle-large shadow-sm mb-md-2 mr-md-0 mr-2 mr-lg-2 bg-warning">
              <i class="fa fa-map-marker text-white" aria-hidden="true"></i>
            </div>
            <div class="media-body">
              <h3 class="media-heading text-warning mt-0 font-weight-bold mb-3">Address:</h3>
              <p class="text-muted font-weight-medium"><?= $school->address_line1; ?>, <?= $school->address_line2; ?><br/>
                <?= $school->city; ?> <?= $school->state; ?>, <?= $school->country; ?>, <?= $school->zip; ?>
              </p>
            </div>
          </div>
        </div>

        <div class="col-sm-4 col-xs-12">
          <div class="media flex-md-column flex-lg-row mb-6">
            <div class="icon-rounded-circle-large shadow-sm mr-2 mb-md-2 mr-md-0 mr-lg-2 bg-success">
              <i class="fa fa-phone text-white" aria-hidden="true"></i>
            </div>
            <div class="media-body">
              <h3 class="media-heading text-success mt-0 font-weight-bold mb-3">Phone:</h3>
              <a class="text-muted font-weight-medium" href="#">
                <?= $school->contact_phone; ?>
              </a>
            </div>
          </div>
        </div>

        <div class="col-sm-4 col-xs-12">
          <div class="media flex-md-column flex-lg-row mb-3 mb-md-0">
            <div class="icon-rounded-circle-large shadow-sm mr-2 mb-md-2 mr-md-0 mr-lg-2 bg-danger">
              <i class="fa fa-envelope-o text-white" aria-hidden="true"></i>
            </div>
            <div class="media-body">
              <h3 class="media-heading text-danger">Email:</h3>
              <p class="font-weight-medium">
                <a class="text-muted" href="#"><?= $school->contact_email; ?></a>
                
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="" >
      <div class="alert alert-success alert-dismissible fade show mb-6" role="alert" id="contact-message-alert" style="display:none;">
          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">×</span>
          </button>
          <i class="fa fa-check" aria-hidden="true"></i>
          Thank you! We received your message. We will connect you soon
    </div>
      <form method="post" id="myForm">
        <div class="row">
          <div class="col-sm-6 col-xs-12">
            <div class="form-group form-group-icon">
              <i class="fa fa-user"></i>
              <input type="text" name="name" id="name" class="form-control border-warning" placeholder="First name" required="">
            </div>
          </div>

          <div class="col-sm-6 col-xs-12">
            <div class="form-group form-group-icon">
              <i class="fa fa-envelope"></i>
              <input type="email" name="email" id="email" class="form-control border-success" placeholder="Email address" required="">
            </div>
          </div>

          <div class="col-sm-6 col-xs-12">
            <div class="form-group form-group-icon">
              <i class="fa fa-phone"></i>
              <input type="text" name="phone" id="phone" class="form-control border-purple" placeholder="Phone" required="">
            </div>
          </div>

          <div class="col-sm-6 col-xs-12">
            <div class="form-group form-group-icon">
              <i class="fa fa-book"></i>
              <input type="text" name="subject" id="subject" class="form-control border-pink" placeholder="Subject" required="">
            </div>
          </div>

          <div class="col-12">
            <div class="form-group form-group-icon">
              <i class="fa fa-comments"></i>
              <textarea name="message" id="message" class="form-control border-info" placeholder="Write message" rows="6"></textarea>
            </div>
          </div>

          <input type="hidden" name="emailto" value="<?= $school->contact_email; ?>">

          <div class="col-12">
            <div class="text-sm-center mt-6">
              <button type="submit" class="btn btn-danger text-uppercase">
                Send Message
              </button>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</section>

</div> <!-- element wrapper ends -->