Page2

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


<header>
    <title>Komma igång</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>Komma igång</h1>

</header>

<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="jazz.jpg">

</section>


<article>

    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ab quas quis, ipsam tenetur <br>
        sequi esse dicta, odio, quibusdam excepturi consequatur illo facere in quisquam cupiditate ullam velit <br>
        quos vero voluptates?</p>


    <form>

        <button class="button"><a href="first_project.html">Nästa sida</a></button>
        <button class="button"><a href="index.html">Startsida</a></button>

    </form>
</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>

</html>