templates/pages/footer/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {# Contact #}
  4. {% block content %}
  5.     <div class="how-to-find-us">
  7.         {# Opening titles #}
  8.         <section class="section--title">
  9.             <div class="section--inner">
  10.                 <div class="row justify-content--center">
  11.                     <div class="col col-12 col-xs-10 col-s-8 col-m-8">
  12.                         <div class="col-inner text-align--center">
  13.                             <h1 class="tm7">Kontakt</h1>
  14.                         </div>
  15.                     </div>
  17.                     {# Social media channels #}
  18.                     <div class="col col-12">
  19.                         <div class="col-inner">
  20.                             <div class="btn--group text-align--center">
  22.                                 {# Whatsapp #}
  23.                                 <a class="btn variant--border has--img mt1" href="https://wa.me/49524245931" title="Erreiche den CTC über WhatsApp" target="_blank">
  24.                                     {% include '_vendor/icons/icon-whatsapp.html.twig' %}
  25.                                     WhatsApp
  26.                                 </a>
  28.                                 {# Instagram #}
  29.                                 <a class="btn variant--border has--img mt1" href="https://www.instagram.com/ctcrheda/" title="Der CTC auf Instagram" target="_blank">
  30.                                     {% include '_vendor/icons/icon-instagram.html.twig' %}
  31.                                     Instagram
  32.                                 </a>
  34.                                 {# Facebook
  35.                                 <a class="btn variant--border has--img mt1" href="https://www.facebook.com/CTCRHEDA/" title="Der CTC auf Facebook" target="_blank">
  36.                                     {% include '_vendor/icons/icon-facebook.html.twig' %}
  37.                                     Facebook
  38.                                 </a>
  39.                                 #}
  40. {#                                <a class="btn variant--border has--img" href="mailto:info@ctc-rheda.de" title="Schreibe eine E-Mail an den CTC">#}
  41. {#                                    {% include '_vendor/icons/icon-mail.html.twig' %}#}
  42. {#                                    E-Mail#}
  43. {#                                </a>#}
  44.                             </div>
  45.                         </div>
  46.                     </div>
  47.                 </div>
  48.             </div>
  49.         </section>
  51.         {# Contact channels #}
  52.         <section>
  53.             <div class="section--inner">
  54.                 <div class="row justify-content--center">
  55.                     <div class="col col-12 col-m-8">
  56.                         <div class="col-inner">
  57.                             <div class="grid grid--contact">
  58.                                 <div class="grid--item grid-contact--phone">
  59.                                     <a class="contact--link" href="tel:+49524245931" title="Cor Tennisclub Rheda e.V. anrufen">+49 5242 45931</a>
  60.                                     <span class="hint">(Nur zur Sommersaison besetzt)</span>
  61.                                 </div>
  62.                                 <div class="grid--item grid-contact--divider">
  63.                                     <span class="divider"></span>
  64.                                 </div>
  65.                                 <div class="grid--item grid-contact--email">
  66.                                     <a class="contact--link" href="mailto:info@ctc-rheda.de" title="E-Mail an Cor Tennisclub Rheda e.V. senden">info@ctc-rheda.de</a>
  67.                                 </div>
  68.                             </div>
  69.                         </div>
  70.                     </div>
  71.                 </div>
  72.             </div>
  73.         </section>
  75.         {# Content #}
  76.         <section class="section--details">
  77.             <div class="section--inner">
  78.                 <div class="row justify-content--center">
  79.                     <div class="col col-12 col-s-7">
  80.                         <div class="col-inner">
  81.                             <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2464.2541994223357!2d8.2708992!3d51.856315!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47ba29c1a484a1ef%3A0x70ca1d13b11387de!2sCOR-Tennisclub!5e0!3m2!1sde!2sde!4v1602002743498!5m2!1sde!2sde" width="100%" height="450px" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
  82.                         </div>
  83.                     </div>
  84.                     <div class="col col-12 col-s-5">
  85.                         <div class="col-inner">
  86.                             <div class="contact--club">
  87.                                 <h2 class="tm1">Verein</h2>
  88.                                 <p class="mt2">
  89.                                     Cor Tennisclub Rheda e.V.<br />
  90.                                     Am Kleikamp 12<br />
  91.                                     33378 Rheda-Wiedenbrück<br />
  92.                                 </p>
  93.                                 <a class="btn is--s mt1" href="https://goo.gl/maps/DGBmrf9hJaayAnAy9" target="_blank">In Google Maps öffnen</a>
  94.                             </div>
  95.                             <div class="contact--winter mt3">
  96.                                 <h2 class="tm1">Unsere Mannschaftsspiele im Winter finden hier statt:</h2>
  97.                                 <p class="mt2">
  98.                                     Tennishalle - Gasthof Klein<br />
  99.                                     Hauptstraße 102<br />
  100.                                     33378 Rheda-Wiedenbrück<br />
  101.                                 </p>
  102.                                 <a class="btn is--s mt1" href="https://goo.gl/maps/HTKu6uzHwrjRxmH66" target="_blank">In Google Maps öffnen</a>
  103.                             </div>
  104.                         </div>
  105.                     </div>
  106.                 </div>
  107.             </div>
  108.         </section>
  109.     </div>
  110. {% endblock %}