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>
        <header>
            <h1>Main Headline</h1>
        </header>
        <article>
            <h2>Article 1</h2>
            <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus ligula at velit eleifend pellentesque. Phasellus purus orci, dapibus ac feugiat in, feugiat rutrum felis. Phasellus nec turpis porta, consectetur dui ac, egestas tortor. In blandit, elit a auctor porttitor, sem enim auctor felis, eget luctus ligula quam ac risus. Sed et ex vitae purus pulvinar sodales. Mauris laoreet non lacus ac laoreet. Donec ullamcorper, diam at fringilla semper, erat ipsum fermentum nunc, non ornare nunc purus ut dolor. Quisque tincidunt viverra massa.
            </p>
            <p>
            Etiam scelerisque tempus ligula eu viverra. Donec eu enim et purus faucibus gravida at in sapien. Morbi feugiat ultrices pharetra. Donec at finibus mi, et blandit ligula. Cras accumsan ipsum nec eros vulputate interdum. Nam vehicula erat vitae purus cursus, vitae luctus lorem tincidunt. Donec vel sollicitudin tortor. Nulla condimentum iaculis fringilla. Nulla facilisi. Donec suscipit libero vel faucibus rutrum. Nulla rutrum ex eget faucibus ultricies. Sed sollicitudin volutpat nisi, ut lacinia ex consequat ac. Donec tincidunt leo vitae libero pellentesque, iaculis molestie nisi pharetra. Fusce euismod lacinia eros, id auctor eros scelerisque et. Quisque semper, dolor sed convallis cursus, enim mi faucibus justo, sed ultrices lectus quam et nibh.
            </p>
            <p>
            Donec ornare, enim vitae congue interdum, quam nunc dignissim eros, vitae rhoncus elit ex vel diam. Donec quis ante at augue fringilla maximus vitae non lacus. Duis elementum non mi at porta. Nullam id pretium dolor. Phasellus elementum nibh tellus, vel posuere tellus porttitor eget. Curabitur quis turpis tellus. Quisque sollicitudin finibus erat eu interdum.
            </p>
            <p>
            Maecenas at elementum justo. Mauris fringilla malesuada varius. Sed sit amet lorem libero. Nunc non convallis nunc. Curabitur gravida, ipsum quis luctus venenatis, metus nulla tincidunt magna, sit amet sollicitudin diam nulla a justo. Donec faucibus malesuada fringilla. Aliquam tempor blandit urna, vitae ultrices sem dapibus non. Proin vehicula, est quis euismod venenatis, dolor lacus maximus est, non interdum massa massa eget felis. Nullam augue quam, feugiat consectetur commodo nec, facilisis eget libero. Nam elementum ultricies orci elementum posuere. Proin venenatis tristique venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque eu quam pharetra velit faucibus tristique. Donec accumsan orci quam, dapibus bibendum elit feugiat ut. Vivamus in consequat sapien. Mauris laoreet libero nunc, ac convallis velit molestie ac.
            </p>
            <p>
            In hac habitasse platea dictumst. Mauris sapien nisl, mattis sit amet ligula at, dapibus vestibulum arcu. Pellentesque ultricies, sem vitae aliquet molestie, nibh mi suscipit quam, a varius ligula purus ac nibh. Nunc et mi non nisl ornare placerat at non dolor. Etiam maximus est et dui egestas euismod. Vestibulum eget nisi vel quam pharetra ultricies sit amet nec mauris. Vivamus non magna elit. Praesent interdum purus ac felis hendrerit, in placerat mi sodales. Aenean dictum quis urna suscipit imperdiet
            </p>
        </article>
        <article>
            <h2>Article 2</h2>
            <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus ligula at velit eleifend pellentesque. Phasellus purus orci, dapibus ac feugiat in, feugiat rutrum felis. Phasellus nec turpis porta, consectetur dui ac, egestas tortor. In blandit, elit a auctor porttitor, sem enim auctor felis, eget luctus ligula quam ac risus. Sed et ex vitae purus pulvinar sodales. Mauris laoreet non lacus ac laoreet. Donec ullamcorper, diam at fringilla semper, erat ipsum fermentum nunc, non ornare nunc purus ut dolor. Quisque tincidunt viverra massa.
            </p>
            <p>
            Etiam scelerisque tempus ligula eu viverra. Donec eu enim et purus faucibus gravida at in sapien. Morbi feugiat ultrices pharetra. Donec at finibus mi, et blandit ligula. Cras accumsan ipsum nec eros vulputate interdum. Nam vehicula erat vitae purus cursus, vitae luctus lorem tincidunt. Donec vel sollicitudin tortor. Nulla condimentum iaculis fringilla. Nulla facilisi. Donec suscipit libero vel faucibus rutrum. Nulla rutrum ex eget faucibus ultricies. Sed sollicitudin volutpat nisi, ut lacinia ex consequat ac. Donec tincidunt leo vitae libero pellentesque, iaculis molestie nisi pharetra. Fusce euismod lacinia eros, id auctor eros scelerisque et. Quisque semper, dolor sed convallis cursus, enim mi faucibus justo, sed ultrices lectus quam et nibh.
            </p>
            <p>
            Donec ornare, enim vitae congue interdum, quam nunc dignissim eros, vitae rhoncus elit ex vel diam. Donec quis ante at augue fringilla maximus vitae non lacus. Duis elementum non mi at porta. Nullam id pretium dolor. Phasellus elementum nibh tellus, vel posuere tellus porttitor eget. Curabitur quis turpis tellus. Quisque sollicitudin finibus erat eu interdum.
            </p>
            <p>
            Maecenas at elementum justo. Mauris fringilla malesuada varius. Sed sit amet lorem libero. Nunc non convallis nunc. Curabitur gravida, ipsum quis luctus venenatis, metus nulla tincidunt magna, sit amet sollicitudin diam nulla a justo. Donec faucibus malesuada fringilla. Aliquam tempor blandit urna, vitae ultrices sem dapibus non. Proin vehicula, est quis euismod venenatis, dolor lacus maximus est, non interdum massa massa eget felis. Nullam augue quam, feugiat consectetur commodo nec, facilisis eget libero. Nam elementum ultricies orci elementum posuere. Proin venenatis tristique venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque eu quam pharetra velit faucibus tristique. Donec accumsan orci quam, dapibus bibendum elit feugiat ut. Vivamus in consequat sapien. Mauris laoreet libero nunc, ac convallis velit molestie ac.
            </p>
            <p>
            In hac habitasse platea dictumst. Mauris sapien nisl, mattis sit amet ligula at, dapibus vestibulum arcu. Pellentesque ultricies, sem vitae aliquet molestie, nibh mi suscipit quam, a varius ligula purus ac nibh. Nunc et mi non nisl ornare placerat at non dolor. Etiam maximus est et dui egestas euismod. Vestibulum eget nisi vel quam pharetra ultricies sit amet nec mauris. Vivamus non magna elit. Praesent interdum purus ac felis hendrerit, in placerat mi sodales. Aenean dictum quis urna suscipit imperdiet
            </p>
        </article>
        <article>
            <h2>Article 3</h2>
            <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus ligula at velit eleifend pellentesque. Phasellus purus orci, dapibus ac feugiat in, feugiat rutrum felis. Phasellus nec turpis porta, consectetur dui ac, egestas tortor. In blandit, elit a auctor porttitor, sem enim auctor felis, eget luctus ligula quam ac risus. Sed et ex vitae purus pulvinar sodales. Mauris laoreet non lacus ac laoreet. Donec ullamcorper, diam at fringilla semper, erat ipsum fermentum nunc, non ornare nunc purus ut dolor. Quisque tincidunt viverra massa.
            </p>
            <p>
            Etiam scelerisque tempus ligula eu viverra. Donec eu enim et purus faucibus gravida at in sapien. Morbi feugiat ultrices pharetra. Donec at finibus mi, et blandit ligula. Cras accumsan ipsum nec eros vulputate interdum. Nam vehicula erat vitae purus cursus, vitae luctus lorem tincidunt. Donec vel sollicitudin tortor. Nulla condimentum iaculis fringilla. Nulla facilisi. Donec suscipit libero vel faucibus rutrum. Nulla rutrum ex eget faucibus ultricies. Sed sollicitudin volutpat nisi, ut lacinia ex consequat ac. Donec tincidunt leo vitae libero pellentesque, iaculis molestie nisi pharetra. Fusce euismod lacinia eros, id auctor eros scelerisque et. Quisque semper, dolor sed convallis cursus, enim mi faucibus justo, sed ultrices lectus quam et nibh.
            </p>
            <p>
            Donec ornare, enim vitae congue interdum, quam nunc dignissim eros, vitae rhoncus elit ex vel diam. Donec quis ante at augue fringilla maximus vitae non lacus. Duis elementum non mi at porta. Nullam id pretium dolor. Phasellus elementum nibh tellus, vel posuere tellus porttitor eget. Curabitur quis turpis tellus. Quisque sollicitudin finibus erat eu interdum.
            </p>
            <p>
            Maecenas at elementum justo. Mauris fringilla malesuada varius. Sed sit amet lorem libero. Nunc non convallis nunc. Curabitur gravida, ipsum quis luctus venenatis, metus nulla tincidunt magna, sit amet sollicitudin diam nulla a justo. Donec faucibus malesuada fringilla. Aliquam tempor blandit urna, vitae ultrices sem dapibus non. Proin vehicula, est quis euismod venenatis, dolor lacus maximus est, non interdum massa massa eget felis. Nullam augue quam, feugiat consectetur commodo nec, facilisis eget libero. Nam elementum ultricies orci elementum posuere. Proin venenatis tristique venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque eu quam pharetra velit faucibus tristique. Donec accumsan orci quam, dapibus bibendum elit feugiat ut. Vivamus in consequat sapien. Mauris laoreet libero nunc, ac convallis velit molestie ac.
            </p>
            <p>
            In hac habitasse platea dictumst. Mauris sapien nisl, mattis sit amet ligula at, dapibus vestibulum arcu. Pellentesque ultricies, sem vitae aliquet molestie, nibh mi suscipit quam, a varius ligula purus ac nibh. Nunc et mi non nisl ornare placerat at non dolor. Etiam maximus est et dui egestas euismod. Vestibulum eget nisi vel quam pharetra ultricies sit amet nec mauris. Vivamus non magna elit. Praesent interdum purus ac felis hendrerit, in placerat mi sodales. Aenean dictum quis urna suscipit imperdiet
            </p>
        </article>
        <article>
            <h2>Article 4</h2>
            <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus ligula at velit eleifend pellentesque. Phasellus purus orci, dapibus ac feugiat in, feugiat rutrum felis. Phasellus nec turpis porta, consectetur dui ac, egestas tortor. In blandit, elit a auctor porttitor, sem enim auctor felis, eget luctus ligula quam ac risus. Sed et ex vitae purus pulvinar sodales. Mauris laoreet non lacus ac laoreet. Donec ullamcorper, diam at fringilla semper, erat ipsum fermentum nunc, non ornare nunc purus ut dolor. Quisque tincidunt viverra massa.
            </p>
            <p>
            Etiam scelerisque tempus ligula eu viverra. Donec eu enim et purus faucibus gravida at in sapien. Morbi feugiat ultrices pharetra. Donec at finibus mi, et blandit ligula. Cras accumsan ipsum nec eros vulputate interdum. Nam vehicula erat vitae purus cursus, vitae luctus lorem tincidunt. Donec vel sollicitudin tortor. Nulla condimentum iaculis fringilla. Nulla facilisi. Donec suscipit libero vel faucibus rutrum. Nulla rutrum ex eget faucibus ultricies. Sed sollicitudin volutpat nisi, ut lacinia ex consequat ac. Donec tincidunt leo vitae libero pellentesque, iaculis molestie nisi pharetra. Fusce euismod lacinia eros, id auctor eros scelerisque et. Quisque semper, dolor sed convallis cursus, enim mi faucibus justo, sed ultrices lectus quam et nibh.
            </p>
            <p>
            Donec ornare, enim vitae congue interdum, quam nunc dignissim eros, vitae rhoncus elit ex vel diam. Donec quis ante at augue fringilla maximus vitae non lacus. Duis elementum non mi at porta. Nullam id pretium dolor. Phasellus elementum nibh tellus, vel posuere tellus porttitor eget. Curabitur quis turpis tellus. Quisque sollicitudin finibus erat eu interdum.
            </p>
            <p>
            Maecenas at elementum justo. Mauris fringilla malesuada varius. Sed sit amet lorem libero. Nunc non convallis nunc. Curabitur gravida, ipsum quis luctus venenatis, metus nulla tincidunt magna, sit amet sollicitudin diam nulla a justo. Donec faucibus malesuada fringilla. Aliquam tempor blandit urna, vitae ultrices sem dapibus non. Proin vehicula, est quis euismod venenatis, dolor lacus maximus est, non interdum massa massa eget felis. Nullam augue quam, feugiat consectetur commodo nec, facilisis eget libero. Nam elementum ultricies orci elementum posuere. Proin venenatis tristique venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque eu quam pharetra velit faucibus tristique. Donec accumsan orci quam, dapibus bibendum elit feugiat ut. Vivamus in consequat sapien. Mauris laoreet libero nunc, ac convallis velit molestie ac.
            </p>
            <p>
            In hac habitasse platea dictumst. Mauris sapien nisl, mattis sit amet ligula at, dapibus vestibulum arcu. Pellentesque ultricies, sem vitae aliquet molestie, nibh mi suscipit quam, a varius ligula purus ac nibh. Nunc et mi non nisl ornare placerat at non dolor. Etiam maximus est et dui egestas euismod. Vestibulum eget nisi vel quam pharetra ultricies sit amet nec mauris. Vivamus non magna elit. Praesent interdum purus ac felis hendrerit, in placerat mi sodales. Aenean dictum quis urna suscipit imperdiet
            </p>
        </article>
        <article>
            <h2>Article 5</h2>
            <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus ligula at velit eleifend pellentesque. Phasellus purus orci, dapibus ac feugiat in, feugiat rutrum felis. Phasellus nec turpis porta, consectetur dui ac, egestas tortor. In blandit, elit a auctor porttitor, sem enim auctor felis, eget luctus ligula quam ac risus. Sed et ex vitae purus pulvinar sodales. Mauris laoreet non lacus ac laoreet. Donec ullamcorper, diam at fringilla semper, erat ipsum fermentum nunc, non ornare nunc purus ut dolor. Quisque tincidunt viverra massa.
            </p>
            <p>
            Etiam scelerisque tempus ligula eu viverra. Donec eu enim et purus faucibus gravida at in sapien. Morbi feugiat ultrices pharetra. Donec at finibus mi, et blandit ligula. Cras accumsan ipsum nec eros vulputate interdum. Nam vehicula erat vitae purus cursus, vitae luctus lorem tincidunt. Donec vel sollicitudin tortor. Nulla condimentum iaculis fringilla. Nulla facilisi. Donec suscipit libero vel faucibus rutrum. Nulla rutrum ex eget faucibus ultricies. Sed sollicitudin volutpat nisi, ut lacinia ex consequat ac. Donec tincidunt leo vitae libero pellentesque, iaculis molestie nisi pharetra. Fusce euismod lacinia eros, id auctor eros scelerisque et. Quisque semper, dolor sed convallis cursus, enim mi faucibus justo, sed ultrices lectus quam et nibh.
            </p>
            <p>
            Donec ornare, enim vitae congue interdum, quam nunc dignissim eros, vitae rhoncus elit ex vel diam. Donec quis ante at augue fringilla maximus vitae non lacus. Duis elementum non mi at porta. Nullam id pretium dolor. Phasellus elementum nibh tellus, vel posuere tellus porttitor eget. Curabitur quis turpis tellus. Quisque sollicitudin finibus erat eu interdum.
            </p>
            <p>
            Maecenas at elementum justo. Mauris fringilla malesuada varius. Sed sit amet lorem libero. Nunc non convallis nunc. Curabitur gravida, ipsum quis luctus venenatis, metus nulla tincidunt magna, sit amet sollicitudin diam nulla a justo. Donec faucibus malesuada fringilla. Aliquam tempor blandit urna, vitae ultrices sem dapibus non. Proin vehicula, est quis euismod venenatis, dolor lacus maximus est, non interdum massa massa eget felis. Nullam augue quam, feugiat consectetur commodo nec, facilisis eget libero. Nam elementum ultricies orci elementum posuere. Proin venenatis tristique venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque eu quam pharetra velit faucibus tristique. Donec accumsan orci quam, dapibus bibendum elit feugiat ut. Vivamus in consequat sapien. Mauris laoreet libero nunc, ac convallis velit molestie ac.
            </p>
            <p>
            In hac habitasse platea dictumst. Mauris sapien nisl, mattis sit amet ligula at, dapibus vestibulum arcu. Pellentesque ultricies, sem vitae aliquet molestie, nibh mi suscipit quam, a varius ligula purus ac nibh. Nunc et mi non nisl ornare placerat at non dolor. Etiam maximus est et dui egestas euismod. Vestibulum eget nisi vel quam pharetra ultricies sit amet nec mauris. Vivamus non magna elit. Praesent interdum purus ac felis hendrerit, in placerat mi sodales. Aenean dictum quis urna suscipit imperdiet
            </p>
        </article>
        <footer>
            <p>Copyright - c.gorrill - 2020</p>
        </footer>
        <script src="script.js"></script>
    </body>
</html>