Shiloh/shiloh-echo
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

header nav styling

Browse Source
This commit is contained in:
Tony M 2026-07-03 22:05:24 -07:00
parent 20d17c821f
commit 3cf92266ec
1 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
components/header.html
View File

@ -1,6 +1,6 @@
<script src="./js/navbar.js"></script>
<div class="nav-bar">
<div class="mobile-menu-icon">
<div class="nav">
<div class="nav__toggle">
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<img
src="https://cdn.lasthourhosting.org/assets/list.png"
@ -14,36 +14,38 @@
<a href="/">
<img
src="https://cdn.lasthourhosting.org/assets/shiloh-logo-white-1-outline.png"
alt="Last Hour Hosting Logo"
alt="Shiloh Echo logo"
width="200"
/>
</a>
</div>
<ul class="menu">
<li class="menu-item">
<ul class="nav__menu">
<li class="nav__item">
<a
class="btn btn--primary nav__cta"
href="https://app.hi.events/event/6507/3-day-christian-family-event-concert-in-idaho-shiloh-echo-26"
>Get Tickets</a
>
</li>
<li class="menu-item"><a href="#details">Explore</a></li>
<li class="menu-item"><a href="#schedule">Schedule</a></li>
<li class="menu-item">
<li class="nav__item"><a href="#details">Explore</a></li>
<li class="nav__item"><a href="#giveaway">Giveaway</a></li>
<li class="nav__item"><a href="#schedule">Schedule</a></li>
<li class="nav__item">
<a href="mailto:affiliate@shilohecho.org">Affiliate</a>
</li>
<li class="menu-item">
<li class="nav__item">
<a target="_blank" href="https://shilohecho.org/sponsor">Sponsor</a>
</li>
<li class="menu-item">
<li class="nav__item">
<a
target="_blank"
href="https://www.youtube.com/watch?v=F16BYV9Qit0&list=PLXN3WrUCfopRxb4okwJ8e6gOasxR1i6qB"
>Last Year</a
>
</li>
<li class="menu-item">
<a href="#volunteer">Volunteer</a>
<li class="nav__item">
<a href="/volunteer">Volunteer</a>
</li>
<li class="menu-item"><a href="#contact">Contact</a></li>
<li class="nav__item"><a href="#contact">Contact</a></li>
</ul>
</div>