



<?php $__env->startSection('container'); ?>



<?php $__env->startSection('contenido'); ?>



<div id="support" class="section wb">

    <div class="container-fulid">

        <div class="section-title text-center">

            <h3>¿Necesitas ayuda? ¡Claro que estamos en línea!</h3>

            <p class="lead">Permítanos darle más detalles sobre nuestro trabajo y le apoyamos en el proyecto que desea. Por favor, rellene el siguiente formulario.</p>

           

        </div><!-- end title -->



        <div class="row">

            <div class="col-xl-6 col-md-12 col-sm-12">

               <!------------------------------------------------------------------------------------------------>

               <style>

                .cont {

                  width: auto;

                  max-width: 800px;

                  margin: 0px 0px -30px 110px;

                }

                .form-group {

                  margin-bottom: 10px;

                }

                #feedbackForm {

                  font-size: 14px;

                }

              </style>

               <div class="cont">

                <div id="contact_form" class="row">

                  <div class="col-md-10">

                    <h2>Contáctenos</h2>

                    <form role="form" id="feedbackForm">

                      <div class="form-group">

                        <label class="control-label" for="name">Nombres *</label>

                        <div class="input-group">

                          <input type="text" class="form-control" id="name" name="name" placeholder="Introduzca su nombre" />

                          <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>

                        </div>

                        <span class="help-block" style="display: none;">Por favor, escriba su nombre.</span>

                      </div>

                      

                      <div class="form-group">

                        <label class="control-label" for="email">Motivo de Contacto*</label>

                        <select name="reason" class="form-control">

                          <option value="Consulta General">Consulta General</option>

                          <option value="Realizar Pedido">Realizar Pedido</option>

                          <option value="Informe un problema">Informe un problema</option>

                        </select>

                        <span class="help-block" style="display: none;">Por favor, introduce una dirección de correo electrónico válida.</span>

                      </div>

                      <div class="form-group">

                        <label class="control-label" for="email">Dirección de Correo Electrónico *</label>

                        <div class="input-group">

                          <input type="email" class="form-control" id="email" name="email" placeholder="Introduzca su correo electrónico" />

                          <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>

                        </div>

                        <span class="help-block" style="display: none;">Por favor, introduzca una dirección de correo electrónico válida.</span>

                      </div>

                      <div class="form-group">

                        <label class="control-label" for="message">Mensaje *</label>

                        <div class="input-group">

                          <textarea rows="5" cols="30" class="form-control" id="message" name="message" placeholder="Introduzca su mensaje" ></textarea>

                          <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>

                        </div>

                        <span class="help-block" style="display: none;">Por favor, introduzca un mensaje.</span>

                      </div>

                      <img id="captcha" src="contacto/library/vender/securimage/securimage_show.php" alt="CAPTCHA Image" />

                      <a href="#" onclick="document.getElementById('captcha').src = 'contacto/library/vender/securimage/securimage_show.php?' + Math.random(); return false" class="btn btn-info btn-sm">Mostrar una imagen diferente</a><br/>

                      <div class="form-group" style="margin-top: 10px;">

                        <label class="control-label" for="captcha_code">Texto dentro de la Imagen *</label>

                        <div class="input-group">

                          <input type="text" class="form-control" name="captcha_code" id="captcha_code" placeholder="Por razones de seguridad, por favor ingrese el código que aparece en el cuadro." />

                          <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>

                        </div>

                        <span class="help-block" style="display: none;">Por favor introduce el código que aparece en la imagen.</span>

                      </div>

                      <span class="help-block" style="display: none;">Por favor ingrese el código de la seguridad.</span>

                      <button type="submit" id="feedbackSubmit" class="btn btn-primary btn-lg" data-loading-text="Enviando..." style="display: block; margin-top: 10px;">Enviar comentarios</button>

                    <br><br><br><br><br><br>

                    </form>

                  </div><!--/span-->

                </div><!--/row-->

                <hr>

              </div><!--/.container-->

              <!-- <======= UP TO HERE -->

              <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

              <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

              <script src="contacto/assets/vender/intl-tel-input/js/intlTelInput.min.js"></script>

              <script src="contacto/assets/js/contact-form.js"></script>

               <!------------------------------------------------------------------------------------------------->

            </div><!-- end col -->

           

            <div class="col-xl-6 col-md-12 col-sm-12">

                <br>

                <br>

                <div> <img src="images/map.png" alt="" width="600" height="300"> </div>

                <div class="section-title text-center">

                    

                    <p class="lead">Avenida Monterrey Oriente Nº 696, Ciudad de Guadalupe, Nuevo Léon, Mexico</p>

                      <p>¡Tenemos muchos Clientes felices de trabajar con nosotros!</p>

                </div>

               

            </div>

        </div><!-- end row -->

    </div><!-- end container -->

</div><!-- end section -->



<a href="#" id="scroll-to-top" class="dmtop global-radius"><i class="fa fa-angle-up"></i></a>



<!-- ALL JS FILES -->

<script src="js/all.js"></script>

<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyCKjLTXdq6Db3Xit_pW_GK4EXuPRtnod4o"></script>

<!-- Mapsed JavaScript -->

<script src="js/mapsed.js"></script>

<script src="js/01-custom-places-example.js"></script>

<!-- ALL PLUGINS -->

<script src="js/custom.js"></script>

  

<?php $__env->stopSection(); ?>

    

<?php $__env->stopSection(); ?>
<?php echo $__env->make('template', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/hayash5/public_html/hay/resources/views/contac.blade.php ENDPATH**/ ?>