templates/app/Section/templates/tca_free_connect.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% set twig_img_path = absolute_url('/media/image/') %}
  3. {% block page_container %}
  4.     <section class="bg-title-grey">
  5.         <div class="page-wrapper section-content">
  6.             <h1 class="ct-blue ff-os-bold m-0 text-uppercase parent-p">{{ section.title|raw }}</h1>
  7.         </div>
  8.     </section>
  9.     <div class="page-wrapper">
  10.         <section class="section-content bg-white {% if not is_mobile() %}d-flex justify-content-center{% endif %} mt-20">
  11.             <img class="{% if is_mobile() %}img-fluid{% else %}w-100{% endif %}" src="{{ sylius_image_root ~ section.sectionImage.path }}"/>
  12.         </section>
  13.         <section class="section-content bg-white">
  14.             <div class="row ff-os-regular">
  15.                 <div class="col-md-12">
  16.                     <h2 class="ct-blue ff-os-bold pt-10 pb-30 parent-p">{{ section.subtitle|raw }}</h2>
  17.                     {{ section.content|raw }}
  18.                     <!-- Format Content -->
  19.                     <!--
  20.                     <p class="fs-18 ct-darkgray ff-os-regular">Suministramos los distintos tipos de cables con fibras multimodo y monomodo hasta 48 fibras pre-conectorizados con los correspondientes conectores según requerimiento del cliente.</p>
  21.                     <p class="fs-18 ct-darkgray ff-os-regular">Opcionalmente, suministramos módulos ópticos, patch panels ópticos, cajas de distribución y terminales ópticos pre-instalados con adaptadores ópticos y pigtails de fibra.</p>
  22.                     <p class="fs-18 ct-darkgray ff-os-regular">Para desarrollar nuestro concepto contamos con nuestro propio laboratorio de conectorización y fabricación de cordones ópticos.</p>
  23.                     -->
  24.                 </div>
  25.             </div>
  26.         </section>
  27.     </div>
  28.     {% if getFreeConnectItems()|default(null) %}
  29.         <section class="bg-title-grey section-content">
  30.             <div class="page-wrapper">
  31.                 {% for key, section in getFreeConnectItems() %}
  32.                     <div id="item_{{key + 1}}" class="row section-content">
  33.                         {% set imageSource = twig_img_path ~ section.sectionImage.path %}
  34.                         {% set link = section.slug %}
  35.                         <div class="col-md-6">
  36.                             {{ section.content|raw }}
  37.                             <!-- Format Content -->
  38.                             <!--
  39.                             <p class="fs-18 ct-blue text-uppercase ff-os-bold">Laboratorio de Conectorización</p>
  40.                             <p class="fs-18 ct-darkgray ff-os-regular">Nuestro laboratorio tiene más de 40 años de trayectoria</p>
  41.                             -->
  42.                         </div>
  43.                         <div class="col-md-6">
  44.                             {% if link is empty %}
  45.                                 <img class="img-fluid" src="{{ imageSource }}"/>
  46.                             {% else %}
  47.                                 <a href="{{ link }}" target="_blank">
  48.                                     <img class="img-fluid" src="{{ imageSource }}"/>
  49.                                 </a>
  50.                             {% endif %}
  51.                         </div>
  52.                     </div>
  53.                 {% endfor %}
  54.             </div>
  55.         </section>
  56.     {% endif %}
  57. {% endblock %}