index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8'>
        <title>My test page</title>
        <link href='styles/style.css' rel='stylesheet' type='text/css'>
        <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
    </head>
    <body>
        <div id='img-div'>
            <img src='images/fox-1842565_960_720.jpg'>
        </div>
        <h1>A page about foxes</h1>
        <p><a href='https://br.lipsum.com/'>Lorem ipsum</a> dolor sit amet, consectetur adipiscing elit. Aliquam dapibus dolor erat, non suscipit ipsum scelerisque eget. Donec a vestibulum neque, eu vehicula purus. Phasellus at maximus augue, eget aliquet eros. Morbi dapibus aliquet imperdiet. Aenean lacinia elit lacus, maximus dignissim orci cursus a. Nulla facilisi. Vestibulum neque ex, viverra eleifend commodo in, mattis sed lectus. Pellentesque non orci quis dolor fermentum pretium. Integer sollicitudin rutrum lorem quis aliquam. Pellentesque ac diam nisl.</p>
        <ul>
            <li>AAA</li>
            <li>BBB</li>
            <li>CCC</li>
            <li>DDD</li>
        </ul>
        <ol>
            <li>111</li>
            <li>222</li>
            <li>333</li>
            <li>444</li>
        </ol>
        <button>Change user</button>
    <script src="scripts/main.js"></script>
    </body>
</html>