custom/plugins/EmovaTheme/src/Resources/views/storefront/layout/footer/social-pages-footer.html.twig line 1

Open in your IDE?
  1. <div class="isMobile">
  2.   <div style="padding:30px 0px; width:100%">
  3.     <div style="margin-left:auto; margin-righ:auto; width:100%; max-width:1400px">
  4.       <div class="row display-flex">
  5.         <div class="col-6">
  6.           <div class="row">
  7.             <div class="col-12 col-md-4 aa-text">97 % zufriedene Kunden</div>
  8.             <div class="col-12 col-md-4 aa-text">&gt; 50.000 Bestellungen/Jahr</div>
  9.             <div class="col-12 col-md-4 aa-text">73 Jahre Erfahrung</div>
  10.           </div>
  11.         </div>
  13.         <div class="col-6">
  14.           <div class="row">
  15.             <div class="col-4">
  16.               {# <img class="item-logo" src="https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_shops.png?width=100&amp;height=100&amp;name=logo_trusted_shops.png" alt="Trusted shops" loading="lazy" width="100" height="100" srcset="https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_shops.png?width=50&amp;height=50&amp;name=logo_trusted_shops.png 50w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_shops.png?width=100&amp;height=100&amp;name=logo_trusted_shops.png 100w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_shops.png?width=150&amp;height=150&amp;name=logo_trusted_shops.png 150w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_shops.png?width=200&amp;height=200&amp;name=logo_trusted_shops.png 200w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_shops.png?width=250&amp;height=250&amp;name=logo_trusted_shops.png 250w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_shops.png?width=300&amp;height=300&amp;name=logo_trusted_shops.png 300w" sizes="(max-width: 100px) 100vw, 100px" /> #}
  17.             </div>
  19.             <div class="col-4">
  20.               <img class="item-logo" src="https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_google_shop.png?width=100&amp;height=100&amp;name=logo_trusted_google_shop.png" alt="Google - Trusted shops" loading="lazy" width="100" height="100" srcset="https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_google_shop.png?width=50&amp;height=50&amp;name=logo_trusted_google_shop.png 50w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_google_shop.png?width=100&amp;height=100&amp;name=logo_trusted_google_shop.png 100w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_google_shop.png?width=150&amp;height=150&amp;name=logo_trusted_google_shop.png 150w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_google_shop.png?width=200&amp;height=200&amp;name=logo_trusted_google_shop.png 200w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_google_shop.png?width=250&amp;height=250&amp;name=logo_trusted_google_shop.png 250w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_google_shop.png?width=300&amp;height=300&amp;name=logo_trusted_google_shop.png 300w" sizes="(max-width: 100px) 100vw, 100px" />
  21.             </div>
  23.             <div class="col-4">
  24.               <div>
  25.                 <img src="https://www.emova.de/hubfs/theme-emova/assets/icons/icon-start-full.svg" loading="lazy" alt="" role="presentation" width="20" height="20" />
  26.                 <img src="https://www.emova.de/hubfs/theme-emova/assets/icons/icon-start-full.svg" loading="lazy" alt="" role="presentation" width="20" height="20" />
  27.                 <img src="https://www.emova.de/hubfs/theme-emova/assets/icons/icon-start-full.svg" loading="lazy" alt="" role="presentation" width="20" height="20" />
  28.                 <img src="https://www.emova.de/hubfs/theme-emova/assets/icons/icon-start-full.svg" loading="lazy" alt="" role="presentation" width="20" height="20" />
  29.                 <img src="https://www.emova.de/hubfs/theme-emova/assets/icons/icon-start-half.svg" loading="lazy" alt="" role="presentation" width="20" height="20" />
  30.               </div>
  31.               <div class="aa-text">4,88 Sehr Gut</div>
  32.             </div>
  33.           </div>
  34.         </div>
  35.       </div>
  36.     </div>
  37.   </div>
  38. </div>
  39. <div class="isDesktop">
  40.       <div class="row display-flex" style="padding: 10px 10px 10px 0px;">
  41.         <div class="col-12">
  42.             <div class="row" style="text-align: center; align-items: center">
  43.               {# <div class="col-4 padding-left10">
  44.                   <img class="item-logo" src="https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_shops.png?width=100&amp;height=100&amp;name=logo_trusted_shops.png" alt="Trusted shops" loading="lazy" width="100" height="100" srcset="https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_shops.png?width=50&amp;height=50&amp;name=logo_trusted_shops.png 50w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_shops.png?width=100&amp;height=100&amp;name=logo_trusted_shops.png 100w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_shops.png?width=150&amp;height=150&amp;name=logo_trusted_shops.png 150w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_shops.png?width=200&amp;height=200&amp;name=logo_trusted_shops.png 200w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_shops.png?width=250&amp;height=250&amp;name=logo_trusted_shops.png 250w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_shops.png?width=300&amp;height=300&amp;name=logo_trusted_shops.png 300w" sizes="(max-width: 100px) 100vw, 100px">
  45.               </div> #}
  46.               <div class="col-4">
  47.                   <img class="item-logo" src="https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_google_shop.png?width=100&amp;height=100&amp;name=logo_trusted_google_shop.png" alt="Google - Trusted shops" loading="lazy" width="100" height="100" srcset="https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_google_shop.png?width=50&amp;height=50&amp;name=logo_trusted_google_shop.png 50w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_google_shop.png?width=100&amp;height=100&amp;name=logo_trusted_google_shop.png 100w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_google_shop.png?width=150&amp;height=150&amp;name=logo_trusted_google_shop.png 150w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_google_shop.png?width=200&amp;height=200&amp;name=logo_trusted_google_shop.png 200w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_google_shop.png?width=250&amp;height=250&amp;name=logo_trusted_google_shop.png 250w, https://www.emova.de/hs-fs/hubfs/theme-emova/assets/Other-logos/logo_trusted_google_shop.png?width=300&amp;height=300&amp;name=logo_trusted_google_shop.png 300w" sizes="(max-width: 100px) 100vw, 100px">
  48.               </div>
  49.               {# <div class="col-4 padding-left10">
  50.               </div> #}
  51.               <div class="col-4">
  52.                   <div style="display:flex; justify-content: center;">
  53.                   <img src="https://www.emova.de/hubfs/theme-emova/assets/icons/icon-start-full.svg" loading="lazy" alt="" role="presentation" width="15" height="15">
  54.                   <img src="https://www.emova.de/hubfs/theme-emova/assets/icons/icon-start-full.svg" loading="lazy" alt="" role="presentation" width="15" height="15">
  55.                   <img src="https://www.emova.de/hubfs/theme-emova/assets/icons/icon-start-full.svg" loading="lazy" alt="" role="presentation" width="15" height="15">
  56.                   <img src="https://www.emova.de/hubfs/theme-emova/assets/icons/icon-start-full.svg" loading="lazy" alt="" role="presentation" width="15" height="15">
  57.                   <img src="https://www.emova.de/hubfs/theme-emova/assets/icons/icon-start-half.svg" loading="lazy" alt="" role="presentation" width="15" height="15">
  58.                   </div>
  59.                   <div class="aa-text" style="font-size: 0.9rem;">
  60.                   4,88 Sehr Gut
  61.                   </div>
  62.               </div>
  63.                <div class="col-4" style="font-size: 0.9rem;">
  64.                     97% zufriedene Kunden
  65.               </div>
  66.             </div>
  67.         </div>
  68.       </div>
  69. </div>
  71. <style>
  72.   .padding-left10{
  73.     padding-left: 10px;
  74.   }
  76.   .item-logo {
  77.     width: 50px;
  78.     height: auto;
  79.   }
  81.   .display-flex {
  82.     display: flex;
  83.     flex-direction: row;
  84.     align-items: center;
  85.   }
  86.   .aa-text {
  87.     font-size: 1.25rem;
  88.     line-height: 1.25em;
  89.   }
  90.   .margin-0-15 {
  91.     margin: 0px 15px;
  92.   }
  93.   .col-hg-4 {
  94.     -webkit-box-flex: 0;
  95.     -ms-flex: 0 0 33.33333%;
  96.     max-width: 33.33333%;
  97.     justify-content: space-around;
  98.     padding-right: 80px;
  99.   }
  100. </style>