Page Header

<header class="page-header">
    <div class="container">
        <div class="row">
            <ul class="language-switcher-locale-url">
                <li class="en first active">
                    <a href="#" class="language-link active" xml:lang="en">
            <img class="language-icon"
              src="/img/flag-en.png"
              width="16"
              height="11"
              alt="English"
              title="English" />
          </a>
                </li>
                <li class="#">
                    <a href="/nb" class="language-link" xml:lang="nb">
            <img class="language-icon"
              src="/img/flag-nb.png"
              width="16"
              height="11"
              alt="Norsk"
              title="Norsk" />
          </a>
                </li>
                <li class="#">
                    <a href="/sv" class="language-link" xml:lang="sv">
            <img class="language-icon"
              src="/img/flag-sv.png"
              width="16"
              height="11"
              alt="Svenska"
              title="Svenska" />
          </a>
                </li>
                <li class="nl last">
                    <a href="#" class="language-link" xml:lang="nl">
            <img class="language-icon"
              src="/img/flag-nl.png"
              width="16"
              height="11"
              alt="Dutch"
              title="Dutch" />
          </a>
                </li>
            </ul>
        </div>
        <div class="row">
            <a href="/" class="logo-wrapper">
        
        <svg class="logo">
          <use xlink:href="/spritemap.svg#basefarm-logo"></use>
        </svg>
      </a>
            <div class="main-menu-toggle md-down">
                <button class="toggle-main-menu" data-toggle-selector=".main-menu" data-toggle-class="open">
          <svg>
            <use xlink:href="/spritemap.svg#menu"></use>
          </svg>
        </button>
            </div>
            <nav class="main-menu">
                <ul class="menu">
                    <li class="expanded">
                        <a href="#">Suppport</a>
                        <ul class="menu">
                            <li class="first leaf"><a href="#">My Requests</a></li>
                            <li class="leaf"><a href="#">Contact Information</a></li>
                            <li class="leaf"><a href="#">Operation Messages</a></li>
                            <li class="last leaf">
                                <a href="#">Performance Test Request</a>
                            </li>
                        </ul>
                    </li>
                    <li class="leaf"><a href="#">Documents</a></li>
                    <li class="expanded">
                        <a href="#">Billing</a>
                        <ul class="menu">
                            <li class="first leaf"><a href="#">Invoices</a></li>
                            <li class="leaf"><a href="#">Invoiceable Hours</a></li>
                            <li class="leaf"><a href="#">Volume Report</a></li>
                            <li class="leaf"><a href="#">Agreement Report</a></li>
                            <li class="last leaf"><a href="#">Fixed Order Delta</a></li>
                        </ul>
                    </li>
                    <li class="expanded">
                        <a href="#">Tools & Apps</a>
                        <ul class="menu">
                            <li class="first leaf"><a href="#">Primo</a></li>
                            <li class="leaf"><a href="#">Graphs</a></li>
                            <li class="leaf"><a href="#">Bruksmønster</a></li>
                            <li class="leaf"><a href="#">Link Checker</a></li>
                            <li class="leaf"><a href="#">Domains</a></li>
                            <li class="last leaf"><a href="#">Inventory Report</a></li>
                        </ul>
                    </li>
                    <li class="expanded">
                        <a href="#">Settings</a>
                        <ul class="menu">
                            <li class="first last leaf"><a href="#">Users and Groups</a></li>
                        </ul>
                    </li>
                    <li class="expanded">
                        <a href="#">Admin</a>
                        <ul class="menu">
                            <li class="first leaf"><a href="#">Change Company</a></li>
                            <li class="last leaf">
                                <a href="#">Edit Customer Service Access</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
            <div class="status-menu">
                <ul class="list-reset">
                    <li>
                        <a class="notification-message" data-badge="4" href="#">
              <svg class="">
                <use xlink:href="/spritemap.svg#bell"></use>
              </svg>
              <span class="visually-hidden focusable">4 notifications</span>
            </a>
                    </li>
                    <li>
                        <a class="log-out" href="#">
              <svg class="icon icon-lg">
                <use xlink:href="/spritemap.svg#log-out"></use>
              </svg>
              <span class="visually-hidden">Logg ut</span>
            </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="breadcrumb">
            <a href="">Customer Portal</a> ›
            <a href="">Support</a> › Contact Information
        </div>
    </div>
</header>