Basic Layout HTML5

<!DOCTYPE html>
<html>
<head>
<!------- Head ------->
<!-------------------->
<!---- Meta Tags ----->
    <meta charset="utf-8" />
    <meta name="keywords" content="asd,asd,asd" />
    <meta name="description" content="asd asd asd" />
    <meta name="author" content="asdfgh" />
    <title>Basic title</title>
<!---- Meta Tags ----->
<!-------------------->
<!------ Style ------->
    <style>
    html, body{margin: 0; padding: 0; background: #ccc;}
    .left
    {
        width: 70%;
        background: blue;
        float: left;
    }

    .right
    {
        width: 30%;
        background: red;
        float: right;
    }

    nav > a{padding-left: 10px; text-decoration: none; text-align: center; background: #}

    section, article { background: yellow; width: 70%; float: left;}
    aside {background: green; width: 30%; float: right;}
    footer {text-align: center; background: #000; color: #fff;}
    </style>
<!----- Style ---->
<!---------------->
<!----- Head ----->
</head>
<!----- Head ----->
<!---------------->
<!----- Body ----->
<body>
<!----- Body ----->
<!---------------->
<!---- Header ---->
    <header>
        <div class="left">asd</div>
        <div class="right">asd</div>
    </header>
<!---- Header ---->
<!---------------->
<!-- Navigation -->
    <nav>
        <a href="#">asd</a>
        <a href="#">asd</a>
        <a href="#">asd</a>
        <a href="#">asd</a>
        <a href="#">asd</a>
    </nav>
<!-- Navigation -->
<!---------------->
<!---- Article --->
    <article>
        <section>
            asdf
        </section>
    </article>
<!-- Article -->
<!------------->
<!--- Aside --->
    <aside>
        aside element
    </aside>
<!-- Aside --->
<!------------>
<!-- Footer -->
    <footer>
    &copy; All Rights Reserved
    </footer>
<!-- Footer -->
<!------------>
<!--- Body --->
</body>
</html>