Footer

<footer class=" bg-primary text-primary-content py-10">
  <div class="mx-auto max-w-5xl px-4 sm:px-6 lg:px-8 pb-4">
    <p class="text-xl font-semibold">
      NTNU – Norges teknisk-naturvitenskapelige universitet
    </p>
    <div class="join join-vertical sm:join-horizontal w-full sm:gap-2 mt-6 sm:mt-0">
      <div class="collapse collapse-arrow join-item border-y sm:border-0 rounded-none">
        <input id="footer-responsible-chk" type="checkbox" />
        <div class="collapse-title font-semibold whitespace-nowrap">
          Ansvarlig for siden
        </div>
        <div class="collapse-content text-sm grid place-items-start gap-2">
          <a class="link link-hover" href="https://www.ntnu.no/adm/it">Ansvarlig avdeling</a>
        </div>
      </div>
      <div class="collapse collapse-arrow join-item border-y sm:border-0">
        <input id="footer-about-chk" type="checkbox"" />
        <div class="collapse-title font-semibold whitespace-nowrap">Om siden</div>
        <div class="collapse-content text-sm grid place-items-start gap-2">
          <a class="link link-hover" href="https://www.ntnu.no/informasjonskapsler">
            Informasjonskapsler
          </a>
          <a class="link link-hover" href="https://www.ntnu.no/personvern">Personvern</a>
        </div>
      </div>
      <div class="collapse collapse-arrow join-item border-y sm:border-0 rounded-none">
        <input id="footer-contact-chk" type="checkbox" />
        <div class="collapse-title font-semibold whitespace-nowrap">Kontakt</div>
        <div class="collapse-content text-sm grid place-items-start gap-2">
          <a class="link link-hover" href="https://hjelp.ntnu.no">Kontakt oss</a>
          <a class="link link-hover" href="https://www.ntnu.no/adm/it/brukerstotte">Finn oss</a>
        </div>
      </div>
    </div>
    <aside class="pt-5">
      <a href="https://www.ntnu.no">
        <img src="logo_footer.svg"} width="250" />
      </a>
    </aside>
  </div>
</footer>