Pagina Contacto

<?php get_header();

?>
<div id="content" role="main">
  <article>
    <section class="section">
      <div class="background-media" style="background-image: url(<?php echo get_bloginfo('template_url') ?>/assets/images/MEM_9890-HDR.jpg); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position: 50% 70%;"> </div>
      <div class="background-overlay" style="background-color: rgba(0,0,0,0.3);"></div>
      <div class="container">
        <div class="row">
          <div class="col-md-12 text-center">
            <div class="divider-wrapper">
              <div class="visible-xs element-height-50"></div>
              <div class="visible-sm element-height-100"></div>
              <div class="visible-md element-height-200"></div>
              <div class="visible-lg element-height-200"></div>
            </div>
            <h1 class="text-center text-light os-animation super" data-os-animation="fadeIn" data-os-animation-delay="0.1s">
              Contacto
            </h1>
            <div class="figure os-animation" data-os-animation="fadeIn" data-os-animation-delay="0.3s"> <span class="figure-image">
              <img alt="decor-big-white.png" src="<?php echo get_bloginfo('template_url') ?>/assets/images/hotel/decor-big-white.png">
            </span> </div>
            <div class="divider-wrapper">
              <div class="visible-xs element-height-50"></div>
              <div class="visible-sm element-height-100"></div>
              <div class="visible-md element-height-100"></div>
              <div class="visible-lg element-height-100"></div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="section">
      <div class="background-overlay" style="background-color: rgba(86,154,167,0);"></div>
      <div class="container-fullwidth container-vertical-middle">
        <div class="row vertical-middle">
          <div class="col-md-6">
            <div class="row">
              <div class="col-md-2"></div>
              <div class="col-md-8 text-center">
                <h2 class="element-top-100 os-animation big" data-os-animation="fadeIn" data-os-animation-delay="0.1s">
                  Envianos tu consulta
                </h2>
                <div class="figure element-bottom-40 os-animation" data-os-animation="fadeIn" data-os-animation-delay="0.2s"> <span class="figure-image">
                  <img alt="decor-small-gold.png" src="<?php echo get_bloginfo('template_url') ?>/assets/images/hotel/decor-small-gold.png">
                </span> </div>
                <form action="http://hotelastor.com.ar/wp-content/themes/hotelmaster/email.php" method="POST" class="contact-form">
                  <div class="form-group form-icon-group"> <i class="fa fa-user"></i>
                    <input class="form-control" id="name" name="name" placeholder="Nombre y Apellido *" type="text" required=""> </div>
                    <div class="form-group form-icon-group"> <i class="fa fa-envelope"></i>
                      <input class="form-control" id="email" name="email" placeholder="Email *" type="email" required=""> </div>
                      <div class="form-group form-icon-group"> <i class="fa fa-pencil"></i>
                        <textarea class="form-control" id="message" name="message" placeholder="Tu mensaje" rows="10" required=""></textarea>
                      </div>
                      <div class="text-center">
                        <input type="submit" value="Enviar" class="btn btn-primary"> </div>
                        <div class="messages text-center"></div>
                  </form>
                      <div class="divider-wrapper">
                        <div class="visible-xs element-height-100"></div>
                        <div class="visible-sm element-height-100"></div>
                        <div class="visible-md element-height-100"></div>
                        <div class="visible-lg element-height-100"></div>
                      </div>
                    </div>
                    <div class="col-md-2 "></div>
                  </div>
                </div>
                <div class="col-md-6 text-center" style="background:rgba(255, 255, 255, 0.95);">
                  <div class="google-map" data-os-animation="none" data-os-animation-delay="0s" id="map" style="height:800px"></div>
                </div>
              </div>
            </div>
          </section>
        </article>
        <?php get_footer(); ?>