Untitled

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Example Page</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Heading h1</h1>
    <h2>Heading h2</h2>
    <h3>Heading h3</h3>
    <h4>Heading h4</h4>
    <h5>Heading h5</h5>
    <h6>Heading h6</h6>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempus urna et pharetra pharetra massa. Duis ultricies lacus sed turpis tincidunt id. Donec pretium vulputate sapien nec. Tellus pellentesque eu tincidunt tortor aliquam nulla. Proin nibh nisl condimentum id venenatis a condimentum vitae sapien. Adipiscing commodo elit at imperdiet dui accumsan sit amet. Id nibh tortor id aliquet lectus proin nibh nisl condimentum. Venenatis cras sed felis eget velit aliquet sagittis. Pellentesque nec nam aliquam sem et tortor consequat.</p>
    <p>Nisl nunc mi ipsum faucibus. In nulla <a href="#">posuere sollicitudin</a> aliquam ultrices sagittis. Enim sed faucibus turpis in. Volutpat lacus laoreet non curabitur gravida. Volutpat lacus laoreet non curabitur gravida arcu ac tortor dignissim. In tellus integer feugiat scelerisque varius morbi enim nunc faucibus. Augue eget arcu dictum varius duis at consectetur lorem donec. Porttitor eget dolor morbi non arcu risus quis varius quam. Id nibh tortor id aliquet lectus. Turpis massa tincidunt dui ut ornare lectus sit.</p>

    <h2>Typography</h2>

    <h3>Paragraph</h3>
    <p>Dui id ornare arcu odio ut. Tincidunt dui ut ornare lectus sit amet est. Sit amet volutpat consequat mauris nunc congue. Gravida quis blandit turpis cursus in hac habitasse platea dictumst. Cras adipiscing enim eu turpis. At tempor commodo ullamcorper a lacus vestibulum sed arcu non. Purus ut faucibus pulvinar elementum integer enim neque volutpat ac. Mi ipsum faucibus vitae aliquet nec. Mi sit amet mauris commodo quis. Quis lectus nulla at volutpat diam ut venenatis. Leo duis ut diam quam nulla. Donec adipiscing tristique risus nec feugiat. Vestibulum mattis ullamcorper velit sed ullamcorper morbi. Condimentum mattis pellentesque id nibh tortor id aliquet. Nisl vel pretium lectus quam id leo in vitae. Pellentesque id nibh tortor id. Vitae nunc sed velit dignissim sodales ut. Risus quis varius quam quisque. Augue ut lectus arcu bibendum at varius vel.</p>

    <h3>Unordered list</h3>
    <ul>
        <li>Fruit
            <ul>
                <li>Apple</li>
                <li>Banana</li>
                <li>Orange</li>
            </ul>
        </li>
        <li>Vegetable</li>
    </ul>

    <h3>Ordered list</h3>
    <ol>
        <li>Fruit
            <ol>
                <li>Apple</li>
                <li>Banana</li>
                <li>Orange</li>
            </ol>
        </li>
        <li>Vegetable</li>
    </ol>

    <h3>List with paragraphs</h3>
    <ul>
        <li>
            <p>Facilisi nullam vehicula ipsum a arcu. Amet volutpat consequat mauris nunc. Cras sed felis eget velit aliquet. Feugiat in fermentum posuere urna nec tincidunt praesent semper feugiat. Sit amet consectetur adipiscing elit ut. In eu mi bibendum neque egestas. Morbi leo urna molestie at elementum. Condimentum mattis pellentesque id nibh tortor. Velit dignissim sodales ut eu sem integer vitae. Turpis nunc eget lorem dolor sed viverra ipsum nunc. Id porta nibh venenatis cras sed felis eget. Enim facilisis gravida neque convallis. Sit amet commodo nulla facilisi nullam vehicula ipsum a arcu. Nisl nisi scelerisque eu ultrices vitae.</p>
            <p>Sagittis id consectetur purus ut faucibus pulvinar elementum integer.</p>
        </li>
        <li>
            <p>Fermentum posuere urna nec tincidunt. Faucibus nisl tincidunt eget nullam non nisi. Id donec ultrices tincidunt arcu non sodales neque sodales ut.</p>
            <p>Pellentesque nec nam aliquam sem. Malesuada fames ac turpis egestas integer. Quis auctor elit sed vulputate mi sit amet mauris commodo. Tortor consequat id porta nibh. Lacus sed turpis tincidunt id aliquet risus feugiat in. Nibh venenatis cras sed felis. Eu non diam phasellus vestibulum lorem sed risus. Duis ultricies lacus sed turpis tincidunt id. Sed vulputate odio ut enim blandit volutpat maecenas. Sit amet justo donec enim diam vulputate ut pharetra sit. Egestas diam in arcu cursus euismod quis viverra. Orci eu lobortis elementum nibh tellus molestie nunc non. Fermentum posuere urna nec tincidunt praesent semper feugiat. Iaculis eu non diam phasellus vestibulum lorem sed risus ultricies. Suscipit tellus mauris a diam maecenas.</p>
        </li>
    </ul>

    <h3>Blockquote</h3>
    <blockquote>
        <p>Gravida cum sociis natoque penatibus. Pharetra et ultrices neque ornare aenean euismod elementum. In nibh mauris cursus mattis molestie a iaculis at. Nullam vehicula ipsum a arcu cursus. Nisl suscipit adipiscing bibendum est.</p>
        <p>Quisque egestas diam in arcu cursus euismod quis viverra. Scelerisque eu ultrices vitae auctor eu augue. Montes nascetur ridiculus mus mauris vitae ultricies leo integer. Et sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque. Euismod quis viverra nibh cras pulvinar mattis. Ullamcorper eget nulla facilisi etiam.</p>
    </blockquote>

    <h3>Preformatted text</h3>
    <pre>>>> import this
The Zen of Python, by Tim Peters

Beautiful is better than ugly.
Explicit is better than implicit.
Simple is better than complex.
Complex is better than complicated.
Flat is better than nested.
Sparse is better than dense.
...</pre>

    <h2>Tables</h2>
    <table>
        <thead>
            <tr><th>Fruit</th><th>Count</th></tr>
        </thead>
        <tfoot>
            <tr><th>Total</th><th>15</th></tr>
        </tfoot>
        <tbody>
            <tr><td>Apples</td><td>5</td></tr>
            <tr><td>Bananas</td><td>8</td></tr>
            <tr><td>Oranges</td><td>2</td></tr>
        </tbody>
    </table>


    <h3>Table with paragraphs</h3>
    <table>
        <tr>
            <td>
                <p>Amet nulla facilisi morbi tempus. Massa sapien faucibus et molestie ac feugiat. Est ante in nibh mauris cursus mattis molestie a. Pretium quam vulputate dignissim suspendisse in est ante. Senectus et netus et malesuada.</p>
                <p>Tempus egestas sed sed risus pretium quam. Vitae auctor eu augue ut lectus arcu bibendum.</p>
            </td>
            <td>
                <p>Urna nunc id cursus metus aliquam eleifend mi in. Habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim. Id diam maecenas ultricies mi eget. Malesuada fames ac turpis egestas maecenas. Rhoncus urna neque viverra justo nec ultrices. Eu lobortis elementum nibh tellus. Praesent elementum facilisis leo vel. Dui id ornare arcu odio ut. Tellus in hac habitasse platea dictumst. Nunc non blandit massa enim nec. Arcu bibendum at varius vel. Amet risus nullam eget felis eget nunc lobortis.</p>
            </td>
        </tr>
    </table>


</body>
</html>