Untitled

<html>
    <head>
        <title>Tugas 1</title>
        <style>
            #header{
                height: 250px;
                text-align: center;
            }
            #sidebar{
                width: 300px;
                height: 400px;
                background: grey;
                float: left;
            }
            #sidebar ul{
                width: 300px;
            }
            #sidebar ul li{
                list-style: none;
                padding: 20px;
                margin-bottom: 10px;
                background: purple;
                width: 150px;
                text-align: center;
            }
            #sidebar ul li a{
                text-decoration: none;
                color: white;

            }
            #content{
                height: 400px;
                background: orange;
            }
            #footer{
                height: 70px;
                background: green;
            }
            body{
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    <body>
        <div id="header">
            <h1>Selamat Datang di PT. Prima Ilmu Coding</h1>
            <img src="banner.jpg" alt="" height="150px" width="700px">
        </div>
        <div id="sidebar">
            <ul>
                <li><a href="">Project 1</a></li>
                <li><a href="">Project 2</a></li>
                <li><a href="">Project 3</a></li>
            </ul>
        </div>
        <div id="content">Content</div>
        <div id="footer">Footer</div>
    </body>
</html>