Untitled

<!DOCTYPE html>
<head>
    <title>Tomatens Historia</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="assets/css/main.css" />
    <link rel="stylesheet" href="assets/css/style-sorter.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

</head>
<body>
<header>
    <nav>
        <ul>
            <li><a href="index.html">Start</a></li>
            <li><a href="historia.html">Tomatens historia</a></li>
            <li><a href="handla.html">Köpa tomater</a></li>
            <li><a href="sorter.html">Tomat sorter</a></li>
            <li><a href="omoss.html">Om oss</a></li>
            <li><a href="kontakt.html">Kontakta oss</a></li>
        </ul>
    </nav>
</header>
<section class="slider">
<section class="slideShow" id="main-slider">
    <section class="slide">
        <article id="slideShow">
            <img class="slideShowItem" src="assets/images/tomat1.jpg">
        </article>
        <article class="textShowContainer">
            <article class="textShow">
                <h1 class="slideText">
                    Körsbärs Tomat
                </h1>
                <p class="slideText">
                    Nullam libero tellus, maximus ut nibh ac, rutrum auctor ligula. Quisque orci libero, posuere elementum arcu non, sollicitudin iaculis leo. Morbi quis ornare est. Quisque malesuada eros et dui hendrerit eleifend. Fusce non neque sed est auctor tempus. Donec aliquet arcu ac justo molestie maximus. Nullam accumsan scelerisque ullamcorper.
                </p>
                <button class="readMore" id="knapp0">
                    Läs mer
                </button>
            </article>
        </article>
    </section>
    <section class="slide">
        <article id="slideShow">
            <img class="slideShowItem" src="assets/images/tomat2.jpg">
        </article>
        <article class="textShowContainer">
            <article class="textShow">
                <h1 class="slideText">
                    Kräm Tomat
                </h1>
                <p class="slideText">
                    Nullam libero tellus, maximus ut nibh ac, rutrum auctor ligula. Quisque orci libero, posuere elementum arcu non, sollicitudin iaculis leo. Morbi quis ornare est. Quisque malesuada eros et dui hendrerit eleifend. Fusce non neque sed est auctor tempus. Donec aliquet arcu ac justo molestie maximus. Nullam accumsan scelerisque ullamcorper.
                </p>
                <button class="readMore" id="knapp1">
                    Läs mer
                </button>
            </article>
        </article>
    </section>
    <section class="slide">
        <article id="slideShow">
            <img class="slideShowItem" src="assets/images/tomat3.jpg">
        </article>
        <article class="textShowContainer">
            <article class="textShow">
                <h1 class="slideText">
                    Kokosnöt Tomat
                </h1>
                <p class="slideText">
                    Nullam libero tellus, maximus ut nibh ac, rutrum auctor ligula. Quisque orci libero, posuere elementum arcu non, sollicitudin iaculis leo. Morbi quis ornare est. Quisque malesuada eros et dui hendrerit eleifend. Fusce non neque sed est auctor tempus. Donec aliquet arcu ac justo molestie maximus. Nullam accumsan scelerisque ullamcorper.
                </p>
                <button class="readMore" id="knapp2">
                    Läs mer
                </button>
            </article>
        </article>
    </section>
</section>
</section>

<section class="infoBoard">
    <article class="infoBoard">
        <h1 id="infoTomat1" class="infoText">
            Körsbärs tomat
        </h1>
        <p class="infoText">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at tellus ipsum. Sed accumsan mattis leo, non accumsan urna luctus vel. Aliquam elit lorem, imperdiet et odio eu, scelerisque auctor felis. Praesent gravida ac magna nec tincidunt. Sed aliquam eleifend odio non ultrices. Suspendisse ultricies luctus lectus eu suscipit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam libero tellus, maximus ut nibh ac, rutrum auctor ligula. Quisque orci libero, posuere elementum arcu non, sollicitudin iaculis leo. Morbi quis ornare est. Quisque malesuada eros et dui hendrerit eleifend. Fusce non neque sed est auctor tempus. Donec aliquet arcu ac justo molestie maximus. Nullam accumsan scelerisque ullamcorper.
            Maecenas lacus est, ultrices at nunc ut, bibendum volutpat augue. Suspendisse potenti. Fusce consectetur ultricies vestibulum. Proin tempus semper facilisis. Aenean laoreet dolor in sapien sagittis ornare. Maecenas non justo magna. Cras et molestie metus, vitae interdum augue. Morbi iaculis libero quam, non volutpat magna mollis eget.
            Morbi ut mi nibh. Quisque vitae interdum quam. In non quam ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur auctor urna sed ultrices. Duis leo risus, auctor ac dolor eget, sagittis scelerisque tellus. Quisque sed quam vitae neque venenatis semper vitae eget nisl. Sed placerat turpis sem, vitae malesuada nulla vestibulum in. Aenean molestie luctus nisl, vel cursus ex luctus sit amet. Fusce malesuada elit velit, non molestie magna sagittis eu. Mauris quis aliquet purus, vitae maximus nibh. Nulla ullamcorper nec odio vel sollicitudin. Sed eu lectus viverra, vestibulum est nec, auctor ante. Maecenas tincidunt condimentum interdum. Nullam aliquet vulputate tristique. Sed facilisis justo eu laoreet finibus.
            Sed sagittis finibus purus. Proin non massa neque. Suspendisse facilisis consectetur tortor, quis ultricies nibh pharetra aliquet. Sed ullamcorper elit ac orci hendrerit, sed sagittis felis vulputate. Vivamus id dolor ac ipsum volutpat lacinia nec nec dui. Mauris est lectus, laoreet vel neque a, vehicula convallis purus. Donec vel diam sed nulla varius sodales. Donec accumsan sapien lacus. Aenean quis sem ut nisl fermentum iaculis venenatis mattis tortor. Duis blandit nisl vel massa eleifend, eget egestas ipsum congue. Donec porttitor orci quis dui dapibus viverra. Etiam scelerisque lorem risus.
        </p>
    </article>
</section>
<script src="assets/javascript/slider.js"></script>
</body>
</html>