templates/frontend/default/contacto.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/layout.html.twig' %}
  3. {% block title %} {{ seo_on_page.titulo }} {% endblock title %}
  5. {% block metas_titulo %}
  6.     <meta name="title" content="{{ seo_on_page.titulo }}"/>
  7.     <meta http-equiv="title" content="{{ seo_on_page.titulo }}"/>
  8.     <meta name="DC.Title" content="{{ seo_on_page.titulo }}"/>
  9. {% endblock metas_titulo %}
  11. {% block metas_descripcion %}
  12.     <meta name="description" content="{{ seo_on_page.descripcion }}"/>
  13.     <meta http-equiv="description" content="{{ seo_on_page.descripcion }}"/>
  14.     <meta name="DC.description" content="{{ seo_on_page.descripcion }}"/>
  15. {% endblock metas_descripcion %}
  17. {% block keywords %}
  18.     <meta name="Keywords" content="{{ seo_on_page.tags }}"/>
  19.     <meta http-equiv="keywords" content="{{ seo_on_page.tags }}"/>
  20.     <meta name="DC.keywords" content="{{ seo_on_page.tags }}"/>
  21. {% endblock keywords %}
  23. {% block datosestructurados %}
  25. {% endblock datosestructurados %}
  27. {% block stylesheetspecific %}
  28. <style>
  29.     .has-error .form-control, .has-error .note-editor {
  30.         border-color: #cb5a5e;
  31.         box-shadow: none;
  32.     }
  34.     input.has-error, .required.has-error, span.has-error {
  35.         border: 1px solid #cb5a5e !important;
  36.     }
  37. </style>
  38. {% endblock %}
  40. {% block header_nav_item_contact_active_class %}active{% endblock %}
  42. {% block content %}
  44.     <div id="content" class="p-0 clearfix">
  46.         <div id="contact" class="container py-4 py-lg-6">
  48.             <hr class="hr-lg mt-0 mb-2 w-10 mx-auto hr-primary"/>
  49.             <h2 class="text-slab text-center text-uppercase mt-0 mb-5">
  50.                 Contact <span class="font-weight-bold">Us</span>
  51.             </h2>
  53.             <div class="row" data-animate="fadeIn" data-animate-delay="0.1">
  55.                 <div class="col-md-6">
  57.                     {% if message is defined %}
  58.                         <div id="message-error" class="alert alert-danger alert-dismissible" role="alert">
  59.                             <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button>
  60.                             <strong>Error!</strong> {{ message }}
  61.                         </div>
  62.                     {% endif %}
  64.                     <form id="contact-form" action="{{ url('contacto') }}" method="POST"
  65.                           data-animate="fadeIn" data-animate-delay="0.4">
  66.                         <div class="form-group">
  67.                             <label class="sr-only" for="contact-name">Name</label>
  68.                             <input type="text" class="form-control form-control-transparent" id="contact-name" name="nombre"
  69.                                    placeholder="Name">
  70.                             <hr class="hr-inverse mx-auto mt-1 mb-0"/>
  71.                         </div>
  72.                         <div class="form-group">
  73.                             <label class="sr-only" for="contact-email">Email</label>
  74.                             <input type="email" class="form-control form-control-transparent" id="contact-email"
  75.                                    placeholder="Email" name="email">
  76.                             <hr class="hr-inverse mx-auto mt-1 mb-0"/>
  77.                         </div>
  78.                         <div class="form-group">
  79.                             <label class="sr-only" for="contact-message">Message</label>
  80.                             <textarea rows="5" class="form-control form-control-transparent" id="contact-message"
  81.                                       placeholder="Message" name="mensaje"></textarea>
  82.                             <hr class="hr-inverse mx-auto mt-1 mb-0"/>
  83.                         </div>
  85.                         <div class="form-group">
  86.                             <div class="g-recaptcha" data-sitekey="{{ recaptcha_publick_key }}"></div>
  87.                             <script type="text/javascript"
  88.                                     src="https://www.google.com/recaptcha/api.js?hl=en">
  89.                             </script>
  90.                         </div>
  92.                         <a href="javascript:;" class="btn btn-dark btn-lg" id="btn-enviar-contacto">Send Message</a>
  93.                     </form>
  94.                 </div>
  95.                 <div class="col-md-5 offset-md-1 mt-4 mt-md-0" data-animate="fadeIn" data-animate-delay="0.4">
  96.                     <h4 class="mb-1 font-weight-bold">
  97.                         Contact Info
  98.                     </h4>
  100.                     {% if datos_contacto.direccion != '' %}
  102.                     <p class="mb-1">
  103.                         <abbr title="Address"><i class="fa fa-home pr-2"></i></abbr>
  104.                         {{ datos_contacto.direccion }}, {{ datos_contacto.city }}, {{ datos_contacto.state }}
  105.                         , {{ datos_contacto.zip }}
  106.                     </p>
  107.                     {% endif %}
  109.                     {% if datos_contacto.email != '' %}
  110.                     <p class="mb-1">
  111.                         <abbr title="Email"><i class="fa fa-envelope pr-2"></i></abbr>
  112.                         {{ datos_contacto.email }}
  113.                     </p>
  114.                     {% endif %}
  116.                     {% if datos_contacto.telefono != '' %}
  117.                     <p class="mb-4">
  118.                         <abbr title="Phone"><i class="fa fa-phone pr-2"></i></abbr>
  119.                         {{ datos_contacto.telefono }}
  120.                     </p>
  121.                     {% endif %}
  122.                 </div>
  124.                 <div class="col-md-12 mt-5">
  125.                     <div class="google-map">
  126.                         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d17089.707425849036!2d-80.37325686049856!3d25.78151327713555!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88d9b92cf6565f2f%3A0x28a7ec15e5d7803a!2s10300%20NW%209th%20St%20Cir%2C%20Miami%2C%20FL%2033172%2C%20EE.%20UU.!5e0!3m2!1ses-419!2sbr!4v1711560081648!5m2!1ses-419!2sbr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  127.                     </div>
  128.                 </div>
  129.             </div>
  131.         </div>
  133.     </div>
  135. {% endblock %}
  137. {% block javascriptspecific %}
  138.     <script src="{{ asset('bundles/ican/plugins/jquery-validation/js/jquery.validate.min.js') }}"></script>
  139.     <script src="{{ asset('bundles/frontend/js/my/contacto.js') }}"></script>
  140. {% endblock %}