<div class="prose">
  <h1>Header One</h1>
  <h2>Header Two</h2>
  <h3>Header Three</h3>
  <h4>Header Four</h4>
  <h5>Header Five</h5>
  <h6>Header Six</h6>
</div>

<div class="prose lg:prose-lg xl:prose-xl">
  <h1>Header One</h1>
  <h2>Header Two</h2>
  <h3>Header Three</h3>
  <h4>Header Four</h4>
  <h5>Header Five</h5>
  <h6>Header Six</h6>
</div>

<article class="prose">
  <h1>Header One</h1>
  <p>Norges teknisk-naturvitenskapelige universitet (NTNU) ligger i Trondheim.
    Det ble opprettet i 1996, gjennom en sammenslåing av institusjoner for
    forskning og høyere utdanning i Trondheim, og er det nest største av de
    åtte universitetene i Norge. NTNU har et bredt fagtilbud innen
    naturvitenskap, humaniora og estetiske fag, samfunnsvitenskap og
    økonomisk-administrative fag. NTNU har profesjonsutdanning innen
    ingeniørfag, medisin, psykologi, arkitektur, billedkunst, musikk og
    læreutdanning. Universitetet består av syv fakulteter med til sammen 48
    institutter. NTNU har 23 000 studenter, og uteksaminerer årlig cirka 3 500
    bachelor- og mastergradskandidater. Årlig avlegges cirka 370 doktorgrader
    (38 prosent kvinner). NTNU har rundt 5 000 årsverk, herav 3 000 i
    undervisning og forskning (36 prosent kvinner). NTNU har over 100
    laboratorier og driver cirka 2 000 forskningsprosjekter.</p>
  <h2>Header Two</h2>
  <p>Trondheim er kjent for sitt gode student- og studiemiljø og har flere
    ganger blitt kåret til Norges beste studieby. Trondheim har over 210 000
    innbyggere og over 37 000 studenter som setter sitt preg på byen.</p>
  <p><button class="btn btn-primary">Studieprogram i Trondheim</button></p>
  <h3>Header Three</h3>
  <p>Vil du begynne å studere ved NTNU? Er du allerede student, og vil gå
    videre fra bachelor til master? Lurer du på muligheten til å bytte
    studieprogram eller ta enkeltemner?</p>
  <ol>
    <li>Enkeltemner</li>
    <li>Norskkurs</li>
    <li>Opptak for flyktninger</li>
  </ol>
  <p>Dersom du har statsborgerskap fra land utenfor EU/EØS og Sveits, må du
    betale studieavgift for å studere på NTNU.</p>
  <ul>
    <li><a href="https://www.ntnu.no/studier/opptak/sprakkrav">Språkkrav</a></li>
    <li>Ledige studieplasser</li>
    <li>Studieoversikt</li>
  </ul>
  <h3>Header Three</h3>
  <blockquote>Sjekk oversikten under for informasjon om de ulike måtene du kan
    dekke norsk- og engelskkravet på for opptak til studier ved
    NTNU.</blockquote>

  <p>Dataingeniørstudiet er for deg som vil <strong>spesialisere deg i programmering</strong>. I
    tillegg vil du lære å bruke <strong>effektive utviklingsverktøy</strong> og <strong>metoder for å
    jobbe i team</strong> i større utviklingsprosjekter. Med en dataingeniørutdanning
    vil du være med på å forme fremtiden og digitalisere alle bransjer for alle
    formål. Den raske teknologiutviklingen medfører hele tiden nye og spennende
    produkter og tjenester. Som dataingeniør er du med på innovasjon og
    nyskaping hele tiden.</p>

</article>

