diff --git a/about.html b/about.html
index 2ba9ac0e55b6e2a40b975501e0725e4c4befb763..5bf3da0b3d69d0272f88dff69b8d469bd40506ae 100644
--- a/about.html
+++ b/about.html
@@ -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 -->
diff --git a/index.html b/index.html
index e427c3fb63b0daf6b4e9c1ada4ea77b7839cef7c..e6a4e69d77637ac61c53333c93ecc1bc7b6b8d77 100644
--- a/index.html
+++ b/index.html
@@ -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 -->
@@ -23,9 +53,9 @@
</main>
<footer>
<!-- Footer -- index.html && about.html && rules.html && location.html -->
- <!-- Copyright -->
- <!-- Sitemap -->
- <!-- Socials -->
+ <!-- Copyright -->
+ <!-- Sitemap -->
+ <!-- Socials -->
</footer>
</body>
diff --git a/location.html b/location.html
index f309c66c39eeaecaac3110abf3a31e6a5a4a06f8..9caeb72eb7e4bc474daf7084e22f9a30694939ee 100644
--- a/location.html
+++ b/location.html
@@ -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 -->
diff --git a/rules.html b/rules.html
index a19f8695e79b7470acdb87aa61a3c952671c4380..401ffcba15a8fcfc3300e4070527ef3703c48663 100644
--- a/rules.html
+++ b/rules.html
@@ -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 -->