data/example.html

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

<head>
    <title>Example Web Page</title>
</head>

<body>

    <h1 id='main'>DAT1 Class 7</h1>

    <p class='topic' id='api'>First, we utilized APIs, which are useful for getting data.</p>
    <p class='topic' id='scraping'>Now we are covering web scraping.  It is a more flexible way to get data but is also rather page specific.</p>
    <p class='topic' id='feedback'>These are the two main ways of retrieving data from the web.</p>

    <h2>Resource List</h2>

    <p>Here are some helpful API resources:</p>

    <ul id='api'>
        <li>API resource 1</li>
        <li>API resource 2</li>
    </ul>

    <p>Here are some helpful web scraping resources:</p>

    <ul id='scraping'>
        <li>Web scraping resource 1</li>
        <li>Web scraping resource 2</li>
    </ul>

</body>

</html>