Untitled

<html>
    <head>
        <style>
            body{
                margin: 0 auto;
                width: 100%;
            }
            header{
                height: 15%;
                width: 100%;
                background-color: blue;
            }
            #nav1{
                background-color: red;
                width: 15%;
                height: 85%;
                float: left;
            }
            #nav2{
                background-color: red;
                width: 15%;
                position: absolute;
                top: 15%;
                right: 0;
                height: 85%;
            }
            #container{
                background-color: pink;
                height: 85%;
                width: 70%;
                position: absolute;
                left: 15%;
            }
            footer{
                width: 100%;
                height: 10%;
                background-color: yellow;
                position: absolute;
                bottom: 0;
            }
        </style>
    </head>
    <body>
        <header>

        </header>
        <nav id="nav1">

        </nav>
        <div id="container">
            <article>

            </article>
            <footer>

            </footer>
        </div>
        <nav id="nav2">

        </nav>
    </body>
</html>