Designsystem
Tema

Card

Cards brukes for å gruppere og vise innhold på en måte som er lett leselig.
Personer

Har du søkt på studier ved NTNU?

For deg som venter på svar.

<div class="card bg-base-100 w-96 shadow-sm">
  <figure>
    <img
      src="https://www.ntnu.no/documents/10137/1261464715/NTNU_Studentrekruttering_BERREDSCF1556_web_forside.jpg/82d46ae8-5baf-82f3-d460-2ebe4f8e9849?t=1745314226476"
      alt="Personer" />
  </figure>
  <div class="card-body">
    <h2 class="card-title">Har du søkt på studier ved NTNU?</h2>
    <p>For deg som venter på svar.</p>
    <div class="card-actions justify-end">
      <button class="btn btn-primary">Mer informasjon</button>
    </div>
  </div>
</div>

Med sentrert innhold

Personer

Har du søkt på studier ved NTNU?

For deg som venter på svar.

<div class="card bg-base-100 w-96 shadow-sm">
  <figure class="px-10 pt-10">
    <img
      src="https://www.ntnu.no/documents/10137/1261464715/NTNU_Studentrekruttering_BERREDSCF1556_web_forside.jpg/82d46ae8-5baf-82f3-d460-2ebe4f8e9849?t=1745314226476"
      alt="Personer"
      class="rounded-xl" />
  </figure>
  <div class="card-body items-center text-center">
    <h2 class="card-title">Har du søkt på studier ved NTNU?</h2>
    <p>For deg som venter på svar.</p>
    <div class="card-actions">
      <button class="btn btn-primary">Mer informasjon</button>
    </div>
  </div>
</div>