templates/sites/reparieren/marke.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Smartphones, Handys & Tablets günstig in CLP beim Doctor reparieren lassen{% endblock %}
  5. {% block body %}
  7.     <section id="banner" style="margin-top: unset!important;z-index: 1000;display:none;">
  8.         <div class="content white-text" style="z-index: 100">
  9.             <h3 style="font-size: 20px">REPARIEREN SIE IHR SMARTPHONE HANDY BEIM EXPERTEN IN CLOPPENBURG - EGAL OB DISPLAY, AKKU ODER SONSTIGE DEFEKTE.</h3>
  10.             <p style="font-size: 15px">Wir bieten Ihnen die Reparaturen an Ihrem Smartphone, Tablet, PC und Laptop an. </p><br>
  11.             <p style="font-size: 15px">Akku schnell leer? Zickt das Betriebssystem? Bleibt der Bildschirm schwarz? Kein Problem!<br>
  12.                 Wir reparieren schnell und zuverlässig Ihr Gerät in unserer Werkstatt. Bringen Sie Ihr Gerät einfach vorbei oder senden Sie es zu uns ein. </p>
  13.         </div>
  14.     </section>
  16.     {# Erhalten Sie die aktuelle URL #}
  17.     {% set currentUrl = app.request.uri %}
  19.     {# Splitten der URL in Segmente #}
  20.     {% set segments = currentUrl|split('/') %}
  21.     {% set domain = segments[2] %}
  23.     {# Breadcrumb-Array initialisieren #}
  24.     {% set breadcrumbs = [] %}
  26.     {# Breadcrumbs für jede URL erstellen #}
  27.     {% set currentSegment = '' %}
  28.     {% for key, segment in segments|slice(3) %}
  29.         {% set currentSegment = currentSegment ~ '/' ~ segment %}
  30.         {% if loop.last %}
  31.             {% set breadcrumbs = breadcrumbs|merge([{'url': currentSegment, 'label': segment|capitalize, 'class': 'last-segment' }]) %}
  32.         {% else %}
  33.             {% set breadcrumbs = breadcrumbs|merge([{'url': currentSegment, 'label': segment|capitalize, 'class': 'regular-segment' }]) %}
  34.         {% endif %}
  35.     {% endfor %}
  38.     <section>
  39.         <div class="section container pb-0 mb-0 pl-0">
  40.             {# Ausgabe der Breadcrumbs #}
  41.             <ol class="breadcrumb has-succeeds-separator pt-6 pl-0" style="display:flex;">
  42.                 {% for breadcrumb in breadcrumbs %}
  43.                     <li class="breadcrumb-item">
  44.                         {% if loop.first %}
  45.                             <a href="{{ breadcrumb.url }}" class="{% if breadcrumb.class is defined %}{{ breadcrumb.class }}{% endif %}">{{ breadcrumb.label }}</a>
  46.                         {% else %}
  47.                             <a href="{{ breadcrumb.url }}" class="{% if breadcrumb.class is defined %}{{ breadcrumb.class }}{% endif %}">{{ breadcrumb.label }}</a>
  48.                         {% endif %}
  49.                     </li>
  50.                 {% endfor %}
  51.             </ol>
  52.         </div>
  53.     </section>
  55.     <section id="main" class="p-5">
  56.         <div class="container">
  57.             <div class="">
  58.                 <div class="has-text-centered">
  59.                     <h3 class="mb-6">Wählen Sie Ihr Gerät</h3>
  60.                     
  61.                     <div class="columns">
  62.                         <div class="field column">
  63.                         <p class="control has-icons-left has-icons-right">
  64.                             <input class="input" type="text" placeholder="Suchen Sie Ihr Gerät..." id="searchGeraet">
  65.                             <span class="icon is-small is-left">
  66.                             <i class="fas fa-search"></i>
  67.                             </span>
  68.                         </p>
  69.                         </div>
  70.                     </div>
  72.                     <div class="columns is-multiline" id="devicesList">
  73.                     {% set sorted_geraete = geraete %}
  74.                         {% for geraet in sorted_geraete %}
  75.                             <div class="column is-one-quarter" id="{{ geraet.name }}">
  76.                                 <a href="{{ path('repairdevice',{id : geraet.id}) }}">
  77.                                     <div class="card zoom">
  78.                                         <div class="card-image">
  79.                                             <img class="image is-128x128" src="/images/geraete/{{ geraet.bild }}" alt="Bild von {{ geraet.name }}" width="120px">
  80.                                         </div>
  81.                                         <div class="card-content">
  82.                                             <div class="media-content">
  83.                                                 <p class="title is-6">{{ geraet.name }}</p>
  84.                                                 <span>Auswählen</span>
  85.                                             </div>
  86.                                         </div>
  87.                                     </div>
  88.                                 </a>
  89.                             </div>
  90.                         {% endfor %}
  91.                     </div>
  92.                 </div>
  93.             </div>
  94.         </div>
  95.     </section>
  97. {% endblock %}