Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Title</title>
    <style>
        * {
            box-sizing: border-box;
        }
        body {
            padding: 0px;
            margin: 0px;
        }
        #header {
            background-color: yellow;
            position: relative;
            width: 100%;
            height: 200px;
        }
        #logo {
            position: absolute;
            top: 10%;
            left: 0px;
            height: 80%;
            width: 40%;
            background-color: red;
        }
        #banner {
            position: absolute;
            top: 40px;
            right: 15%;
            height: 120px;
            width: 30%;
            background-color: red;
        }

        #main {
            position: relative;
            background-color: blue;
            overflow: hidden;
        }
        #menu {
            z-index: 2;
            background-color: blue;
            height: 1000px;
            width: 30%;
            left: 0px;
            top: 0px;
            position: absolute;
        }
        #content {
            position: relative;
            left: 0px;
            top: 0px;
            width: 100%;
            padding-left: 30%;
            padding-right: 20%;
            background-color: orange;
            z-index: 1;
        }
        #side {
            height: 1000px;
            position: absolute;
            z-index: 2;
            background-color: blue;
            width: 20%;
            right: 0px;
            top: 0px;
        }
        #copyright {
            background-color: gray;
            position: relative;
            height: 200px;
            width: 100%;
        }
        #copyright div {
            position: absolute;
            top: calc(50% - 50px);
            left: 0px;
            height: 100px;
            background-color: green;
        }

    </style>
</head>
<body>
    <div id="header">
        <div id="logo">Logo</div>
        <div id="banner">Banner</div>
    </div>
    <div id="main">
        <div id="menu">Menu</div>
        <div id="content">Text lorem ipsum ipsum lorem lorem ipsum lorem ipsum ipsum lorem lorem ipsum lorem ipsum ipsum lorem lorem ipsum lorem ipsum ipsum lorem lorem ipsum lorem ipsum ipsum lorem lorem ipsum lorem ipsum ipsum lorem lorem ipsum lorem ipsum ipsum lorem lorem ipsum lorem ipsum ipsum lorem lorem ipsum lorem ipsum ipsum lorem lorem ipsum lorem ipsum ipsum lorem lorem ipsum lorem ipsum ipsum lorem lorem ipsum lorem ipsum ipsum lorem lorem ipsum lorem ipsum ipsum lorem lorem ipsum </div>
        <div id="side">Something</div>
    </div>
    <div id="copyright">
        <div>Copy</div>
    </div>
</body>
</html>