<article class="prose">
  <h1>Article — Arcu elementum augue nam</h1>
  <p class="text-sm">Pubilshed by Typogra Grafsen, 25. of May, 2024.</p>
  <p class="text-lg">Ac nunc congue ex sagittis eget ipsum nisl viverra lectus commodo, non consequat conubia mi risus felis efficitur magnis. Non ornare magnis praesent libero eget nunc per nisl proin consequat ridiculus, elit pharetra leo dictum rutrum et adipiscing ad risus dolor, est auctor quisque montes vestibulum at justo ultricies parturient ultrices. Id cursus cubilia massa sem interdum eget vivamus habitant primis est consequat ante mi penatibus posuere, curae duis semper maximus quisque condimentum urna parturient morbi felis cras suspendisse ornare. </p>
  <p>Habitant enim aptent proin fames varius vitae porttitor, penatibus adipiscing pellentesque nisl orci posuere vel accumsan, himenaeos justo fermentum pretium ex nec. Ac nunc congue ex sagittis eget ipsum nisl viverra lectus commodo, non consequat conubia mi risus felis efficitur magnis. Non ornare magnis praesent libero eget nunc per nisl proin consequat ridiculus, elit pharetra leo dictum rutrum et adipiscing ad risus dolor, est auctor quisque montes vestibulum at justo ultricies parturient ultrices. Id cursus cubilia massa sem interdum eget vivamus habitant primis est consequat ante mi penatibus posuere, curae duis semper maximus quisque condimentum urna parturient morbi felis cras suspendisse ornare. Venenatis aenean vulputate mauris semper varius lobortis per elementum, auctor orci feugiat curae sodales pharetra fusce tincidunt integer, praesent ullamcorper dis suspendisse ac lorem magna. Faucibus posuere nibh dictum ac nisi dui ullamcorper ridiculus, potenti non senectus interdum a fusce. Ex ad pellentesque curabitur inceptos purus fames torquent porttitor tincidunt potenti viverra class libero, consectetur euismod commodo enim tortor in aliquet lobortis eu orci fringilla.</p>
  <h2>Curae morbi</h2>
  <p>Habitant enim aptent proin fames varius vitae porttitor, penatibus adipiscing pellentesque nisl orci posuere vel accumsan, himenaeos justo fermentum pretium ex nec. Ac nunc congue ex sagittis eget ipsum nisl viverra lectus commodo, non consequat conubia mi risus felis efficitur magnis. Non ornare magnis praesent libero eget nunc per nisl proin consequat ridiculus, elit pharetra leo dictum rutrum et adipiscing ad risus dolor, est auctor quisque montes vestibulum at justo ultricies parturient ultrices. Id cursus cubilia massa sem interdum eget vivamus habitant primis est consequat ante mi penatibus posuere, curae duis semper maximus quisque condimentum urna parturient morbi felis cras suspendisse ornare. Venenatis aenean vulputate mauris semper varius lobortis per elementum, auctor orci feugiat curae sodales pharetra fusce tincidunt integer, praesent ullamcorper dis suspendisse ac lorem magna. Faucibus posuere nibh dictum ac nisi dui ullamcorper ridiculus, potenti non senectus interdum a fusce. Ex ad pellentesque curabitur inceptos purus fames torquent porttitor tincidunt potenti viverra class libero, consectetur euismod commodo enim tortor in aliquet lobortis eu orci fringilla.</p>
  <h3>Pellentesque turpis fringilla pretium</h3>
  <p>Habitant enim aptent proin fames varius vitae porttitor, penatibus adipiscing pellentesque nisl orci posuere vel accumsan, himenaeos justo fermentum pretium ex nec. Ac nunc congue ex sagittis eget ipsum nisl viverra lectus commodo, non consequat conubia mi risus felis efficitur magnis. Non ornare magnis praesent libero eget nunc per nisl proin consequat ridiculus, elit pharetra leo dictum rutrum et adipiscing ad risus dolor, est auctor quisque montes vestibulum at justo ultricies parturient ultrices. Id cursus cubilia massa sem interdum eget vivamus habitant primis est consequat ante mi penatibus posuere, curae duis semper maximus quisque condimentum urna parturient morbi felis cras suspendisse ornare. Venenatis aenean vulputate mauris semper varius lobortis per elementum, auctor orci feugiat curae sodales pharetra fusce tincidunt integer, praesent ullamcorper dis suspendisse ac lorem magna. Faucibus posuere nibh dictum ac nisi dui ullamcorper ridiculus, potenti non senectus interdum a fusce. Ex ad pellentesque curabitur inceptos purus fames torquent porttitor tincidunt potenti viverra class libero, consectetur euismod commodo enim tortor in aliquet lobortis eu orci fringilla.</p>
  <ul>
    <li>Fermentum et fames phasellus suspendisse lacus urna vel habitasse non quisque duis</li>
    <li>Fermentum et fames phasellus suspendisse lacus urna vel habitasse non quisque duis</li>
    <li>Aptent facilisi dictumst cursus vitae elementum litora gravida tellus</li>
  </ul>
  <h4>Finibus commodo enim mauris nascetur aenean maximus consectetur</h4>
  <p>Nam laoreet tristique cursus conubia porta posuere praesent odio platea sagittis consectetur dictum risus dapibus semper, efficitur eleifend facilisi nisi massa tempor convallis quis ultricies class nunc sed varius. Lobortis duis ligula curae nec donec mus scelerisque nisi semper, nulla sociosqu id est netus mi convallis fames himenaeos, accumsan habitant suspendisse pharetra eu mollis faucibus potenti.</p>
  <p class="text-sm">Name: Typogra Grafsen</p>
  <h1>Image — Arcu elementum augue nam</h1>
  <figure>
    <img src="https://erikbets.folk.ntnu.no/assets/img.jpg">
    <figcaption>Photo of students in an joyful situation.</figcaption>
  </figure>
  <p class="text-lg">Porttitor justo suspendisse auctor himenaeos porta
    litora enim dolor tempus nullam ad gravida integer suscipit nascetur nam
    amet class pretium lectus dui mattis cursus vivamus massa nulla duis
    cubilia maximus.</p>
  <p>Risus aliquam vel velit euismod etiam litora platea hendrerit orci, metus
    taciti aptent congue habitasse pulvinar conubia duis, elementum cras
    nascetur sit habitant massa mi eros. Nisl in sed lacinia dapibus ipsum
    class diam ac curae justo non molestie, dignissim habitasse nibh ex iaculis
    sit facilisis luctus enim aliquam quis. Diam facilisis habitasse
    scelerisque purus ridiculus volutpat tortor arcu cubilia, vitae class velit
    lorem vel semper massa placerat nibh primis, cursus inceptos vestibulum
    quam est natoque commodo interdum.</p>
  <h1>Tabell – Nibh tortor dignissim</h1>
  <table>
    <thead>
      <tr>
      <th>Name</th>
      <th>Title</th>
      <th>Size</th>
      <th>Experties</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Erik</td>
        <td>Junior troll</td>
        <td>Small</td>
        <td>Goats</td>
      </tr>
      <tr>
        <td>Ingrun</td>
        <td>Troll</td>
        <td>Medium</td>
        <td>Expert on Bridges</td>
      </tr>
      <tr>
        <td>Tone</td>
        <td>Senior troll</td>
        <td>Large</td>
        <td>Head of Forests</td>
      </tr>
    </tbody>
  </table>
  <h1>List — Arcu elementum augue nam</h1>
    <ul>
      <li>Sociosqu dignissim natoque quis nibh cubilia pretium quisque curabitur class arcu suscipit</li>
      <li>Enim pretium vivamus praesent</li>
      <li>Porta eu molestie id sapien faucibus amet cubilia mauris pharetra habitasse egestas nisl commodo etiam erat penatibus mi et</li>
    </ul>
    <ul>
      <li>Sociosqu dignissim natoque quis nibh cubilia pretium quisque curabitur class arcu suscipit</li>
      <li>Enim pretium vivamus praesent</li>
      <li>Porta eu molestie id sapien faucibus amet cubilia mauris pharetra habitasse egestas nisl commodo etiam erat penatibus mi et</li>
      <li>Hac tortor tincidunt montes metus elementum dui natoque urna vulputate feugiat massa congue pellentesque lectus fusce nam eleifend vehicula sagittis dolor
        <ul>
          <li>Sociosqu dignissim natoque quis nibh cubilia pretium quisque curabitur class arcu suscipit</li>
          <li>Enim pretium vivamus praesent</li>
          <li>Porta eu molestie id sapien faucibus amet cubilia mauris pharetra habitasse egestas nisl commodo etiam erat penatibus mi et</li>
        </ul>
      </li>
    </ul>
    <ol>
      <li>Sociosqu dignissim natoque quis nibh cubilia pretium quisque curabitur class arcu suscipit</li>
      <li>Enim pretium vivamus praesent</li>
      <li>Porta eu molestie id sapien faucibus amet cubilia mauris pharetra habitasse egestas nisl commodo etiam erat penatibus mi et</li>
    </ol>
</article>

<div>
  <div class="text-9xl">Text 9xl</div>
  <div class="text-8xl">Text 8xl</div>
  <div class="text-7xl">Text 7xl</div>
  <div class="text-6xl">Text 6xl</div>
  <div class="text-5xl">Text 5xl</div>
  <div class="text-4xl">Text 4xl</div>
  <div class="text-3xl">Text 3xl</div>
  <div class="text-2xl">Text 2xl</div>
  <div class="text-xl">Text xl</div>
  <div class="text-lg">Text lg</div>
  <div class="text-md">Text md</div>
  <div class="text-sm">Text sm</div>
  <div class="text-xs">Text xs</div>
</div>
<div>
  <div class="font-bold">Bold</div>
  <div class="font-semibold">Semibold</div>
  <div class="font-normal">Normal</div>
</div>
<div>
  <div class="leading-3">Leading 3</div>
  <div class="leading-4">Leading 4</div>
  <div class="leading-5">Leading 5</div>
  <div class="leading-6">Leading 6</div>
  <div class="leading-7">Leading 7</div>
  <div class="leading-8">Leading 8</div>
  <div class="leading-9">Leading 9</div>
</div>