Untitled

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>repl.it</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <script src="script.js">

    </script>
  <div class="wrapper">
    <header>
        <h1>Main Heading</h1>
    </header>
    <nav>
        <ul>
            <li><a href="link">link 1</a></li>
            <li><a href="link">link 2</a></li>
            <li><a href="link">link 3</a></li>
            <li><a href="link">link 4</a></li>
            <li><a href="link">link 5</a></li>
        </ul>
    </nav>
    <div class="main">
        <article>
            <h2>subhead</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique maximus pharetra. Nulla in ultricies tellus.
                Fusce aliquam et felis in bibendum. Fusce suscipit sapien in lacinia tincidunt. Duis ac maximus odio. Vivamus ut enim
                convallis, gravida dui et, cursus ligula. Donec lacus elit, tempor et molestie vitae, ullamcorper vel purus. Duis a iaculis
                lorem. Vestibulum rutrum enim eget massa aliquet rhoncus.
            </p>
            <p>Nulla euismod ex nunc, commodo efficitur dui efficitur eu. Suspendisse sed nunc tristique, hendrerit arcu quis, ornare
                lectus. Vestibulum placerat condimentum nulla, ut condimentum arcu sodales faucibus. Maecenas mattis urna id facilisis
                maximus. Curabitur maximus sollicitudin elementum. Praesent eget ligula pharetra, consectetur metus quis, egestas augue.
                Integer sed orci at dolor sodales efficitur nec at metus. Quisque at nibh quis mauris cursus sodales a vitae est. Duis
                semper congue tincidunt. Pellentesque eget risus non nulla interdum lobortis a id ex.
            </p>
            <p>Praesent et risus pulvinar, ultrices erat vel, hendrerit neque. Fusce iaculis nec leo in accumsan. Ut laoreet est at
                dictum pretium. Duis sit amet est sodales, tincidunt elit a, euismod turpis. Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. Nam sodales nisl diam, non efficitur eros interdum id. Praesent et neque ac mi pretium fermentum. Fusce
                condimentum placerat urna, vel lobortis tellus dictum ac. Aenean nulla lacus, vulputate sit amet viverra sit amet, bibendum
                quis nibh.
            </p>
            <p>Suspendisse non ultricies velit, a consectetur urna. Curabitur malesuada metus elit. In vitae diam quis dolor ultricies
                fermentum eu id libero. Suspendisse turpis lorem, tempus non lobortis id, egestas aliquam ex. Praesent hendrerit justo
                eget nulla vestibulum, at tempor orci condimentum. Donec mattis libero sit amet elit molestie, et tempus nibh blandit.
                Sed et ipsum tempor, pulvinar odio at, iaculis justo. Ut in porttitor urna. Interdum et malesuada fames ac ante ipsum
                primis in faucibus. Nulla at viverra elit, in sagittis sem. Interdum et malesuada fames ac ante ipsum primis in faucibus.
                Donec dolor ipsum, rhoncus ut blandit ac, tincidunt non erat. Nunc blandit mattis sapien. Cras ut elit a sem vestibulum
                auctor. Nullam leo nulla, dapibus at nibh ac, cursus fringilla nisl. Duis ultricies faucibus fringilla.
            </p>
            <p>Nulla dapibus tellus vel ligula volutpat pretium. Vivamus finibus egestas auctor. Morbi dui nunc, accumsan a pulvinar
                a, tincidunt in elit. Maecenas eu efficitur nibh. Pellentesque eu odio enim. Vestibulum quam metus, suscipit non dui
                et, commodo mollis purus. Nullam tincidunt venenatis magna, et rhoncus magna tempus vel. Donec non nunc rutrum enim pretium
                convallis eu sodales lacus. Integer feugiat lacus neque, vel pharetra massa mollis sit amet. Quisque non sem vel turpis
                tempus convallis. Suspendisse potenti. Phasellus interdum urna vitae tellus lobortis, eu elementum massa lacinia.</p>
        </article>
        <article>
            <h2>subhead</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique maximus pharetra. Nulla in ultricies tellus.
                Fusce aliquam et felis in bibendum. Fusce suscipit sapien in lacinia tincidunt. Duis ac maximus odio. Vivamus ut enim
                convallis, gravida dui et, cursus ligula. Donec lacus elit, tempor et molestie vitae, ullamcorper vel purus. Duis a iaculis
                lorem. Vestibulum rutrum enim eget massa aliquet rhoncus.
            </p>
            <p>Nulla euismod ex nunc, commodo efficitur dui efficitur eu. Suspendisse sed nunc tristique, hendrerit arcu quis, ornare
                lectus. Vestibulum placerat condimentum nulla, ut condimentum arcu sodales faucibus. Maecenas mattis urna id facilisis
                maximus. Curabitur maximus sollicitudin elementum. Praesent eget ligula pharetra, consectetur metus quis, egestas augue.
                Integer sed orci at dolor sodales efficitur nec at metus. Quisque at nibh quis mauris cursus sodales a vitae est. Duis
                semper congue tincidunt. Pellentesque eget risus non nulla interdum lobortis a id ex.
            </p>
            <p>Praesent et risus pulvinar, ultrices erat vel, hendrerit neque. Fusce iaculis nec leo in accumsan. Ut laoreet est at
                dictum pretium. Duis sit amet est sodales, tincidunt elit a, euismod turpis. Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. Nam sodales nisl diam, non efficitur eros interdum id. Praesent et neque ac mi pretium fermentum. Fusce
                condimentum placerat urna, vel lobortis tellus dictum ac. Aenean nulla lacus, vulputate sit amet viverra sit amet, bibendum
                quis nibh.
            </p>
            <p>Suspendisse non ultricies velit, a consectetur urna. Curabitur malesuada metus elit. In vitae diam quis dolor ultricies
                fermentum eu id libero. Suspendisse turpis lorem, tempus non lobortis id, egestas aliquam ex. Praesent hendrerit justo
                eget nulla vestibulum, at tempor orci condimentum. Donec mattis libero sit amet elit molestie, et tempus nibh blandit.
                Sed et ipsum tempor, pulvinar odio at, iaculis justo. Ut in porttitor urna. Interdum et malesuada fames ac ante ipsum
                primis in faucibus. Nulla at viverra elit, in sagittis sem. Interdum et malesuada fames ac ante ipsum primis in faucibus.
                Donec dolor ipsum, rhoncus ut blandit ac, tincidunt non erat. Nunc blandit mattis sapien. Cras ut elit a sem vestibulum
                auctor. Nullam leo nulla, dapibus at nibh ac, cursus fringilla nisl. Duis ultricies faucibus fringilla.

            </p>
            <p>Nulla dapibus tellus vel ligula volutpat pretium. Vivamus finibus egestas auctor. Morbi dui nunc, accumsan a pulvinar
                a, tincidunt in elit. Maecenas eu efficitur nibh. Pellentesque eu odio enim. Vestibulum quam metus, suscipit non dui
                et, commodo mollis purus. Nullam tincidunt venenatis magna, et rhoncus magna tempus vel. Donec non nunc rutrum enim pretium
                convallis eu sodales lacus. Integer feugiat lacus neque, vel pharetra massa mollis sit amet. Quisque non sem vel turpis
                tempus convallis. Suspendisse potenti. Phasellus interdum urna vitae tellus lobortis, eu elementum massa lacinia.</p>
        </article>
        <article>
            <h2>subhead</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique maximus pharetra. Nulla in ultricies tellus.
                Fusce aliquam et felis in bibendum. Fusce suscipit sapien in lacinia tincidunt. Duis ac maximus odio. Vivamus ut enim
                convallis, gravida dui et, cursus ligula. Donec lacus elit, tempor et molestie vitae, ullamcorper vel purus. Duis a iaculis
                lorem. Vestibulum rutrum enim eget massa aliquet rhoncus.
            </p>
            <p>Nulla euismod ex nunc, commodo efficitur dui efficitur eu. Suspendisse sed nunc tristique, hendrerit arcu quis, ornare
                lectus. Vestibulum placerat condimentum nulla, ut condimentum arcu sodales faucibus. Maecenas mattis urna id facilisis
                maximus. Curabitur maximus sollicitudin elementum. Praesent eget ligula pharetra, consectetur metus quis, egestas augue.
                Integer sed orci at dolor sodales efficitur nec at metus. Quisque at nibh quis mauris cursus sodales a vitae est. Duis
                semper congue tincidunt. Pellentesque eget risus non nulla interdum lobortis a id ex.
            </p>
            <p>Praesent et risus pulvinar, ultrices erat vel, hendrerit neque. Fusce iaculis nec leo in accumsan. Ut laoreet est at
                dictum pretium. Duis sit amet est sodales, tincidunt elit a, euismod turpis. Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. Nam sodales nisl diam, non efficitur eros interdum id. Praesent et neque ac mi pretium fermentum. Fusce
                condimentum placerat urna, vel lobortis tellus dictum ac. Aenean nulla lacus, vulputate sit amet viverra sit amet, bibendum
                quis nibh.
            </p>
            <p>Suspendisse non ultricies velit, a consectetur urna. Curabitur malesuada metus elit. In vitae diam quis dolor ultricies
                fermentum eu id libero. Suspendisse turpis lorem, tempus non lobortis id, egestas aliquam ex. Praesent hendrerit justo
                eget nulla vestibulum, at tempor orci condimentum. Donec mattis libero sit amet elit molestie, et tempus nibh blandit.
                Sed et ipsum tempor, pulvinar odio at, iaculis justo. Ut in porttitor urna. Interdum et malesuada fames ac ante ipsum
                primis in faucibus. Nulla at viverra elit, in sagittis sem. Interdum et malesuada fames ac ante ipsum primis in faucibus.
                Donec dolor ipsum, rhoncus ut blandit ac, tincidunt non erat. Nunc blandit mattis sapien. Cras ut elit a sem vestibulum
                auctor. Nullam leo nulla, dapibus at nibh ac, cursus fringilla nisl. Duis ultricies faucibus fringilla.
            </p>
            <p>Nulla dapibus tellus vel ligula volutpat pretium. Vivamus finibus egestas auctor. Morbi dui nunc, accumsan a pulvinar
                a, tincidunt in elit. Maecenas eu efficitur nibh. Pellentesque eu odio enim. Vestibulum quam metus, suscipit non dui
                et, commodo mollis purus. Nullam tincidunt venenatis magna, et rhoncus magna tempus vel. Donec non nunc rutrum enim pretium
                convallis eu sodales lacus. Integer feugiat lacus neque, vel pharetra massa mollis sit amet. Quisque non sem vel turpis
                tempus convallis. Suspendisse potenti. Phasellus interdum urna vitae tellus lobortis, eu elementum massa lacinia.</p>
        </article>
    </div>
    <!--end main div-->
    <div class="side">
        <article>
            <h2>subhead</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique maximus pharetra. Nulla in ultricies tellus.
                Fusce aliquam et felis in bibendum. Fusce suscipit sapien in lacinia tincidunt. Duis ac maximus odio. Vivamus ut enim
                convallis, gravida dui et, cursus ligula. Donec lacus elit, tempor et molestie vitae, ullamcorper vel purus. Duis a iaculis
                lorem. Vestibulum rutrum enim eget massa aliquet rhoncus.
            </p>
            <p>Nulla euismod ex nunc, commodo efficitur dui efficitur eu. Suspendisse sed nunc tristique, hendrerit arcu quis, ornare
                lectus. Vestibulum placerat condimentum nulla, ut condimentum arcu sodales faucibus. Maecenas mattis urna id facilisis
                maximus. Curabitur maximus sollicitudin elementum. Praesent eget ligula pharetra, consectetur metus quis, egestas augue.
                Integer sed orci at dolor sodales efficitur nec at metus. Quisque at nibh quis mauris cursus sodales a vitae est. Duis
                semper congue tincidunt. Pellentesque eget risus non nulla interdum lobortis a id ex.
            </p>
            <p>Praesent et risus pulvinar, ultrices erat vel, hendrerit neque. Fusce iaculis nec leo in accumsan. Ut laoreet est at
                dictum pretium. Duis sit amet est sodales, tincidunt elit a, euismod turpis. Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. Nam sodales nisl diam, non efficitur eros interdum id. Praesent et neque ac mi pretium fermentum. Fusce
                condimentum placerat urna, vel lobortis tellus dictum ac. Aenean nulla lacus, vulputate sit amet viverra sit amet, bibendum
                quis nibh.
            </p>
            <p>Suspendisse non ultricies velit, a consectetur urna. Curabitur malesuada metus elit. In vitae diam quis dolor ultricies
                fermentum eu id libero. Suspendisse turpis lorem, tempus non lobortis id, egestas aliquam ex. Praesent hendrerit justo
                eget nulla vestibulum, at tempor orci condimentum. Donec mattis libero sit amet elit molestie, et tempus nibh blandit.
                Sed et ipsum tempor, pulvinar odio at, iaculis justo. Ut in porttitor urna. Interdum et malesuada fames ac ante ipsum
                primis in faucibus. Nulla at viverra elit, in sagittis sem. Interdum et malesuada fames ac ante ipsum primis in faucibus.
                Donec dolor ipsum, rhoncus ut blandit ac, tincidunt non erat. Nunc blandit mattis sapien. Cras ut elit a sem vestibulum
                auctor. Nullam leo nulla, dapibus at nibh ac, cursus fringilla nisl. Duis ultricies faucibus fringilla.
            </p>
            <p>Nulla dapibus tellus vel ligula volutpat pretium. Vivamus finibus egestas auctor. Morbi dui nunc, accumsan a pulvinar
                a, tincidunt in elit. Maecenas eu efficitur nibh. Pellentesque eu odio enim. Vestibulum quam metus, suscipit non dui
                et, commodo mollis purus. Nullam tincidunt venenatis magna, et rhoncus magna tempus vel. Donec non nunc rutrum enim pretium
                convallis eu sodales lacus. Integer feugiat lacus neque, vel pharetra massa mollis sit amet. Quisque non sem vel turpis
                tempus convallis. Suspendisse potenti. Phasellus interdum urna vitae tellus lobortis, eu elementum massa lacinia.
            </p>
        </article>
        <article>
            <h2>subhead</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique maximus pharetra. Nulla in ultricies tellus.
                Fusce aliquam et felis in bibendum. Fusce suscipit sapien in lacinia tincidunt. Duis ac maximus odio. Vivamus ut enim
                convallis, gravida dui et, cursus ligula. Donec lacus elit, tempor et molestie vitae, ullamcorper vel purus. Duis a iaculis
                lorem. Vestibulum rutrum enim eget massa aliquet rhoncus.
            </p>
            <p>Nulla euismod ex nunc, commodo efficitur dui efficitur eu. Suspendisse sed nunc tristique, hendrerit arcu quis, ornare
                lectus. Vestibulum placerat condimentum nulla, ut condimentum arcu sodales faucibus. Maecenas mattis urna id facilisis
                maximus. Curabitur maximus sollicitudin elementum. Praesent eget ligula pharetra, consectetur metus quis, egestas augue.
                Integer sed orci at dolor sodales efficitur nec at metus. Quisque at nibh quis mauris cursus sodales a vitae est. Duis
                semper congue tincidunt. Pellentesque eget risus non nulla interdum lobortis a id ex.
            </p>
            <p>Praesent et risus pulvinar, ultrices erat vel, hendrerit neque. Fusce iaculis nec leo in accumsan. Ut laoreet est at
                dictum pretium. Duis sit amet est sodales, tincidunt elit a, euismod turpis. Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. Nam sodales nisl diam, non efficitur eros interdum id. Praesent et neque ac mi pretium fermentum. Fusce
                condimentum placerat urna, vel lobortis tellus dictum ac. Aenean nulla lacus, vulputate sit amet viverra sit amet, bibendum
                quis nibh.
            </p>
            <p>Suspendisse non ultricies velit, a consectetur urna. Curabitur malesuada metus elit. In vitae diam quis dolor ultricies
                fermentum eu id libero. Suspendisse turpis lorem, tempus non lobortis id, egestas aliquam ex. Praesent hendrerit justo
                eget nulla vestibulum, at tempor orci condimentum. Donec mattis libero sit amet elit molestie, et tempus nibh blandit.
                Sed et ipsum tempor, pulvinar odio at, iaculis justo. Ut in porttitor urna. Interdum et malesuada fames ac ante ipsum
                primis in faucibus. Nulla at viverra elit, in sagittis sem. Interdum et malesuada fames ac ante ipsum primis in faucibus.
                Donec dolor ipsum, rhoncus ut blandit ac, tincidunt non erat. Nunc blandit mattis sapien. Cras ut elit a sem vestibulum
                auctor. Nullam leo nulla, dapibus at nibh ac, cursus fringilla nisl. Duis ultricies faucibus fringilla.
            </p>
            <p>Nulla dapibus tellus vel ligula volutpat pretium. Vivamus finibus egestas auctor. Morbi dui nunc, accumsan a pulvinar
                a, tincidunt in elit. Maecenas eu efficitur nibh. Pellentesque eu odio enim. Vestibulum quam metus, suscipit non dui
                et, commodo mollis purus. Nullam tincidunt venenatis magna, et rhoncus magna tempus vel. Donec non nunc rutrum enim pretium
                convallis eu sodales lacus. Integer feugiat lacus neque, vel pharetra massa mollis sit amet. Quisque non sem vel turpis
                tempus convallis. Suspendisse potenti. Phasellus interdum urna vitae tellus lobortis, eu elementum massa lacinia.
            </p>
        </article>
    </div>
    <!--close side div-->
    <footer>tooter footer text</footer>
  </div>
</body>

</html>