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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% set twig_img_path = absolute_url('/media/image/') %}
  5. {% block page_container %}
  6.     <section class="bg-title-grey">
  7.         <div class="page-wrapper section-content">
  8.             <h1 class="ct-blue ff-os-bold m-0 text-uppercase parent-p">{{ section.title|raw }}</h1>
  9.         </div>
  10.     </section>
  11.     <div class="page-wrapper">
  12.         <section class="section-content bg-white {% if not is_mobile() %}d-flex justify-content-center{% endif %} mt-20">
  13.             <img class="{% if is_mobile() %}img-fluid{% else %}w-100{% endif %}" src="{{ sylius_image_root ~ section.sectionImage.path }}"/>
  14.         </section>
  15.         <section class="section-content bg-white">
  16.             <div class="row ff-os-regular">
  17.                 <div class="col-md-12">
  18.                     <h2 class="ct-blue ff-os-bold pt-10 pb-30 parent-p">{{ section.subtitle|raw }}</h2>
  19.                     {{ section.content|raw }}
  20.                     <!-- Format Content -->
  21.                     <!--
  22.                     <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>
  23.                     <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>
  24.                     <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>
  25.                     -->
  26.                 </div>
  27.             </div>
  28.         </section>
  29.     </div>
  30.     {% if getFreeConnectItems()|default(null) %}
  31.         <section class="bg-title-grey section-content">
  32.             <div class="page-wrapper">
  33.                 {% for key, section in getFreeConnectItems() %}
  34.                     <div id="item_{{key + 1}}" class="row section-content">
  35.                         {% set imageSource = twig_img_path ~ section.sectionImage.path %}
  36.                         {% set link = section.slug %}
  37.                         <div class="col-md-6">
  38.                             {{ section.content|raw }}
  39.                             <!-- Format Content -->
  40.                             <!--
  41.                             <p class="fs-18 ct-blue text-uppercase ff-os-bold">Laboratorio de Conectorización</p>
  42.                             <p class="fs-18 ct-darkgray ff-os-regular">Nuestro laboratorio tiene más de 40 años de trayectoria</p>
  43.                             -->
  44.                         </div>
  45.                         <div class="col-md-6">
  46.                             {% if link is empty %}
  47.                                 <img class="img-fluid" src="{{ imageSource }}"/>
  48.                             {% else %}
  49.                                 <a href="{{ link }}" target="_blank">
  50.                                     <img class="img-fluid" src="{{ imageSource }}"/>
  51.                                 </a>
  52.                             {% endif %}
  53.                         </div>
  54.                     </div>
  55.                 {% endfor %}
  56.             </div>
  57.         </section>
  58.     {% endif %}
  59. {% endblock %}