Untitled

<!DOCTYPE html>
<html>

    <head>
        <link rel="icon" href="http://i.imgur.com/uSY1b6O.png">
        <style>

            body {
                    background-image: url("http://deskbg.com/s3/wpp/0/609/blue-black-desktop-background.jpg")
            }

            div {
                background-color: white;
                width: 1790px;
                height: 500px;
                border: 3px solid black;
                padding: 25px;
                margin: 25px;
            }

            ul {
                list-style-type: none;
                margin: 0;
                width: 500px;
                text-align: center;
                padding: 0;
                overflow: hidden;
                border: 2px solid black;
                background-color: #315e84;

            }

            li {
                float: left;
            }

            li a {
                display: block;
                color: white;
                text-align: center;
                font-family: verdana;
                padding: 14px 16px;
                text-decoration: none;
            }

            li a:hover:not(.active) {
                background-color: #111;
            }

            .active {
                background-color: #29a578;
            }

        </style>
    </head>

    <body>

        <h1 style="text-align:center;font-family:verdana;color:white;font-size:300%">Tech Tidbits</h1>
        <p style="text-align:center;font-family:verdana;color:white">■ All you need to know. ■ </p>

        <center>
        <ul>
          <li><a class="active" href="#home">Home</a></li>
          <li><a href="#news">News</a></li>
          <li><a href="#contact">Contact</a></li>
          <li><a href="#about">About</a></li>
        </ul>
        </center>

        <div>
            <p>Doobi doobi dapdap.</p>
        </div>

    </body>
</html>