Skip to content
Snippets Groups Projects
Commit ee545f62 authored by Robin King's avatar Robin King
Browse files

feat(*.html): add markup for navbar

parent 257d8003
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
about.html
+ 31
− 1
View file @ ee545f62
......@@ -13,8 +13,38 @@
<body>
<header>
<!-- Navigation Bar -- uses id="main-navigation" class="navbar" -- index.html && about.html && rules.html && location.html -->
<!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
<nav id="main-navigation" class="navbar" aria-label="Create Against Hate Main Navigation">
<ul role="menubar">
<li role="none">
<a href="#" role="menuitem">
<!-- .hideable-text exists for the mobile navigation which contains no text -->
<span class="icon--home"></span><span class="hideable-text"> Home</span>
</a>
</li>
<li role="none">
<a href="about.html" role="menuitem">
<span></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
</a>
</li>
<li role="none">
<a href="rules.html" role="menuitem">
<span></span><span class="hideable-text"> Jam Rules</span>
</a>
</li>
<li role="none">
<a href="location.html" role="menuitem">
<span></span><span class="hideable-text"> How to find us</span>
</a>
</li>
</ul>
<!-- Burger Menu -->
<button class="hamburger" aria-label="Open Main Navigation" aria-expanded="false">
<div class="hamburger--top"></div>
<div class="hamburger--middle"></div>
<div class="hamburger--bottom"></div>
</button>
</nav>
</header>
<main>
<!-- Hero -- uses class="hero" -- index.html && about.html -->
......
index.html
+ 34
− 4
View file @ ee545f62
......@@ -13,8 +13,38 @@
<body>
<header>
<!-- Navigation Bar -- uses id="main-navigation" class="navbar" -- index.html && about.html && rules.html && location.html -->
<!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
<nav id="main-navigation" class="navbar" aria-label="Create Against Hate Main Navigation">
<ul role="menubar">
<li role="none">
<a href="#" role="menuitem">
<!-- .hideable-text exists for the mobile navigation which contains no text -->
<span class="icon--home"></span><span class="hideable-text"> Home</span>
</a>
</li>
<li role="none">
<a href="about.html" role="menuitem">
<span></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
</a>
</li>
<li role="none">
<a href="rules.html" role="menuitem">
<span></span><span class="hideable-text"> Jam Rules</span>
</a>
</li>
<li role="none">
<a href="location.html" role="menuitem">
<span></span><span class="hideable-text"> How to find us</span>
</a>
</li>
</ul>
<!-- Burger Menu -->
<button class="hamburger" aria-label="Open Main Navigation" aria-expanded="false">
<div class="hamburger--top"></div>
<div class="hamburger--middle"></div>
<div class="hamburger--bottom"></div>
</button>
</nav>
</header>
<main>
<!-- Hero -- uses class="hero" -- index.html && about.html -->
......
location.html
+ 31
− 1
View file @ ee545f62
......@@ -13,8 +13,38 @@
<body>
<header>
<!-- Navigation Bar -- uses id="main-navigation" class="navbar" -- index.html && about.html && rules.html && location.html -->
<!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
<nav id="main-navigation" class="navbar" aria-label="Create Against Hate Main Navigation">
<ul role="menubar">
<li role="none">
<a href="#" role="menuitem">
<!-- .hideable-text exists for the mobile navigation which contains no text -->
<span class="icon--home"></span><span class="hideable-text"> Home</span>
</a>
</li>
<li role="none">
<a href="about.html" role="menuitem">
<span></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
</a>
</li>
<li role="none">
<a href="rules.html" role="menuitem">
<span></span><span class="hideable-text"> Jam Rules</span>
</a>
</li>
<li role="none">
<a href="location.html" role="menuitem">
<span></span><span class="hideable-text"> How to find us</span>
</a>
</li>
</ul>
<!-- Burger Menu -->
<button class="hamburger" aria-label="Open Main Navigation" aria-expanded="false">
<div class="hamburger--top"></div>
<div class="hamburger--middle"></div>
<div class="hamburger--bottom"></div>
</button>
</nav>
</header>
<main>
<!-- Map -->
......
rules.html
+ 31
− 1
View file @ ee545f62
......@@ -13,8 +13,38 @@
<body>
<header>
<!-- Navigation Bar -- uses id="main-navigation" class="navbar" -- index.html && about.html && rules.html && location.html -->
<!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
<nav id="main-navigation" class="navbar" aria-label="Create Against Hate Main Navigation">
<ul role="menubar">
<li role="none">
<a href="#" role="menuitem">
<!-- .hideable-text exists for the mobile navigation which contains no text -->
<span class="icon--home"></span><span class="hideable-text"> Home</span>
</a>
</li>
<li role="none">
<a href="about.html" role="menuitem">
<span></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
</a>
</li>
<li role="none">
<a href="rules.html" role="menuitem">
<span></span><span class="hideable-text"> Jam Rules</span>
</a>
</li>
<li role="none">
<a href="location.html" role="menuitem">
<span></span><span class="hideable-text"> How to find us</span>
</a>
</li>
</ul>
<!-- Burger Menu -->
<button class="hamburger" aria-label="Open Main Navigation" aria-expanded="false">
<div class="hamburger--top"></div>
<div class="hamburger--middle"></div>
<div class="hamburger--bottom"></div>
</button>
</nav>
</header>
<main>
<!-- Rules -- uses class="text-section" -- about.html && rules.html && location.html -->
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment