diff --git a/about.html b/about.html
index 5bf3da0b3d69d0272f88dff69b8d469bd40506ae..414b42229c11e05eece78fa5959f8c4f78bbf432 100644
--- a/about.html
+++ b/about.html
@@ -5,7 +5,6 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
<link rel="stylesheet" href="styles.css">
<script src="scripts.js" async></script>
<title>Create Against Hate</title>
@@ -13,8 +12,9 @@
<body>
<header>
+ <img src="assets\main-logo\logo-long-dark.min.svg" alt="Create Against Hate Logo">
<!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
- <nav id="main-navigation" class="navbar" aria-label="Create Against Hate Main Navigation">
+ <nav id="main-navigation" class="navbar" aria-labelledby="Create Against Hate Main Navigation">
<ul role="menubar">
<li role="none">
<a href="#" role="menuitem">
@@ -24,17 +24,17 @@
</li>
<li role="none">
<a href="about.html" role="menuitem">
- <span></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
+ <span class="icon--about"></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>
+ <span class="icon--rules"></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>
+ <span class="icon--location"></span><span class="hideable-text"> How to find us</span>
</a>
</li>
</ul>
@@ -52,9 +52,37 @@
</main>
<footer>
<!-- Footer -- index.html && about.html && rules.html && location.html -->
- <!-- Copyright -->
- <!-- Sitemap -->
- <!-- Socials -->
+ <!-- Copyright -->
+ <p><i>Create Against Hate</i> © Robin King 2022</p>
+ <!-- Sitemap -->
+ <nav id="sitemap" class="navbar" aria-labelledby="Create Against Hate Sitemap">
+ <ul role="menubar">
+ <li role="none">
+ <a href="#" role="menuitem">Home</span></a>
+ </li>
+ <li role="none">
+ <a href="about.html" role="menuitem">About <i>Stop Hate UK</i></a>
+ </li>
+ <li role="none">
+ <a href="rules.html" role="menuitem">Jam Rules</span></a>
+ </li>
+ <li role="none">
+ <a href="location.html" role="menuitem">How to find us</a>
+ </li>
+ </ul>
+ </nav>
+ <!-- Socials -->
+ <ul id="socials">
+ <li>
+ <a href="https://twitter.com" target="_blank" rel="noopener" title="twitter.com"><span class="icon--twitter"></span></a>
+ </li>
+ <li>
+ <a href="https://instagram.com" target="_blank" rel="noopener" title="instagram.com"><span class="icon--insta"></span></a>
+ </li>
+ <li>
+ <a href="https://facebook.com" target="_blank" rel="noopener" title="facebook.com"><span class="icon--fb"></span></a>
+ </li>
+ </ul>
</footer>
</body>
diff --git a/location.html b/location.html
index 9caeb72eb7e4bc474daf7084e22f9a30694939ee..7245e0c5d97ed0a38809f57695e3319eed2c8ec6 100644
--- a/location.html
+++ b/location.html
@@ -5,7 +5,6 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
<link rel="stylesheet" href="styles.css">
<script src="scripts.js" async></script>
<title>Create Against Hate</title>
@@ -13,8 +12,9 @@
<body>
<header>
+ <img src="assets\main-logo\logo-long-dark.min.svg" alt="Create Against Hate Logo">
<!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
- <nav id="main-navigation" class="navbar" aria-label="Create Against Hate Main Navigation">
+ <nav id="main-navigation" class="navbar" aria-labelledby="Create Against Hate Main Navigation">
<ul role="menubar">
<li role="none">
<a href="#" role="menuitem">
@@ -24,17 +24,17 @@
</li>
<li role="none">
<a href="about.html" role="menuitem">
- <span></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
+ <span class="icon--about"></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>
+ <span class="icon--rules"></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>
+ <span class="icon--location"></span><span class="hideable-text"> How to find us</span>
</a>
</li>
</ul>
@@ -53,9 +53,37 @@
</main>
<footer>
<!-- Footer -- index.html && about.html && rules.html && location.html -->
- <!-- Copyright -->
- <!-- Sitemap -->
- <!-- Socials -->
+ <!-- Copyright -->
+ <p><i>Create Against Hate</i> © Robin King 2022</p>
+ <!-- Sitemap -->
+ <nav id="sitemap" class="navbar" aria-labelledby="Create Against Hate Sitemap">
+ <ul role="menubar">
+ <li role="none">
+ <a href="#" role="menuitem">Home</span></a>
+ </li>
+ <li role="none">
+ <a href="about.html" role="menuitem">About <i>Stop Hate UK</i></a>
+ </li>
+ <li role="none">
+ <a href="rules.html" role="menuitem">Jam Rules</span></a>
+ </li>
+ <li role="none">
+ <a href="location.html" role="menuitem">How to find us</a>
+ </li>
+ </ul>
+ </nav>
+ <!-- Socials -->
+ <ul id="socials">
+ <li>
+ <a href="https://twitter.com" target="_blank" rel="noopener" title="twitter.com"><span class="icon--twitter"></span></a>
+ </li>
+ <li>
+ <a href="https://instagram.com" target="_blank" rel="noopener" title="instagram.com"><span class="icon--insta"></span></a>
+ </li>
+ <li>
+ <a href="https://facebook.com" target="_blank" rel="noopener" title="facebook.com"><span class="icon--fb"></span></a>
+ </li>
+ </ul>
</footer>
</body>
diff --git a/rules.html b/rules.html
index 401ffcba15a8fcfc3300e4070527ef3703c48663..893ef995c9c0dde2fb6c6fbebf6bbad539fc9caf 100644
--- a/rules.html
+++ b/rules.html
@@ -5,7 +5,6 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
<link rel="stylesheet" href="styles.css">
<script src="scripts.js" async></script>
<title>Create Against Hate</title>
@@ -13,8 +12,9 @@
<body>
<header>
+ <img src="assets\main-logo\logo-long-dark.min.svg" alt="Create Against Hate Logo">
<!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
- <nav id="main-navigation" class="navbar" aria-label="Create Against Hate Main Navigation">
+ <nav id="main-navigation" class="navbar" aria-labelledby="Create Against Hate Main Navigation">
<ul role="menubar">
<li role="none">
<a href="#" role="menuitem">
@@ -24,17 +24,17 @@
</li>
<li role="none">
<a href="about.html" role="menuitem">
- <span></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
+ <span class="icon--about"></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>
+ <span class="icon--rules"></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>
+ <span class="icon--location"></span><span class="hideable-text"> How to find us</span>
</a>
</li>
</ul>
@@ -53,9 +53,37 @@
</main>
<footer>
<!-- Footer -- index.html && about.html && rules.html && location.html -->
- <!-- Copyright -->
- <!-- Sitemap -->
- <!-- Socials -->
+ <!-- Copyright -->
+ <p><i>Create Against Hate</i> © Robin King 2022</p>
+ <!-- Sitemap -->
+ <nav id="sitemap" class="navbar" aria-labelledby="Create Against Hate Sitemap">
+ <ul role="menubar">
+ <li role="none">
+ <a href="#" role="menuitem">Home</span></a>
+ </li>
+ <li role="none">
+ <a href="about.html" role="menuitem">About <i>Stop Hate UK</i></a>
+ </li>
+ <li role="none">
+ <a href="rules.html" role="menuitem">Jam Rules</span></a>
+ </li>
+ <li role="none">
+ <a href="location.html" role="menuitem">How to find us</a>
+ </li>
+ </ul>
+ </nav>
+ <!-- Socials -->
+ <ul id="socials">
+ <li>
+ <a href="https://twitter.com" target="_blank" rel="noopener" title="twitter.com"><span class="icon--twitter"></span></a>
+ </li>
+ <li>
+ <a href="https://instagram.com" target="_blank" rel="noopener" title="instagram.com"><span class="icon--insta"></span></a>
+ </li>
+ <li>
+ <a href="https://facebook.com" target="_blank" rel="noopener" title="facebook.com"><span class="icon--fb"></span></a>
+ </li>
+ </ul>
</footer>
</body>