templates/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5. <div style="background-color: #eaf6ff;">
  6.   <div class="container col-xxl-8 px-4 py-5">
  7.     <div class="row flex-lg-row-reverse align-items-center g-5 py-5">
  8.       <div class="col-10 col-sm-8 col-lg-6">
  9.         <img src="{{ asset('images/device-4.png') }}" class="d-block mx-lg-auto img-fluid" alt="Fibkit Theme" width="700" height="">
  10.         <img src="{{ asset('images/osp_fiber_management.png' ) }}" class="d-block mx-lg-auto img-fluid shadow" alt="{{'Obrazek powyżej to widok panelu aplikacji internetowej Fibkit pokazujący dostępne kable światłowodowe w mufie światłowodowej oraz połączenia włókien światłowodowych, splittery, filtry CWDM.' | trans }}" width="700" height="500">
  11.       </div>
  12.       <div class="col-lg-6">
  13.         <h1 class="display-5 fw-bold text-body-emphasis lh-1 mb-3">{{ 'Zarządzaj siecią światłowodową prosto, szybko i bezbłędnie'| trans }}</h1>
  14.         <p class="fs-5">{{ 'Wszystkie dane w jednym miejscu. Mniej błędów, więcej kontroli.'|trans }}</p>
  15.         <div class="d-grid gap-2 d-md-flex justify-content-md-start">
  16.           <a href="{{ path('fos_user_registration_register') }}" class="btn btn-danger btn-lg px-4">{{ 'Wypróbuj za darmo przez 14 dni'|trans }}</a>
  17.           
  18.         </div>
  19.       </div>
  20.     </div>
  21.   </div>
  22.  </div> 
  23.   
  24.   <div style="background-color: #eaf6ff;">
  25.     <div class="container px-4 py-5">
  26.    <figure>
  27.     <blockquote class="blockquote">
  28.         <p>{{ 'Dzięki temu programowi oszczędzam mnóstwo czasu! Planowanie spawania włókien i zlecanie zadań monterom za pomocą smartfona to rewolucja. Eliminuje to pomyłki i znacząco zwiększa efektywność pracy.'|trans }}</p>
  29.     </blockquote>
  30.     <figcaption class="blockquote-footer" style="background-color: #eaf6ff;">
  31.         Tomasz Łuksza <cite title="Source Title">Telnap Telecom Sp. z o.o.</cite><br><br>
  32.         <img class="testimonial__image" alt="Telnap Telecom" src="{{ asset('images/telnap_telecom_logo.png') }}" width="100" height="">
  33.     </figcaption>
  34.   </figure>
  35. </div>
  36. </div>
  40. <div class="container px-4 py-5 text-center">
  41.     <h2 class="pb-2 border-bottom">{{ 'Zaufali nam operatorzy telekomunikacyjni, ISP i dostawcy światłowodów'|trans }}</h2>
  43.     <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4 py-5">
  44.       <div class="col d-flex align-items-start">
  45.         <div>
  46.             <img alt="fibkit" class="image--xs" src="{{ asset('images/telnap_telecom_logo.png') }}" width="" height="50">
  47.           <h3 class="fw-bold mb-0 fs-4 text-body-emphasis"></h3>
  48.           <p></p>
  49.         </div>
  50.       </div>
  51.       <div class="col d-flex align-items-start">
  52.         
  53.         <div>
  54.             <img alt="fibkit" class="image--xs" src="{{ asset('images/logo-dss-operator.png') }}" width="" height="50">
  55.           <h3 class="fw-bold mb-0 fs-4 text-body-emphasis"></h3>
  56.           <p></p>
  57.         </div>
  58.       </div>
  59.       <div class="col d-flex align-items-start">
  60.         
  61.         <div>
  62.             <img alt="fibkit" class="image--xs" src="{{ asset('images/exito_logo.png') }}" width="" height="50">
  63.           <h3 class="fw-bold mb-0 fs-4 text-body-emphasis"></h3>
  64.           <p></p>
  65.         </div>
  66.       </div>
  67.       <div class="col d-flex align-items-start">
  68.         
  69.         <div>
  70.             <img alt="fibkit" class="" src="{{ asset('images/telenet_logo.svg') }}" width="" height="30">
  71.           <h3 class="fw-bold mb-0 fs-4 text-body-emphasis"></h3>
  72.           <p></p>
  73.         </div>
  74.       </div>
  75.       
  76.     </div>
  77.   </div>
  79. <div class="container">
  80.     <div class="row featurette py-5">
  81.       <div class="col-md-6">
  82.         <h2 class="featurette-heading fw-bold lh-1">{{ 'Zarządzanie połączeniami włókien'|trans }}</h2>
  83.         <p class="fs-5">{{ 'Przejrzyste schematy spawów i tras A-end – B-end. Zero zgadywania. Wiesz, co z czym i gdzie.'|trans }}</p>
  84.       </div>
  85.       <div class="col-md-6">
  86.         <img alt="{{'Obrazek to Widok przeglądarki internetowej'| trans}}" class="d-block mx-lg-auto img-fluid shadow" src="{{ asset('images/device-4.png') }}">
  87.         <img alt="osp_fiber_connections" class="d-block mx-lg-auto img-fluid shadow" src="{{ asset('images/osp_fiber_connections.png') }}">
  88.       </div>
  89.     </div>
  90.     <div class="row featurette py-5">
  91.       <div class="col-md-6 order-md-2">
  92.         <h2 class="featurette-heading fw-bold lh-1">{{ 'Trasy włókien przez całą sieć'|trans }}</h2>
  93.         <p class="fs-5">{{ 'Jedna trasa, wiele włókien — pełna ścieżka przez kable, mufy do zakończenia. Zawsze wiesz, którędy biegnie sygnał.'|trans }}</p>
  94.       </div>
  95.       <div class="col-md-6 order-md-1">
  96.             <img alt="fibkit_fiber_management_software" class="d-block mx-lg-auto img-fluid shadow" src="{{ asset('images/device-4.png') }}">
  97.             <img alt="dashboards_osp_cable_splice_closure_termination_panels" class="d-block mx-lg-auto img-fluid shadow" src="{{ asset('images/fiber_route.png') }}">
  98.         
  99.       </div>
  100.     </div>
  101.     <div class="row featurette py-5">
  102.       <div class="col-md-6">
  103.         <h2 class="featurette-heading fw-bold lh-1">{{ 'Mobilny workflow: planuj, wykonuj, zatwierdzaj'|trans }}</h2>
  104.         <p class="fs-5">{{ 'Biuro planuje spawy, technik zatwierdza wykonanie w aplikacji. Dane o zajętości aktualizują się automatycznie.'|trans }}</p>
  105.         <a class="text-decoration-none" href="{{ path('product') }}">{{'Dowiedz się więcej'| trans}} »</a>
  106.       </div>
  107.       <div class="col-md-6">
  108.         <img alt="osp_fiber_mobile_management" class="d-block mx-lg-auto img-fluid" src="{{ asset('images/Fibkit_mobile_feature.png') }}">
  109.         
  110.       </div>
  111.     </div>
  112.     <div class="row featurette py-5">
  113.       <div class="col-md-6 order-md-2">
  114.         <h2 class="featurette-heading fw-bold lh-1">{{ 'Wszystkie dane uporządkowane i dostępne'|trans }}</h2>
  115.         <p class="fs-5">{{ 'Mufy, kable, zakończenia, historia połączeń — wszystko w jednym miejscu. Jasne statusy realizacji: Planowane, W realizacji, Zakończone. Szybkie wyszukiwanie. Eksport PDF, XLS, CSV, KML.'|trans }}</p>
  116.       </div>
  117.       <div class="col-md-6 order-md-1">
  118.             <img alt="fibkit_fiber_management_software" class="d-block mx-lg-auto img-fluid shadow" src="{{ asset('images/device-4.png') }}">
  119.             <img alt="gis_integration" class="d-block mx-lg-auto img-fluid shadow" src="{{ asset('images/dashboards_osp_cable_splice_closure_termination_panels.png') }}">
  120.         
  121.       </div>
  122.     </div>
  123.     
  124. </div>
  126.   <div class="container px-4 py-5">
  127. <div class="row">
  128.       <div class="col-lg-4">
  129.         <svg xmlns="http://www.w3.org/2000/svg" width="77" height="77" fill="currentColor" class="bi bi-stopwatch" viewBox="0 0 16 16">
  130.             <path d="M8.5 5.6a.5.5 0 1 0-1 0v2.9h-3a.5.5 0 0 0 0 1H8a.5.5 0 0 0 .5-.5z"/>
  131.             <path d="M6.5 1A.5.5 0 0 1 7 .5h2a.5.5 0 0 1 0 1v.57c1.36.196 2.594.78 3.584 1.64l.012-.013.354-.354-.354-.353a.5.5 0 0 1 .707-.708l1.414 1.415a.5.5 0 1 1-.707.707l-.353-.354-.354.354-.013.012A7 7 0 1 1 7 2.071V1.5a.5.5 0 0 1-.5-.5M8 3a6 6 0 1 0 .001 12A6 6 0 0 0 8 3"/>
  132.           </svg>
  133.         <h2 class="fw-normal">{{'Oszczędzaj czas'|trans}}</h2>
  134.         <p>{{'Automatyzuj zarządzanie włóknami i redukuj ręczną pracę.'|trans}}</p>
  135.         
  136.       </div>
  137.       <div class="col-lg-4">
  138.         <svg xmlns="http://www.w3.org/2000/svg" width="77" height="77" fill="currentColor" class="bi bi-check-circle" viewBox="0 0 16 16">
  139.   <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
  140.   <path d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05"/>
  141. </svg>
  142.         <h2 class="fw-normal">{{'Eliminuj błędy'|trans}}</h2>
  143.         <p>{{'Utrzymuj wszystkie połączenia i elementy sieci w porządku.'|trans}}</p>
  144.         
  145.       </div>
  146.       <div class="col-lg-4">
  147.         <svg xmlns="http://www.w3.org/2000/svg" width="77" height="77" fill="currentColor" class="bi bi-diagram-3" viewBox="0 0 16 16">
  148.           <path fill-rule="evenodd" d="M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5zM0 11.5A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm4.5.5A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z"/>
  149.         </svg>
  150.         <h2 class="fw-normal">{{'Pełna kontrola'|trans}}</h2>
  151.         <p>{{'Wizualizuj i zarządzaj całą swoją siecią światłowodową.'|trans}}</p>
  152.         
  153.       </div>
  154.     </div>
  156.     </div>
  159. <div class="my-1">
  160.   <div class="p-5 text-center">
  161.     <div class="container py-5">
  162.       <h1 class="text-body-emphasis">{{'Wypróbuj FIBKIT za darmo już dziś!'|trans}}</h1>
  163.       <p class="col-lg-8 mx-auto lead">
  164.         {{'Bez karty płatniczej. Rozpocznij w kilka minut.'|trans}}
  165.       </p>
  166.       <a href="{{ path('fos_user_registration_register') }}" class="btn btn-danger btn-lg px-4">{{ 'Wypróbuj za darmo przez 14 dni'|trans }}</a>
  167.     </div>
  168.   </div>
  169. </div>
  171. {% endblock %}