uiasub.github.io/header.html at main · UiASub/uiasub.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html lang="no">
<head>
  <meta charset="utf-8">
  <title>UiASub Header</title>
  <link rel="icon" href="/images/uiasub/Icon1.png">
</head>
<body>
  <div class="masthead">
      <div class="masthead-top">
        <div class="logo">
          <a href="/"><img id="logo" src="/images/uiasub/Ui-White.png" alt="UiASub Logo" /></a>
        </div>
        <div class="header-right">
          <div class="language-selector">
            <button class="dropdown-toggle">
              <img src="/images/no.svg" alt="Norwegian" style="width: 20px; height: 20px;">
            </button>
            <ul class="dropdown-menu">
              <li>
                <a href="/">
                  <img src="/images/no.svg" alt="Norwegian" style="width: 20px; height: 20px;"> Norsk
                </a>
              </li>
              <li>
                <a href="/en/">
                  <img src="/images/gb.svg" alt="English" style="width: 20px; height: 20px;"> English
                </a>
              </li>
            </ul>
          </div>
          <button class="hamburger-menu" aria-label="Toggle navigation">
            <span></span>
            <span></span>
            <span></span>
          </button>
        </div>
      </div>
      <div class="navigation">
        <a href="/pages/about.html">Om oss</a>
        <a href="/pages/sponsors.html">Sponsorer</a>
        <a href="/pages/news.html">Nyheter</a>
        <a href="/pages/contact.html">Kontakt oss</a>
        <a href="/pages/login.html" id="loginLink"> Log Inn</a>
      </div>
    </div>
    <div class="masthead-border"></div>
</body>
</html>