Current File : /home/aventura/www/web/modulos/modulos/contacto/templates/ver.html

	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
	<script src='js/page/page.contact.js'></script>
	<script src="js/jquery.form/3.51/jquery.form.min.js"></script>
	<script src="js/jquery-validate/1.14.0/jquery.validate.min.js"></script>

    <!-- SECTION -->
    <!--===============================================================-->
    <div class="section-heading-page mb-0">
      <div class="container">
        <div class="row">
          <div class="col-sm-6">
            <h1 class="heading-page text-center-xs"><i class="fa fa-envelope-o"></i>
Consultanos!</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb text-right text-center-xs">
              <li>
                <a href="#">Inicio</a>
              </li>
              <li class="active">Contacto</li>
            </ol>
          </div>
        </div>
      </div>
    </div>

    <!-- SECTION -->
    <!--===============================================================-->
    <div id="map"></div>
    <div class="section section-sm section-both" style="background-color:#FFFFFF; ">
      <div class="container" >
        <div class="row">

          <div class="col-md-5">
            <h3 class="title-md text-theme hr-left">Consultas</h3>
            <form class="form-bg text-theme" id="contact" name="contact" method="post" novalidate="novalidate">
              <div class="form-group">
                <label for="name">Nombre y Apellido
                  <span class="required">*</span>
                </label>
                <input class="form-control" type="text" name="name" id="name" size="30" value="" required="">
              </div>
              <div class="form-group">
                <label for="email">Email
                  <span class="required">*</span>
                </label>
                <input class="form-control" type="text" name="email" id="email" size="30" value="" required="">
              </div>
              <div class="form-group text-theme">
                <label for="message">Asunto
                  <span class="required">*</span>
                </label>
                <textarea class="form-control" rows="6" name="message" id="message" required=""></textarea>
              </div>
              <button id="submit" type="submit" class="btn btn-primary text-theme" name="submit" value="Send"><i class="fa fa-paper-plane"></i>Enviar Mensaje</button>
            </form>

            <div id="success" class="mt-40">
              <div class="icon-box bordered">
                <i class="fa fa-check fa-round fa-4x text-theme"></i>
                <h3 class="lead text-theme">Su mensaje se enviado correctamente!!</h3>
              </div>
            </div>

            <div id="error" class="mt-40">
              <div class="icon-box bordered">
                <i class="fa fa-lock fa-round fa-4x text-theme"></i>
                <h3 class="lead text-theme">Algo salio mal trate de enviar nuevamente su consulta.</h3>
              </div>
            </div>
          </div>

          <div class="col-md-5 col-md-offset-1">
            <h3 class="title-md text-theme hr-left">Informaci&oacute;n</h3>
            <p class="text-theme lead"> Si quer&eacute;s obtener m&aacute;s informaci&oacute;n para empezar a planear tu aventura,
complet&aacute; el formulario y hacenos llegar tu consulta. </p>
            <h3 class="title-md text-theme">Nuestra Oficina</h3>
            <ul class="list-unstyled list-md text-theme">
              <li><i class="fa fa-map-marker fa-box"></i>Av. 25 de Mayo 285, Formosa, Argentina </li>
              <li><i class="fa fa-phone fa-box"></i> +54  0370 4434777</li>
              <li><i class="fa fa-phone fa-box"></i> 0810 5551212 (Desde el Interior) </li>
              <li><i class="fa fa-envelope fa-box"></i><a href="mailto:ventas@aventuramagica.com.ar">ventas@aventuramagica.com.ar</a></li>
            </ul>
            <h3 class="title-md text-theme">Horarios Comercial</h3>
            <ul class="list-unstyled list-md text-theme">
              <li><i class="fa fa-clock-o fa-box"></i>Lunes a Viernes: 8:00 a 13:00, 17:00 a 21:00</li>
            </ul>
          </div>
        </div>
      </div>
    </div>