index.html

<!doctype html>
<html>
<head>
<title>Beginning Design Elements</title>
<link rel="stylesheet" href="./styles/mystyles.css">
</head>
<body>
<div id="wrapper">
    <header class="page">
         <h1>Here's My Site Name</h1>

    </header>
    <nav>
        <ul>
            <li><a href="#1">Nav Link 1</a>

            </li>
            <li><a href="#2">Nav Link 2</a>

            </li>
            <li><a href="#3">Nav Link 3</a>

            </li>
        </ul>
    </nav>
    <article>
        <header class="article">
             <h1>My Article</h1>

        </header>
    </article>
    <aside>
        <ul>
            <li><a href="#1">Link 1</a>

            </li>
            <li><a href="#2">Link 2</a>

            </li>
            <li><a href="#3">Link 3</a>

            </li>
        </ul>
    </aside>
    <footer>
        <p>footer content here</p>
    </footer>
</div>
</body>
</html>