src/StartPlatz/Bundle/WebsiteBundle/Resources/views/Default/footerBootstrap40.html.twig line 1

Open in your IDE?
  1. {% if footerLinks is not defined %}
  2.     {% set footerLinks   =  menuLinksAndPhrases.footerLinks %}
  3.     {% set footerPhrases =  menuLinksAndPhrases.footerPhrases %}
  4.     {% set targetPath    =  menuLinksAndPhrases.targetPath %}
  5.     {% set lang          =  menuLinksAndPhrases.lang %}
  6. {% endif %}
  8. <style type="text/css">
  9.     .ftco-section {
  10.         padding: 5em 0;
  11.         position: relative; }
  12.     @media (max-width: 767.98px) {
  13.         .ftco-section {
  14.             padding: 6em 0; } }
  16.     .ftco-footer {
  17.         font-size: 16px;
  18.         background: #232931;
  19.         padding: 7em 0;
  20.         z-index: 0; }
  21.     .ftco-footer .ftco-footer-logo {
  22.         text-transform: uppercase;
  23.         letter-spacing: .1em; }
  24.     .ftco-footer .ftco-footer-widget h2 {
  25.         font-weight: normal;
  26.         color: #fff;
  27.         margin-bottom: 40px;
  28.         font-size: 22px;
  29.         font-weight: 600; }
  30.     .ftco-footer .ftco-footer-widget ul li {
  31.         margin-bottom: 10px; }
  32.     .ftco-footer .ftco-footer-widget ul li a {
  33.         color: rgba(255, 255, 255, 0.6); }
  34.     .ftco-footer .ftco-footer-widget ul li a span {
  35.         color: rgba(255, 255, 255, 0.6); }
  36.     .ftco-footer .ftco-footer-widget .btn-primary {
  37.         background: #fff !important;
  38.         border: 2px solid #fff !important; }
  39.     .ftco-footer .ftco-footer-widget .btn-primary:hover {
  40.         background: #fff;
  41.         border: 2px solid #fff !important; }
  42.     .ftco-footer p {
  43.         color: rgba(255, 255, 255, 0.7); }
  44.     .ftco-footer a {
  45.         color: rgba(255, 255, 255, 0.7); }
  46.     .ftco-footer a:hover {
  47.         color: #fff; }
  48.     .ftco-footer .ftco-heading-2 {
  49.         font-size: 17px;
  50.         font-weight: 400;
  51.         color: #000000; }
  53.     .ftco-footer-social li {
  54.         list-style: none;
  55.         margin: 0 10px 0 0;
  56.         display: inline-block; }
  57.     .ftco-footer-social li a {
  58.         height: 50px;
  59.         width: 50px;
  60.         display: block;
  61.         float: left;
  62.         background: rgba(255, 255, 255, 0.1);
  63.         border-radius: 50%;
  64.         position: relative; }
  65.     .ftco-footer-social li a span {
  66.         position: absolute;
  67.         font-size: 26px;
  68.         top: 50%;
  69.         left: 50%;
  70.         -webkit-transform: translate(-50%, -50%);
  71.         -ms-transform: translate(-50%, -50%);
  72.         transform: translate(-50%, -50%); }
  73.     .ftco-footer-social li a:hover {
  74.         color: #fff; }
  76.     .footer-small-nav > li {
  77.         display: inline-block; }
  78.     .footer-small-nav > li a {
  79.         margin: 0 10px 10px 0; }
  80.     .footer-small-nav > li a:hover, .footer-small-nav > li a:focus {
  81.         color: #033fff; }
  83.     .media .ftco-icon {
  84.         width: 100px; }
  85.     .media .ftco-icon span {
  86.         color: #033fff; }
  89.      .spGreen h1,.spGreen h2,.spGreen h3,.spGreen h4,.spGreen h5,.spGreen h6  {color: rgba(122,184,8,1) !important;}
  90.     .spBgGreen {background-color: rgba(122,184,8,1) !important;color: white;}
  92.     /* --- Corporate: spRed/ RED ---- */
  93.     .color-danger {
  94.         color:#8F2640;
  95.     }
  97.     .spRed h1,.spRed h2,.spRed h3,.spRed h4,.spRed h5,.spRed h6  {color: rgba(143,38,64,1) !important;}
  98.     .bgSpRed { background-color: rgba(143,38,64,0.99)!important;}
  100. </style>
  102. <footer class="ftco-footer ftco-section">
  103.     <div class="container">
  104.         <div class="row my-2">
  105.             <div class="col-md-2">
  106.                 <div class="ftco-footer-widget mb-3">
  107.                     <h2 class="ftco-heading-2">{{ attribute(footerPhrases, 'about-title') }}</h2>
  108.                     <p>{{ attribute(footerPhrases, 'about-text') }}</p>
  110.                     <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-3">
  111.                         <li class="ftco-animate"><a href="https://twitter.com/startplatz"><span class="fab fa-twitter"></span></a></li>
  112.                         <li class="ftco-animate"><a href="https://de-de.facebook.com/StartPlatz/"><span class="fab fa-facebook-f"></span></a></li>
  113.                         <li class="ftco-animate"><a href="https://www.instagram.com/startplatz/"><span class="fab fa-instagram"></span></a></li>
  114.                     </ul>
  115.                 </div>
  116.             </div>
  117.             <div class="col-md-3">
  118.                 <div class="ftco-footer-widget mb-4 ml-md-4">
  119.                     <h2 class="ftco-heading-2 mb-2">{{ attribute(footerPhrases, 'website') }}</h2>
  120.                     <ul class="list-unstyled">
  121.                         <li><a href="{{ attribute(footerLinks, '/kontakt-aufnehmen') }}"><span class="fas fa-long-arrow-alt-right mr-2"></span>{{ attribute(footerPhrases, 'kontakt') }}</a></li>
  122.                         <li><a href="/wlan-am-startplatz-koeln"><span class="fas fa-long-arrow-alt-right mr-2"></span>{{ attribute(footerPhrases, 'wlan') }}</a></li>
  123.                         <li><a href="/pressebereich"><span class="fas fa-long-arrow-alt-right mr-2"></span>{{ attribute(footerPhrases, 'presse') }}</a></li>
  124.                         <li><a href="/jobs"><span class="fas fa-long-arrow-alt-right mr-2"></span>{{ attribute(footerPhrases, 'karriere') }}</a></li>
  125.                         <li><a href="/standorte"><span class="fas fa-long-arrow-alt-right mr-2"></span>{{ attribute(footerPhrases, 'standorte') }}</a></li>
  126.                         <li><a href="/startplatz-archiv"><span class="fas fa-long-arrow-alt-right mr-2"></span>{{ attribute(footerPhrases, 'archiv') }}</a></li>
  127.                         <li><a href="/startplatz-agb"><span class="fas fa-long-arrow-alt-right mr-2"></span>{{ attribute(footerPhrases, 'agb') }}</a></li>
  128.                         <li><a href="/impressum"><span class="fas fa-long-arrow-alt-right mr-2"></span>{{ attribute(footerPhrases, 'impressum') }}</a></li>
  129.                         <li><a href="/support"><span class="fas fa-long-arrow-alt-right mr-2"></span>{{ attribute(footerPhrases, 'support') }}</a></li>
  130.                         <li><a href="/datenschutz"><span class="fas fa-long-arrow-alt-right mr-2"></span>{{ attribute(footerPhrases, 'datenschutz') }}</a></li>
  131.                     </ul>
  132.                 </div>
  133.             </div>
  134.             <div class="col-md-3">
  135.                 <div class="ftco-footer-widget mb-4">
  136.                     <h2 class="ftco-heading-2">{{ attribute(footerPhrases, 'hot topics') }}</h2>
  137.                     <ul class="list-unstyled">
  138.                         {% include "@StartPlatzWebsiteBundle/Default/_widget.hot-topics.html.twig" %}
  139.                     </ul>
  140.                 </div>
  141.             </div>
  142.             <div class="col-md-4">
  143.                 <div class="ftco-footer-widget mb-4">
  144.                     <h2 class="ftco-heading-2">{{ lang == 'DE' ? 'Kontakt' : 'Contact' }}</h2>
  145.                     <div class="row">
  146.                         <div class="col-6">
  147.                             <p class="address city">{{ lang == 'DE' ? 'Köln' : 'Cologne' }}</p>
  148.                             <p class="address">Im Mediapark 5 <br>50670 Köln</p>
  149.                             <p class="address mb-0">info@startplatz.de</p>
  150.                             <p class="address">+49 221 975 802 00</p>
  151.                         </div>
  152.                         <div class="col-6">
  153.                             <p class="address city">Düsseldorf</p>
  154.                             <p class="address">Speditionstraße 15a <br>40221 Düsseldorf</p>
  155.                             <p class="address mb-0">info@startplatz.de</p>
  156.                             <p class="address">+49 211 936 725 20</p>
  157.                         </div>
  158.                     </div>
  159.                     <div class="newsletter">
  160.                         <h2 class="mb-0">{{ attribute(footerPhrases, 'newsletter') }}</h2>
  161.                         <p>{{ attribute(footerPhrases, 'newsletter-teaser') }}
  162.                             <br>{{ attribute(footerPhrases, 'newsletter-description') }}</p>
  164.                         <!-- Begin MailChimp Signup Form -->
  165.                         <div id="mc_embed_signup">
  166.                             <form id="mc-embedded-subscribe-form" class="validate" action="https://startplatz.us5.list-manage.com/subscribe?u=8a2b498caca4323b774191382&id=be73f77d94" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
  167.                                 <div id="mc_embed_signup_scroll form-group email-wrapper">
  168.                                     <button type="submit" class="btn btn-success ml-2">{{ attribute(footerPhrases, 'anmelden') }}</button>
  169.                                     <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
  170.                                     <div style="position: absolute; left: -5000px;"><input tabindex="-1" name="b_8a2b498caca4323b774191382_51dae9d56a" type="text" value="" /></div>
  171.                                     <div class="clear"></div>
  172.                                 </div>
  173.                             </form></div>
  174.                         <!--End mc_embed_signup-->
  176.                     </div>
  177.                     <div class="row">
  178.                         <div class="col-12 mt-4">
  179.                     <div class="pe-richsnippets"></div>
  180.                     <script type="text/javascript" src="https://www.provenexpert.com/widget/richsnippet.js?u=1HQBkRmo1xQpmqGB1xmA5DGAlMwpkxQZ&v=2" async></script>
  181.                     </div>
  182.                     </div>
  183.                 </div>
  184.             </div>
  185.         </div>
  187.         <div class="row">
  188.             <div class="col-md-12 text-center">
  190.                 <p>
  191.                     Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved
  192.                 </p>
  193.             </div>
  194.         </div>
  195.     </div>
  196. </footer>