Init
This commit is contained in:
55
src/components/Header.astro
Normal file
55
src/components/Header.astro
Normal file
@@ -0,0 +1,55 @@
|
||||
<header class="navbar bg-base-100 shadow-lg" role="banner">
|
||||
<div class="navbar-start">
|
||||
<div class="dropdown">
|
||||
<button
|
||||
aria-label="Open menu"
|
||||
aria-expanded="false"
|
||||
aria-controls="mobile-menu"
|
||||
class="btn btn-ghost lg:hidden"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="h-5 w-5"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke="currentColor"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
stroke-width="2"
|
||||
d="M4 6h16M4 12h8m-8 6h16"></path>
|
||||
</svg>
|
||||
</button>
|
||||
<ul
|
||||
id="mobile-menu"
|
||||
class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52"
|
||||
role="menu"
|
||||
>
|
||||
<li role="none"><a href="/" role="menuitem">Home</a></li>
|
||||
<li role="none">
|
||||
<a href="/services" role="menuitem">Services</a>
|
||||
</li>
|
||||
<li role="none">
|
||||
<a href="/contact" role="menuitem">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="/" class="btn btn-ghost text-xl" aria-label="Home"
|
||||
>Your Business</a
|
||||
>
|
||||
</div>
|
||||
<nav class="navbar-center hidden lg:flex" aria-label="Main navigation">
|
||||
<ul class="menu menu-horizontal px-1" role="menubar">
|
||||
<li role="none"><a href="/" role="menuitem">Home</a></li>
|
||||
<li role="none">
|
||||
<a href="/services" role="menuitem">Services</a>
|
||||
</li>
|
||||
<li role="none"><a href="/contact" role="menuitem">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navbar-end">
|
||||
<a href="/contact" class="btn btn-primary" role="button">Get Started</a>
|
||||
</div>
|
||||
</header>
|
||||
Reference in New Issue
Block a user