diff options
Diffstat (limited to 'src/templates/nav.html')
-rw-r--r-- | src/templates/nav.html | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/src/templates/nav.html b/src/templates/nav.html new file mode 100644 index 0000000..cef447c --- /dev/null +++ b/src/templates/nav.html @@ -0,0 +1,48 @@ +<nav class="nav"> + <div class="floatwrapper"> + <div> + <a href="/" class="header-image"> + <img loading="lazy" class="noaa" alt="A pixelated Lycoris Radiata between "infernal" and "garden"" 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 id="nav-pin" class="nav-button"> + <a href="#"> + <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png"> + <span>Expand/Collapse</span> + </a> + </div> + </div> + </div> +</nav> |