chore(refacto) Tailwind sucks
Too many things in "class". I prefer making a clean CSS and be able to change the style later.
This commit is contained in:
34
src/partials/structure/nav.html
Normal file
34
src/partials/structure/nav.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!-- Navigation -->
|
||||
<nav>
|
||||
<div id="navbar">
|
||||
<div class="brand">
|
||||
<img
|
||||
src="https://repo.katenary.io/Katenary/katenary/raw/branch/master/doc/docs/statics/logo-vertical.svg"
|
||||
alt="Katenary Logo"
|
||||
/>
|
||||
</div>
|
||||
<div class="nav-links">
|
||||
<a href="#features"><i data-feather="list"></i> Features</a>
|
||||
<a href="#installation"><i data-feather="terminal"></i> Installation</a>
|
||||
<a href="#tutorials"><i data-feather="cpu"></i> Tutorials</a>
|
||||
<a href="https://repo.katenary.io/katenary/katenary" target="_blank">
|
||||
<i data-feather="git-branch"></i> Repository
|
||||
</a>
|
||||
</div>
|
||||
<!-- Mobile menu button -->
|
||||
<button id="mobile-menu-button">
|
||||
<i data-feather="menu"></i>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Mobile menu -->
|
||||
<div id="mobile-menu" class="hidden">
|
||||
<div>
|
||||
<a href="#features"><i data-feather="list"></i> Features</a>
|
||||
<a href="#installation"><i data-feather="terminal"></i> Installation</a>
|
||||
<a href="#tutorials"><i data-feather="cpu"></i> Tutorials</a>
|
||||
<a href="https://repo.katenary.io/katenary/katenary" target="_blank">
|
||||
<i data-feather="git-branch"></i> Repository
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
Reference in New Issue
Block a user