custom/plugins/Theme3S/src/Resources/views/storefront/layout/footer/footer-content-de.html.twig line 1

Open in your IDE?
  1. <div id="footer">
  2.     <div id="footer-data">
  3.         <div class="left-to-right animElement animStarted"></div>
  4.         <div id="footergrid">
  5.             <div class="footerbox" id="footerbox-1">
  6.                 <div class="top-to-bottom animElement2 animStarted2"></div>
  7.                 <a href="https://www.3s-arbeitsschutz.de/de"><img src="https://www.3s-arbeitsschutz.de/frontend/img/logo.svg" title="3S-Arbeitsschutz" alt="3S-Arbeitsschutz" id="footerlogo"></a>
  8.                 <div class="bottom-box-content">
  9.                     COPYRIGHT 2024&nbsp;&nbsp;&nbsp;
  10.                     <span style="white-space:nowrap;">3S-Arbeitsschutz GmbH</span>
  11.                 </div>
  12.             </div>
  13.             <div class="footerbox" id="footerbox-2">
  14.                 <div class="top-to-bottom animElement2 animStarted2"></div>
  15.                 <ul id="footernav1" class="footernav"><li class="frontendNavigationItem14 depth0 hasChildren"><a href="#" onclick="return false;" title="Social Media"><span class="frontendNavigationItemTitle">Social Media</span></a><span class="frontendNavigationItemMobile"></span><ul><li class="frontendNavigationItem15 depth1"><a href="https://www.facebook.com/3sarbeitsschutz/" target="_blank" title="Facebook"><span class="frontendNavigationItemTitle">Facebook</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem16 depth1"><a href="https://www.instagram.com/schutzkleidung/" target="_blank" title="Instagram"><span class="frontendNavigationItemTitle">Instagram</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem17 depth1"><a href="https://www.linkedin.com/company/3s-arbeitsschutz-gmbh" target="_blank" title="LinkedIn"><span class="frontendNavigationItemTitle">LinkedIn</span></a><span class="frontendNavigationItemMobile"></span></li></ul></li><li class="frontendNavigationItem43 depth0 hasChildren"><a href="#" onclick="return false;" title="Downloads"><span class="frontendNavigationItemTitle">Downloads</span></a><span class="frontendNavigationItemMobile"></span><ul><li class="frontendNavigationItem44 depth1"><a href="https://www.3s-arbeitsschutz.de/storage/files/142d5c41-0fb5-4151-9b60-f21d72f1eae5/3S-Broschu%CC%88re_digital_klein.pdf" title="Broschüre DE"><span class="frontendNavigationItemTitle">Broschüre DE</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem45 depth1"><a href="https://www.3s-arbeitsschutz.de/storage/files/471fdd05-b73c-4579-b186-bca09d64e1f8/3S-Broschu%CC%88re_digital_englisch_klein.pdf" title="Broschüre EN"><span class="frontendNavigationItemTitle">Broschüre EN</span></a><span class="frontendNavigationItemMobile"></span></li></ul></li></ul>            </div>
  16.             <div class="footerbox" id="footerbox-3">
  17.                 <div class="top-to-bottom animElement2 animStarted2"></div>
  18.                 <ul id="footernav2" class="footernav"><li class="frontendNavigationItem24 depth0 hasChildren"><a href="#" onclick="return false;" title="ProChem"><span class="frontendNavigationItemTitle">ProChem</span></a><span class="frontendNavigationItemMobile"></span><ul><li class="frontendNavigationItem25 depth1"><a href="https://shop.schutzkleidung.de/?p=1&amp;properties=65e8924ec51142d6a8370b801878f571%7C438b46e6bc47485f94b2b30789076d51%7Cb3fe37ef6acd45d68e8029617d8c6e4f%7Cdf4ea71bb84d47428c3e97ff8cd31b6e" title="ProChem I"><span class="frontendNavigationItemTitle">ProChem I</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem26 depth1"><a href="https://shop.schutzkleidung.de/?p=1&amp;properties=7a032703176b4773ae670290c4a330cc%7C6417464f6b97424c869ac959b368942c%7Cbd628a9cb0ef47cc9bb7338d130a36da" title="ProChem II"><span class="frontendNavigationItemTitle">ProChem II</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem27 depth1"><a href="https://shop.schutzkleidung.de/?p=1&amp;properties=1b3cd219c29c475a92b61f323fd0a1ba%7Cccd467ee1d4b47f9806641c9f6b1b07a%7C9284e91686794937a30e9976852f35e7%7C8be503b0f0c6495b84b15edd502b4c12" title="ProChem III"><span class="frontendNavigationItemTitle">ProChem III</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem28 depth1"><a href="https://shop.schutzkleidung.de/?p=1&amp;properties=b19d2db2b4234ef096bb6bed50a7a154%7Cb0ccf7ee78ab494fadde08fc348865c2" title="ProChem V"><span class="frontendNavigationItemTitle">ProChem V</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem29 depth1"><a href="https://shop.schutzkleidung.de/?p=1&amp;properties=bed6f6255afe4c63a7cc155e0def8f04" title="ProChem VI"><span class="frontendNavigationItemTitle">ProChem VI</span></a><span class="frontendNavigationItemMobile"></span></li></ul></li><li class="frontendNavigationItem30 depth0 hasChildren"><a href="#" onclick="return false;" title="Protec"><span class="frontendNavigationItemTitle">Protec</span></a><span class="frontendNavigationItemMobile"></span><ul><li class="frontendNavigationItem31 depth1"><a href="https://shop.schutzkleidung.de/Protec-Classic-weiss-XL/000300-weiss-XL" title="Protec Classic"><span class="frontendNavigationItemTitle">Protec Classic</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem32 depth1"><a href="https://shop.schutzkleidung.de/Protec-Comfort/000302" title="Protec Comfort"><span class="frontendNavigationItemTitle">Protec Comfort</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem33 depth1"><a href="https://shop.schutzkleidung.de/Protec-Plus/000301" title="Protec Plus"><span class="frontendNavigationItemTitle">Protec Plus</span></a><span class="frontendNavigationItemMobile"></span></li></ul></li><li class="frontendNavigationItem34 depth0 hasChildren"><a href="#" onclick="return false;" title="Multi"><span class="frontendNavigationItemTitle">Multi</span></a><span class="frontendNavigationItemMobile"></span><ul><li class="frontendNavigationItem36 depth1"><a href="https://shop.schutzkleidung.de/Multi-Tec/000201" title="Multi Tec"><span class="frontendNavigationItemTitle">Multi Tec</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem37 depth1"><a href="https://shop.schutzkleidung.de/Econ/000100" title="Econ"><span class="frontendNavigationItemTitle">Econ</span></a><span class="frontendNavigationItemMobile"></span></li></ul></li></ul>            </div>
  19.             <div class="footerbox" id="footerbox-4">
  20.                 <h6>Kontakt</h6>
  21.                 <p><a href="tel:+492116907960">+49 211 69 07 96 - 0</a></p>
  22.                 <p><a href="mailto:info@schutzkleidung.de">info@schutzkleidung.de</a></p>
  23.                 <div class="mid-box-content">
  24.                     <h6>Zahlungsmethoden</h6>
  25.                     <img src="https://www.3s-arbeitsschutz.de/frontend/img/AmazonPay-Blk.svg" title="Amazon Pay" class="paymenticon">
  26.                     <img src="https://www.3s-arbeitsschutz.de/frontend/img/AMEX-Blk.svg" title="American Express" class="paymenticon">
  27.                     <img src="https://www.3s-arbeitsschutz.de/frontend/img/ApplePay-Blk.svg" title="Apple Pay" class="paymenticon">
  28.                     <img src="https://www.3s-arbeitsschutz.de/frontend/img/Google-Blk.svg" title="Google Pay" class="paymenticon">
  29.                     <img src="https://www.3s-arbeitsschutz.de/frontend/img/MasterCard-Blk.svg" title="MasterCard" class="paymenticon">
  30.                     <img src="https://www.3s-arbeitsschutz.de/frontend/img/PayPal-Blk.svg" title="PayPal" class="paymenticon">
  31.                     <img src="https://www.3s-arbeitsschutz.de/frontend/img/SEPA-Blk.svg" title="SEPA Lastschrift" class="paymenticon">
  32.                     <img src="https://www.3s-arbeitsschutz.de/frontend/img/Sofort-Ueberweisung-Blk.svg" title="Sofort-Überweisung" class="paymenticon">
  33.                     <img src="https://www.3s-arbeitsschutz.de/frontend/img/Visa-Blk.svg" title="Visa" class="paymenticon">
  34.                     <img src="https://www.3s-arbeitsschutz.de/frontend/img/Vorkasse-Blk.svg" title="Vorkasse" class="paymenticon">
  35.                 </div>
  36.                 <div class="bottom-box-content">
  37.                     <ul id="footernav3" class="footernav"><li class="frontendNavigationItem21 depth0 hasChildren"><a href="#" onclick="return false;" title="Rechtliches"><span class="frontendNavigationItemTitle">Rechtliches</span></a><span class="frontendNavigationItemMobile"></span><ul><li class="frontendNavigationItem22 depth1"><a href="https://www.3s-arbeitsschutz.de/de/pages/impressum" title="Impressum"><span class="frontendNavigationItemTitle">Impressum</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem23 depth1"><a href="https://www.3s-arbeitsschutz.de/de/pages/datenschutz" title="Datenschutz"><span class="frontendNavigationItemTitle">Datenschutz</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem42 depth1"><a href="https://www.3s-arbeitsschutz.de/de/pages/agb-2" title="AGB"><span class="frontendNavigationItemTitle">AGB</span></a><span class="frontendNavigationItemMobile"></span></li></ul></li></ul>                </div>
  38.             </div>
  39.         </div>
  40.         <div class="clear"></div>
  41.     </div>
  42. </div>
  43. <script type="text/javascript">
  44.     $(window).scroll(function() {
  45.         myAnimFooter();
  46.     });
  47.     $(window).resize(function() {
  48.         myAnimFooter();
  49.     });
  50.     $(function() {
  51.         myAnimFooter();
  52.     });
  53.     //FOOTER LINIEN ANIMATION
  54.     function myAnimFooter() {
  55.         $('.animElement').each(function(){
  56.             let top = $(this).offset().top - $(window).scrollTop();
  57.             let topFromBottom = (top - window.innerHeight) * -1;
  58.             if (topFromBottom >= 50) {
  59.                 $(this).addClass('animStarted');
  60.                 setTimeout(function() {
  61.                     $('#footer .animElement2').each(function(i){
  62.                         let row = $(this);
  63.                         setTimeout(function() {
  64.                             row.addClass('animStarted2');
  65.                         }, 700*i);
  66.                     });
  67.                 }, 700);
  68.             }
  69.         });
  70.     }
  71. </script>