Untitled

<!DOCTYPE html>
<!-- sier noe om hva slags filtype det er. -->
<html>

<div class="hero-image">
  <div class="hero-text">
    <h1>Header1</h1>
    <p>Header2</p>
  </div>
</div>

<head>

  <link rel="stylesheet" href="css/style.css">

<!-- Angir en tittel til dokumentet -->
<title> Overskrift </title>

</head>

<!-- Innholdet i nettsiden -->
<body>

  <!-- Navigasjons Bar -->
    <ul>
      <li><a href="index.php">Hjem</a></li>
      <li class="dropdown">
      <a href="javascript:void(0)" class="dropbtn">Kurs</a>
        <div class="dropdown-content">
            <a href="HTML/vokal.html">Vokal</a>
            <a href="HTML/gitar.html">Gitar</a>
            <a href="HTML/piano.html">Piano</a>
            <a href"HTML/bass.html">Bass</a>
            <a href"HTML/andre_instrumenter">Andre Instrumenter</a>
            </div>
      <li><a href="_">Booke Lokale</a></li>
      <li><a href="_">Kontakt</a></li>
      <li><a href=".html">Om oss</a></li>

    <?php if( isset($_SESSION['username']) && !empty($_SESSION['username']) )
{
?>
      <li><a href="\PhP\logout.php">Logg ut</a></li>
<?php }else{ ?>
     <li><a href="\PhP\login.php">Inlogging</a></li>
     <li><a href="\PhP\register.php">Registrer deg</a></li>
<?php } ?>
    </ul>


<!-- Tekstparagraf -->
  <p> Lorem ipsum dolor sit amet, velit mi nulla, est magna aliquam ac ut mi. Duis elit aliquam id habitasse ultrices, nec tempor ac dui per, suscipit eget non turpis aliquam a etiam, urna vivamus molestie cursus sit ultrices fusce. Urna porta aenean, magna mauris praesent amet lacinia sed, scelerisque eleifend quis. Habitant integer, et metus eu gravida quisque adipiscing quam, donec vel vestibulum neque enim. Lacus donec eu, vel leo porttitor, elit libero, lobortis molestias integer orci. Mattis erat.
<br>
<!-- Mellomrom mellom paragraf -->
<br>
    Eget iaculis quis aenean ultrices, adipiscing lacinia. Elit sed litora nam ut, aenean tellus tincidunt et tincidunt, nunc quis, amet pellentesque sodales et arcu, excepturi mauris vitae sed. Aliquam tincidunt iaculis nulla quisque feugiat vehicula. Magnis vivamus vivamus ultrices, eget mi sodales amet eu lacus cras, posuere lorem mauris vitae in potenti, felis posuere integer mollis eros lobortis. Odio a montes et lobortis sem. Ligula urna lorem aenean amet aliquam diam, libero velit. Elit quis faucibus fusce aenean vehicula. Nec ullamcorper magna eleifend cras varius proin, purus neque dolor quis at donec. Mattis luctus vel, consectetuer eget, faucibus proin velit. Lacus hendrerit et rutrum egestas. Erat dignissim lorem, auctor est metus, etiam vestibulum aliquam nonummy, hendrerit sem justo, fermentum est sapien fringilla cras at.
<br>
<br>
    Eget iaculis quis aenean ultrices, adipiscing lacinia. Elit sed litora nam ut, aenean tellus tincidunt et tincidunt, nunc quis, amet pellentesque sodales et arcu, excepturi mauris vitae sed. Aliquam tincidunt iaculis nulla quisque feugiat vehicula. Magnis vivamus vivamus ultrices, eget mi sodales amet eu lacus cras, posuere lorem mauris vitae in potenti, felis posuere integer mollis eros lobortis. Odio a montes et lobortis sem. Ligula urna lorem aenean amet aliquam diam, libero velit. Elit quis faucibus fusce aenean vehicula. Nec ullamcorper magna eleifend cras varius proin, purus neque dolor quis at donec. Mattis luctus vel, consectetuer eget, faucibus proin velit. Lacus hendrerit et rutrum egestas. Erat dignissim lorem, auctor est metus, etiam vestibulum aliquam nonummy, hendrerit sem justo, fermentum est sapien fringilla cras at.


<br>
<br>
    Eget iaculis quis aenean ultrices, adipiscing lacinia. Elit sed litora nam ut, aenean tellus tincidunt et tincidunt, nunc quis, amet pellentesque sodales et arcu, excepturi mauris vitae sed. Aliquam tincidunt iaculis nulla quisque feugiat vehicula. Magnis vivamus vivamus ultrices, eget mi sodales amet eu lacus cras, posuere lorem mauris vitae in potenti, felis posuere integer mollis eros lobortis. Odio a montes et lobortis sem. Ligula urna lorem aenean amet aliquam diam, libero velit. Elit quis faucibus fusce aenean vehicula. Nec ullamcorper magna eleifend cras varius proin, purus neque dolor quis at donec. Mattis luctus vel, consectetuer eget, faucibus proin velit. Lacus hendrerit et rutrum egestas. Erat dignissim lorem, auctor est metus, etiam vestibulum aliquam nonummy, hendrerit sem justo, fermentum est sapien fringilla cras at.
</p>

<!-- Slutt på innholdet på nettstedet -->
</body>
<!-- Slutt på html-filen -->
</html>