<!--
  templateType: global_partial
  label: Footer
-->

<section class="footer text-bg-dark" style="padding-top: 10px; padding-bottom: 10px; background-color: #000;">
 <div>  
  <div class="footer-menu-gen">
       <style>
          /* Justera textstorleken för h2 och paragraph på mobilvy */
          @media (max-width: 576px) {
              .footer-menu-gen {
                display: grid; /* Change display to grid on mobile devices */
                grid-template-columns: repeat(2, 1fr); /* Example: 2 columns in the grid */
                font-size: 16px
              }

          }
          /* Additional styling for screens with max-width: 768px */
          @media (min-width: 577px) {
              .footer-menu-gen {  
                display: flex;
                flex-direction: row;
                justify-content: center;
                font-size: 16px
                
              }
            }
      </style>
      <div style="padding: 10px; text-align: left;">
          <h3 style=" font-size: 20px">Städtjänster</h3>
          <ul style="list-style-type: none; padding: 0; margin: 0;">
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/hemstadning">Hemstädning</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/veckostadning">Veckostädning</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/storstadning">Storstädning</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/flyttstadning">Flyttstädning</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/fonsterputs-for-hemmet">Fönsterputs</a></li>
          </ul>
      </div>
      <div style="padding: 10px; text-align: left;">
          <h3 style=" font-size: 20px">Städtjänster företag</h3>
          <ul style="list-style-type: none; padding: 0; margin: 0;">
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/lokalvard">Lokalvård</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/kontorsstadning">Kontorsstädning</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/foretagsstadning">Företagsstädning</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/trappstadning">Trappstädning</a></li>            
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/fonsterputs-for-lokalvard">Fönsterputs</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/golvvard">Golvvård</a></li>
          </ul>
      </div>
      <div style="padding: 10px; text-align: left;">
          <h3 style=" font-size: 20px">Platser</h3>
          <ul style="list-style-type: none; padding: 0; margin: 0;">
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/har-stadar-vi/stadfirma-stockholm">Stockholm</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/har-stadar-vi/stadfirma-uppsala">Uppsala</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/har-stadar-vi/stadfirma-vasteras">Västerås</a></li>
          </ul>
      </div>    
      <div style="padding: 10px; text-align: left;">
          <h3 style=" font-size: 20px">Om oss</h3>
          <ul style="list-style-type: none; padding: 0; margin: 0;">
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadforetag">Om oss</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://jobb.vardagsfrid.se/">Jobba hos oss</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadforetag/faq">FAQ</a></li>
          </ul>
      </div>
   </div>
 </div>
  <div class="container">
    <footer style="text-align: center; margin-left: auto; margin-right: auto; padding-top: 15px;">
      <div class="col-md-4 col-sm-12 mb-0" style="text-align: center; margin-left: auto;
    margin-right: auto;">
            <p>© 2023 Vardagsfrid</p>
            <a href="https://vardagsfrid.se">
              <img src="{{ get_asset_url('/vardagsfrid-hubspot/assets/logo-light.svg') }}" alt="Vardagsfrid Logo" class="bi me-2" width="150" height="27" loading="lazy">
            </a>
      </div>
    </footer>
  </div>
</section>