templates/home/home.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block body %}
  4.     <div class="three-boxes">
  5.         <a href="{{ path("gallery") }}" class="box">
  6.             <i class="far fa-4x fa-image"></i>
  7.             <br />
  8.             <span class="headline mt-4 mb-3">
  9.                 Bildergalerie
  10.             </span>
  11.             <p>
  12.                 Bilder sagen mehr als 1000 Worte. Erste Eindrücke unserer Reisen finden Sie hier.
  13.             </p>
  14.         </a>
  15.         <a href="{{ path('video') }}" class="box">
  16.             <i class="fa fa-4x fa-video"></i>
  17.             <br />
  18.             <span class="headline mt-4 mb-3">
  19.                 Tour Videos
  20.             </span>
  21.             <p>
  22.                 Warum nur Bilder anschauen? Hier gibt es die Videos über unsere Reisen.
  23.             </p>
  24.         </a>
  25.         <a href="#reisen" class="box">
  26.             <i class="fa fa-4x fa-star"></i>
  27.             <br />
  28.             <span class="headline mt-4 mb-3">
  29.                 Event Ideen
  30.             </span>
  31.             <p>
  32.                 So könnte Ihre nächste Reise aussehen. Wir stellen Ihnen Ideen vor.
  33.             </p>
  34.         </a>
  35.     </div>
  38.     <div class="separator"></div>
  40.     <div class="image-box image-box-right row">
  41.         <div class="box text">
  42.             <h2>Willkommen bei Team Seckenheim</h2>
  43.             <p>
  44.                 Seit 1978 organisieren und begleiten wir Gruppenevents zu Reisezielen, die nicht dem Alltäglichen entsprechen.
  45.                 Mein Team und ich blicken auf langjährige Erfahrung zurück und kennen die Reiseziele bestens.
  46.                 Bei uns erwartet sie Full-Service und ein auf ihre Bedürfnisse individuell abgestimmtes Komplettangebot, das ihr Event zu einem Erfolg werden lässt.<br />
  47.                 <br />
  48.                 {# <em>Hans-Peter Helbig</em> #}
  49.             </p>
  50.         </div>
  51.         <div class="box image">
  52.             <img src="{{ asset("images/videos/lappland_emotions.jpg") }}" alt="" />
  53.         </div>
  54.     </div>
  56.     <div class="separator"></div>
  58.     <div class="separator" id="reisen"></div>
  60.     <div class="box box-fullsize">
  62.         <h2>Event & Seminar Ideen</h2>
  63.         <p>
  64.             Eine Auswahl unserer Events, die unvergessliche Momente in Finnland, Island, Kanada,
  65.             Schottland, Island und vielen anderen Ländern garantieren. Auf
  66.             Anfrage erhalten Sie auch für Sie zusammengestellte Event-Ideen.<br />
  67.             Außergewöhnliche Erfahrungen sammeln
  68.             Sie bei -35°C in Finnland oder lieber im warmen Super-Jeep in Island. Auch die schottischen
  69.             Clans und deren Bräuche lernen Sie bei uns kennen.
  70.         </p>
  72.     </div>
  74.     <div class="multi-boxes">
  76.         <a href="{{ path("tour_detail", {"tour": "finnland-winter", page: 1}) }}" class="box">
  77.             <img src="{{ asset("images/events/fin_winter.jpg") }}" alt="" />
  78.             <h3 class="mt-4 mb-3">Finnland Winter</h3>
  79.             <p>
  80.                 Skidoo, Wildniscamp, Sauna, Ice-Cart-Driving, Huskies,...
  81.             </p>
  82.             <i class="link-arrow fas fa-angle-double-right"></i>
  83.         </a>
  85.         <a href="{{ path("tour_detail", {"tour": "island-winter", page: 1}) }}" class="box">
  86.             <img src="{{ asset('images/events/island_winter.jpg') }}" alt="" />
  87.             <h3 class="mt-4 mb-3">Island Winter</h3>
  88.             <p>
  89.                 Super Jeeps in Schnee und Eis...
  90.             </p>
  91.             <i class="link-arrow fas fa-angle-double-right"></i>
  92.         </a>
  94.         <a href="{{ path("tour_detail", {"tour": "island-sommer", page: 1}) }}" class="box">
  95.             <img src="{{ asset("images/events/island_sommer.jpg") }}" alt="" />
  96.             <h3 class="mt-4 mb-3">Island Sommer</h3>
  97.             <p>
  98.                 Eis, Lava, Jeeps, Pferde,...
  99.             </p>
  100.             <i class="link-arrow fas fa-angle-double-right"></i>
  101.         </a>
  103.         <a href="{{ path("tour_detail", {"tour": "nova-scotia", page: 1}) }}" class="box">
  104.             <img src="{{ asset("images/events/nova_scotia.jpg") }}" alt="" />
  105.             <h3 class="mt-4 mb-3">Nova Scotia</h3>
  106.             <p>
  107.                 Indian Summer, Rafting, Kulinarik,..
  108.             </p>
  109.             <i class="link-arrow fas fa-angle-double-right"></i>
  110.         </a>
  112.         <a href="{{ path("tour_detail", {"tour": "schottland", page: 1}) }}" class="box">
  113.             <img src="{{ asset("images/events/scotland.jpg") }}" alt="" />
  114.             <h3 class="mt-4 mb-3">Schottland - Edinburgh</h3>
  115.             <p>
  116.                 Whisky, Tartan, Highlands,...
  117.             </p>
  118.             <i class="link-arrow fas fa-angle-double-right"></i>
  119.         </a>
  121.     </div>
  123.     <div class="separator"></div>
  125.     <div class="box-fullsize text-center">
  126.         <h2>Impressionen</h2>
  127.     </div>
  128.     <div class="galerie-box galerie-2">
  129.         {% for n, img in galeriebox2 %}
  130.             <div class="image">
  131.                 <img src="images/galeriebox/2/thumbs/{{ img }}" data-galerie="2" class="galerie-img" id="galerie2-{{ n }}" alt="" />
  132.             </div>
  133.         {% endfor %}
  134.     </div>
  135.     <div class="galerie-box galerie-1">
  136.         {% for n, img in galeriebox1 %}
  137.             <div class="image">
  138.                 <img src="images/galeriebox/1/thumbs/{{ img }}" data-galerie="1" class="galerie-img" id="galerie1-{{ n }}" alt="" />
  139.             </div>
  140.         {% endfor %}
  141.     </div>
  143.     <div class="separator" id="kontakt"></div>
  145.     <div class="box-fullsize kontakt-box box">
  146.         <h2>Kontakt</h2>
  148.         <i class="fa fa-phone-alt mr-4"></i>
  149.         +49 (0) 171 747 84 84<br />
  150.         <br />
  151.         <i class="fa fa-fax mr-4"></i>
  152.         +49 (0) 621 - 48 44 636<br />
  153.         <br />
  154.         <br />
  156.         <form action="{{ path("contact_send") }}" method="post" class="form" id="form-contact">
  158.             <div class="form-group">
  159.                 <label for="contact_name">Ihr Name</label>
  160.                 <input type="text" class="form-control {% if errors.name|default %}is-invalid{% endif %}" name="name" id="contact_name" />
  161.                 <div class="invalid-feedback">
  162.                     Bitte ausfüllen
  163.                 </div>
  164.             </div>
  166.             <div class="form-group">
  167.                 <label for="contact_contact">Ihre Email oder Telefon</label>
  168.                 <input type="text" class="form-control {% if errors.contact|default %}is-invalid{% endif %}" name="contact" id="contact_contact" />
  169.                 <div class="invalid-feedback">
  170.                     Bitte ausfüllen
  171.                 </div>
  172.             </div>
  174.             <div class="form-group">
  175.                 <label for="contact_text">Ihre Nachricht</label>
  176.                 <textarea class="form-control {% if errors.text|default %}is-invalid{% endif %}" name="text" rows="10" id="contact_text"></textarea>
  177.                 <div class="invalid-feedback">
  178.                     Bitte ausfüllen
  179.                 </div>
  180.             </div>
  182.             <div class="form-group">
  183.                 <label for="contact_check">Um Spam zu vermeiden: Welche Farbe hat eine reife Zitrone?</label>
  184.                 <input type="text" class="form-control {% if errors.check|default %}is-invalid{% endif %}" name="check" id="contact_check" />
  185.                 <div class="invalid-feedback">
  186.                     Bitte ausfüllen
  187.                 </div>
  188.             </div>
  190.             <br />
  192.             <div class="form-group text-center">
  193.                 <label></label>
  194.                 <button class="btn btn-primary" type="submit" id="form-contact-submit">Absenden</button>
  195.             </div>
  197.             <div class="alert alert-success text-center collapse" id="contact-success">
  198.                 Vielen Dank für Ihre Nachricht!
  199.             </div>
  201.         </form>
  202.     </div>
  209.     <div class="separator"></div>
  211.     <div class="galerie-box galerie-3">
  212.         {% for n, img in galeriebox3 %}
  213.             <div class="image">
  214.                 <img src="images/galeriebox/3/thumbs/{{ img }}" data-galerie="3" class="galerie-img" id="galerie3-{{ n }}" alt="" />
  215.             </div>
  216.         {% endfor %}
  217.     </div>
  219. {% endblock %}
  221. {% block modal %}
  222.     <div class="modal fade" id="modal-galerie" tabindex="-1" role="dialog" aria-labelledby="galerieModalLabel" aria-hidden="true">
  223.         <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  224.             <div class="modal-content">
  225.                 <div class="modal-body" id="modal-galerie-body">
  226.                 </div>
  227.             </div>
  228.         </div>
  229.     </div>
  230. {% endblock %}