mainpage/static/topbar.html

<nav id="topbar">
    <ul id="tabs-main" class="tabs">
        <li><a href="#">
            <svg width="136" height="54" viewBox="-0.5 -0.5 136 54" xmlns="http://www.w3.org/2000/svg">
                <g>
                    <path d="m 123.5,11.5 5,5 c 3.33333,3.333333 5,8.333333 5,15 v 10 c 0,6.666667 -3.33333,10 -10,10 H 11.500001 c -6.6666667,0 -10,-3.333333 -10,-10 v -30 c 0,-6.6666666 3.3333333,-9.9999996 10,-9.9999996 H 103.5 c 6.66667,0 11.66667,1.666667 15,5 z"
                          class="tab-svg-path"/>
                    <text x="67.010414" y="31.911449">
                        <tspan class="tab-svg-text">Home</tspan>
                    </text>
                </g>
            </svg>
        </a></li>

        <li><a href="#">
            <svg width="136" height="54" viewBox="-0.5 -0.5 136 54" xmlns="http://www.w3.org/2000/svg">
                <g>
                    <path d="m 123.5,11.5 5,5 c 3.33333,3.333333 5,8.333333 5,15 v 10 c 0,6.666667 -3.33333,10 -10,10 H 11.500001 c -6.6666667,0 -10,-3.333333 -10,-10 v -30 c 0,-6.6666666 3.3333333,-9.9999996 10,-9.9999996 H 103.5 c 6.66667,0 11.66667,1.666667 15,5 z"
                          class="tab-svg-path"/>
                    <text x="67.010414" y="31.911449">
                        <tspan class="tab-svg-text">Services</tspan>
                    </text>
                </g>
            </svg>
        </a></li>

        <li><a href="#">
            <svg width="136" height="54" viewBox="-0.5 -0.5 136 54" xmlns="http://www.w3.org/2000/svg">
                <g>
                    <path d="m 123.5,11.5 5,5 c 3.33333,3.333333 5,8.333333 5,15 v 10 c 0,6.666667 -3.33333,10 -10,10 H 11.500001 c -6.6666667,0 -10,-3.333333 -10,-10 v -30 c 0,-6.6666666 3.3333333,-9.9999996 10,-9.9999996 H 103.5 c 6.66667,0 11.66667,1.666667 15,5 z"
                          class="tab-svg-path"/>
                    <text x="67.010414" y="31.911449">
                        <tspan class="tab-svg-text">Community</tspan>
                    </text>
                </g>
            </svg>
        </a></li>

        <li><a href="#">
            <svg width="136" height="54" viewBox="-0.5 -0.5 136 54" xmlns="http://www.w3.org/2000/svg">
                <g>
                    <path d="m 123.5,11.5 5,5 c 3.33333,3.333333 5,8.333333 5,15 v 10 c 0,6.666667 -3.33333,10 -10,10 H 11.500001 c -6.6666667,0 -10,-3.333333 -10,-10 v -30 c 0,-6.6666666 3.3333333,-9.9999996 10,-9.9999996 H 103.5 c 6.66667,0 11.66667,1.666667 15,5 z"
                          class="tab-svg-path"/>
                    <text x="67.010414" y="31.911449">
                        <tspan class="tab-svg-text">About</tspan>
                    </text>
                </g>
            </svg>
        </a></li>
    </ul>

    <ul id="tabs-account" class="tabs">
        <li><a href="#">
            <svg width="136" height="54" viewBox="-0.5 -0.5 136 54" xmlns="http://www.w3.org/2000/svg">
                <g>
                    <path d="m 123.5,11.5 5,5 c 3.33333,3.333333 5,8.333333 5,15 v 10 c 0,6.666667 -3.33333,10 -10,10 H 11.500001 c -6.6666667,0 -10,-3.333333 -10,-10 v -30 c 0,-6.6666666 3.3333333,-9.9999996 10,-9.9999996 H 103.5 c 6.66667,0 11.66667,1.666667 15,5 z"
                          class="tab-svg-path"/>
                    <text x="67.010414" y="31.911449">
                        <tspan class="tab-svg-text">Sign Up</tspan>
                    </text>
                </g>
            </svg>
        </a></li>

        <li><a href="#">
            <svg width="136" height="54" viewBox="-0.5 -0.5 136 54" xmlns="http://www.w3.org/2000/svg">
                <g>
                    <path d="m 123.5,11.5 5,5 c 3.33333,3.333333 5,8.333333 5,15 v 10 c 0,6.666667 -3.33333,10 -10,10 H 11.500001 c -6.6666667,0 -10,-3.333333 -10,-10 v -30 c 0,-6.6666666 3.3333333,-9.9999996 10,-9.9999996 H 103.5 c 6.66667,0 11.66667,1.666667 15,5 z"
                          class="tab-svg-path"/>
                    <text x="67.010414" y="31.911449">
                        <tspan class="tab-svg-text">Sign In</tspan>
                    </text>
                </g>
            </svg>
        </a></li>
    </ul>
</nav>