Index

<!DOCTYPE html>
<html lang="en">


<header>
    <title>Min hobby</title> <!--The title will be shown on the upper tab.-->

    <link rel="stylesheet" href="stylesheet.css"> <!--Link to stylesheet-->
    <link rel="light" href="light.css"> <!--Link to light stylesheet-->
    <meta charset="UTF-8"> <!--Set charset to device-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--Adapt size to device-->
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!--Make the style compatible with older devices-->


        <div class="switch">Ljus bakgrund:
                <span class="inner-switch">AV</span>
            </div>
        <h1>Min hobby</h1>

</header>


<body>


<nav>

    <ul>
            <li><a href="index.html">Startsida</a></li>
            <li><a href="get_started.html">Komma igång</a></li>
            <li><a href="first_project.html">Första projektet</a></li>
            <li><a href="keep_going.html">Fortsättning</a></li>

    </ul>


</nav>

<section>

    <img src="live.jpg">

</section>


<article>

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam voluptatem dolore harum ducimus <br>
     laboriosam quaerat? Facere dolorem ex qui adipisci aut ut, optio similique totam quasi obcaecati, <br>
      unde enim reprehenderit.

        <form>


                <button class="button"><a href="get_started.html">Nästa sida</a></button>

            </form>
    <br>

</article>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="script.js"></script>

<br>
<br>

<footer>
    <hr>

    <table>

<tr>
        <td>Senast uppdaterad: 18.09.2019</td>
        <td>Isabelle Romhagen</td>
        <td>Ludvig Lundin</td>
</tr>


    </table>


</footer>

</body>

</html>