Untitled

<!DOCTYPE html>
<html lang="no">
<head>
    <meta charset="UTF-8">
    <title>Elias sin node.js</title>
    <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        body {
            background-color: #1d1d1d;
            font-family: "Source Sans Pro", sans-serif;
        }
        header {
            background-color: #3d3d3d;
        }
        nav {
            background-color: #2d2d2d;
            text-align: center;
        }
        nav > ul {
            height: 30px;
            max-width: 720px;
            margin: 0 auto 0 auto;
        }
        nav > ul:after {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            clear: both;
        }
        nav > ul >li {
            float: left;
            list-style-type: none;
            position: relative;
        }
        nav > ul > li.active > a {
            color: Yellow;
        }
        nav > ul >li.active:after > a {
            top: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(3,3,0,0);
            border-top-color: #303030;
            border-width: 15px;
            margin-left: -15px;

        }
        nav > ul >li:first-child a {
            border: none;
        }
        nav > ul >li > a {
            color: #cccccc;
            font-size: 14px;
            border-left: 1px solid rgba(109, 109, 109, 0.4);
            text-transform: uppercase;
            text-decoration: none;
            padding-left: 12px;
            padding-right: 12px;
        }
        nav > ul >li > a:hover {
            text-decoration: underline;
            color: rgb(126,169,21);
            text-shadow: 0px 0px 30px #FFF;
        }

        #logo {
            width: 182px;
            margin-top: 30px;
            margin-right: auto;
            margin-bottom: 30px;
            margin-left: auto;
        }

    </style>
</head>
<body>

    <header>
        <div id="inner-header">A linux ...</div>
        <nav>
            <img id="logo" src="node%20js%20logo.svg">
            <ul>
                <li class="active">
                    <a href="#">Home</a>
                </li>
                <li>
                    <a href="#">Downloads</a>
                </li>
                <li>
                    <a href="#">Docs</a>
                </li>
                <li>
                    <a href="#">Foundation</a>
                </li>
                <li>
                    <a href="#">Community</a>
                </li>
                <li>
                    <a href="#">About</a>
                </li>
                <li>
                    <a href="#">Jobs</a>
                </li>
                <li>
                    <a href="#">Blog</a>
                </li>
                <li>
                    <a href="#">Contribute</a>
                </li>

            </ul>
        </nav>
    </header>

</body>
</html>