src/templates/nav.html


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

<nav class="nav">
    <div class="floatwrapper">
      <div>
        <a href="/" class="header-image">
          <img loading="lazy" class="noaa" alt="A pixelated Lycoris Radiata between &quot;infernal&quot; and &quot;garden&quot;" src="/assets/image/header.png">
          <img loading="lazy" class="noaa" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
        </a>
        <div class="nav-button">
          <a href="/about/">
            <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
            <span>About</span>
          </a>
        </div>
        <div class="nav-button">
          <a href="/projects/">
            <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
            <span>Projects</span>
          </a>
        </div>
        <div class="nav-button">
          <a href="/services/">
            <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
            <span>Services</span>
          </a>
        </div>
        <div class="nav-button">
          <a href="/people/">
            <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
            <span>People</span>
          </a>
        </div>
      </div>
      <div>
        <div class="nav-button">
          <a href="/contact/">
            <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
            <span>Contact</span>
          </a>
        </div>
      </div>
    </div>
</nav>