diff --git a/html/about.html b/html/about.html
index 27a2879..b204ec2 100644
--- a/html/about.html
+++ b/html/about.html
@@ -9,10 +9,10 @@
 	<!--Setup Bootstrap CSS-->
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 	<!--Setup Override CSS-->
-	<link rel="stylesheet" href="style.css">
+	<link rel="stylesheet" href="/style.css">
 
 	<!--Site icon and title-->
-	<link rel="icon" type="image/png" href="favicon.ico">
+	<link rel="icon" type="image/png" href="/favicon.ico">
 	<title>IC Anime Society</title>
 
 </head>
@@ -33,8 +33,8 @@
 					<span class="icon-bar"></span>
 					<span class="icon-bar"></span>
 				</button>
-				<a href="index.html">
-					<img src="images/logo.png" id="logo">
+				<a href="/">
+					<img src="/images/logo.png" id="logo">
 				</a>
 			</div>
 
@@ -42,15 +42,15 @@
 				<ul class="nav navbar-nav navbar-right">
 
 					<li>
-						<a href="index.html">Home</a>
+						<a href="/">Home</a>
 					</li>
 
 					<li class="dropdown">
 						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
 							aria-expanded="false">About Us<span class="caret"></span></a>
 						<ul class="dropdown-menu">
-							<li><a href="about.html">Who we are</a></li>
-							<li><a href="committee.html">Committee</a></li>
+							<li><a href="/about">Who we are</a></li>
+							<li><a href="/committee">Committee</a></li>
 						</ul>
 					</li>
 
@@ -58,8 +58,8 @@
 						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
 							aria-expanded="false">What we Do<span class="caret"></span></a>
 						<ul class="dropdown-menu">
-							<li><a href="manga.html">Manga club</a></li>
-							<li><a href="library.html">Manga Library</a></li>
+							<li><a href="/manga">Manga club</a></li>
+							<li><a href="/library">Manga Library</a></li>
 						</ul>
 					</li>
 
diff --git a/html/committee.html b/html/committee.html
index 775b547..cc767e1 100644
--- a/html/committee.html
+++ b/html/committee.html
@@ -9,10 +9,10 @@
 	<!--Setup Bootstrap CSS-->
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 	<!--Setup Override CSS-->
-	<link rel="stylesheet" href="style.css">
+	<link rel="stylesheet" href="/style.css">
 
 	<!--Site icon and title-->
-	<link rel="icon" type="image/png" href="favicon.ico">
+	<link rel="icon" type="image/png" href="/favicon.ico">
 	<title>IC Anime Society</title>
 
 </head>
@@ -33,8 +33,8 @@
 					<span class="icon-bar"></span>
 					<span class="icon-bar"></span>
 				</button>
-				<a href="index.html">
-					<img src="images/logo.png" id="logo">
+				<a href="/">
+					<img src="/images/logo.png" id="logo">
 				</a>
 			</div>
 
@@ -42,15 +42,15 @@
 				<ul class="nav navbar-nav navbar-right">
 
 					<li>
-						<a href="index.html">Home</a>
+						<a href="/">Home</a>
 					</li>
 
 					<li class="dropdown">
 						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
 							aria-expanded="false">About Us<span class="caret"></span></a>
 						<ul class="dropdown-menu">
-							<li><a href="about.html">Who we are</a></li>
-							<li><a href="committee.html">Committee</a></li>
+							<li><a href="/about">Who we are</a></li>
+							<li><a href="/committee">Committee</a></li>
 						</ul>
 					</li>
 
@@ -58,8 +58,8 @@
 						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
 							aria-expanded="false">What we Do<span class="caret"></span></a>
 						<ul class="dropdown-menu">
-							<li><a href="manga.html">Manga club</a></li>
-							<li><a href="library.html">Manga Library</a></li>
+							<li><a href="/manga">Manga club</a></li>
+							<li><a href="/library">Manga Library</a></li>
 						</ul>
 					</li>
 
@@ -89,7 +89,7 @@
 
 		<div class="row">
 			<div class="col-md-4 col-md-offset-2">
-				<img src="images/committee/chun.png" class="pres-pic" style="min-width:220px">
+				<img src="/images/committee/chun.png" class="pres-pic" style="min-width:220px">
 				<h1>President</h1>
 				<strong>Chun Tang</strong>
 				<br>
@@ -97,7 +97,7 @@
 			</div>
 
 			<div class="col-md-4">
-				<img src="images/committee/sreekar.jpg" class="pres-pic" style="min-width:220px">
+				<img src="/images/committee/sreekar.jpg" class="pres-pic" style="min-width:220px">
 				<h1>Vice-President</h1>
 				<strong>Sreekar Somayajula</strong>
 				<br>
@@ -110,7 +110,7 @@
 		<div class="row">
 
 			<div class="col-md-3">
-				<img src="images/committee/aadi.jpg" class="com-pic">
+				<img src="/images/committee/aadi.jpg" class="com-pic">
 				<h1>Tech Admin</h1>
 				<strong>Aadi Desai</strong>
 				<br>
@@ -119,7 +119,7 @@
 			</div>
 
 			<div class="col-md-3">
-				<img src="images/committee/ian.jpg" class="com-pic">
+				<img src="/images/committee/ian.jpg" class="com-pic">
 				<h1>Secretary</h1>
 				<strong>Ian Choi</strong>
 				<br>
@@ -127,7 +127,7 @@
 			</div>
 
 			<div class="col-md-3">
-				<img src="images/committee/chelle.jpg" class="com-pic">
+				<img src="/images/committee/chelle.jpg" class="com-pic">
 				<h1>Treasurer</h1>
 				<strong>Rochelle Pun</strong>
 				<br>
@@ -135,7 +135,7 @@
 			</div>
 
 			<div class="col-md-3">
-				<img src="images/committee/hetty.jpg" class="com-pic">
+				<img src="/images/committee/hetty.jpg" class="com-pic">
 				<h1>Artist-in-residence</h1>
 				<strong>Hetty Symes</strong>
 				<br>
@@ -148,7 +148,7 @@
 		<div class="row">
 
 			<div class="col-md-3">
-				<img src="images/committee/orlando.jpg" class="com-pic">
+				<img src="/images/committee/orlando.jpg" class="com-pic">
 				<h1>Inventory Officer</h1>
 				<strong>Orlando Alford</strong>
 				<br>
@@ -156,7 +156,7 @@
 			</div>
 
 			<div class="col-md-3">
-				<img src="images/committee/anakin.jpg" class="com-pic">
+				<img src="/images/committee/anakin.jpg" class="com-pic">
 				<h1>Social Officer</h1>
 				<strong>Anakin Chan</strong>
 				<br>
@@ -164,7 +164,7 @@
 			</div>
 
 			<div class="col-md-3">
-				<img src="images/committee/joe.png" class="com-pic">
+				<img src="/images/committee/joe.png" class="com-pic">
 				<h1>Ambassador</h1>
 				<strong>Joe Yuan</strong>
 				<br>
@@ -172,7 +172,7 @@
 			</div>
 
 			<div class="col-md-3">
-				<img src="images/committee/kevin.jpg" class="com-pic">
+				<img src="/images/committee/kevin.jpg" class="com-pic">
 				<h1>Band Leader</h1>
 				<strong>Kevin Zhang</strong>
 				<br>
diff --git a/html/index.html b/html/index.html
index 001fb3e..bf54e12 100644
--- a/html/index.html
+++ b/html/index.html
@@ -6,8 +6,8 @@
 	<meta https-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
-	<link rel="stylesheet" href="style.css">
-	<link rel="icon" type="image/png" href="favicon.ico">
+	<link rel="stylesheet" href="/style.css">
+	<link rel="icon" type="image/png" href="/favicon.ico">
 	<title>IC Anime Society</title>
 </head>
 
@@ -23,23 +23,23 @@
 					<span class="icon-bar"></span>
 					<span class="icon-bar"></span>
 				</button>
-				<a href="index.html">
-					<img src="images/logo.png" id="logo">
+				<a href="/">
+					<img src="/images/logo.png" id="logo">
 				</a>
 			</div>
 			<div id="navbar" class="navbar-collapse collapse">
 				<ul class="nav navbar-nav navbar-right">
 
 					<li>
-						<a href="index.html">Home</a>
+						<a href="/">Home</a>
 					</li>
 
 					<li class="dropdown">
 						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
 							aria-expanded="false">About Us<span class="caret"></span></a>
 						<ul class="dropdown-menu">
-							<li><a href="about.html">Who we are</a></li>
-							<li><a href="committee.html">Committee</a></li>
+							<li><a href="/about">Who we are</a></li>
+							<li><a href="/committee">Committee</a></li>
 						</ul>
 					</li>
 
@@ -47,8 +47,8 @@
 						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
 							aria-expanded="false">What we Do<span class="caret"></span></a>
 						<ul class="dropdown-menu">
-							<li><a href="manga.html">Manga club</a></li>
-							<li><a href="library.html">Manga Library</a></li>
+							<li><a href="/manga">Manga club</a></li>
+							<li><a href="/library">Manga Library</a></li>
 						</ul>
 					</li>
 
@@ -81,15 +81,15 @@
 		<!-- Slides -->
 		<div class="carousel-inner" role="listbox">
 			<div class="item active">
-				<img src="images/photos/header.jpg" alt="Header">
+				<img src="/images/photos/header.jpg" alt="Header">
 				<div class="carousel-caption">
 					<h1>Imperial College Anime Society</h1>
-					<p><a class="btn btn-lg btn-primary" href="about.html" role="button">More about us</a></p>
+					<p><a class="btn btn-lg btn-primary" href="/about" role="button">More about us</a></p>
 				</div>
 			</div>
 
 			<div class="item">
-				<img src="images/photos/icasPicnic.jpg" alt="Picnic">
+				<img src="/images/photos/icasPicnic.jpg" alt="Picnic">
 				<div class="carousel-caption">
 					<h1>Social Events</h1>
 					<p>The annual Anime Society picnic in Hyde park, to celebrate the end of exams</p>
@@ -97,16 +97,16 @@
 			</div>
 
 			<div class="item">
-				<img src="images/photos/mangaClub.jpg" alt="Manga Club">
+				<img src="/images/photos/mangaClub.jpg" alt="Manga Club">
 				<div class="carousel-caption">
 					<h1>Manga Club</h1>
 					<p>Free art lessons given by our very own artist-in-residence!</p>
-					<p><a class="btn btn-lg btn-primary" href="manga.html" role="button">Manga Club</a></p>
+					<p><a class="btn btn-lg btn-primary" href="/manga" role="button">Manga Club</a></p>
 				</div>
 			</div>
 
 			<div class="item">
-				<img src="images/photos/mcm_2018.jpg" alt="MCM London">
+				<img src="/images/photos/mcm_2018.jpg" alt="MCM London">
 				<div class="carousel-caption">
 					<h1>MCM London Comic Con</h1>
 					<p>Subsidized tickets to the UK's largest Anime, Gaming and Comic event, in October and May</p>
@@ -114,7 +114,7 @@
 			</div>
 
 			<div class="item">
-				<img src="images/photos/mealOut.jpg" alt="Meal Out">
+				<img src="/images/photos/mealOut.jpg" alt="Meal Out">
 				<div class="carousel-caption">
 					<h1>Society Meal Out</h1>
 					<p>Reasonably frequent meals out as a society, usually after a Wednesday social</p>
diff --git a/html/library.html b/html/library.html
index b70a065..7c345b3 100644
--- a/html/library.html
+++ b/html/library.html
@@ -9,10 +9,10 @@
 	<!--Setup Bootstrap CSS-->
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 	<!--Setup Override CSS-->
-	<link rel="stylesheet" href="style.css">
+	<link rel="stylesheet" href="/style.css">
 
 	<!--Site icon and title-->
-	<link rel="icon" type="image/png" href="favicon.ico">
+	<link rel="icon" type="image/png" href="/favicon.ico">
 	<title>IC Anime Society</title>
 
 </head>
@@ -33,8 +33,8 @@
 					<span class="icon-bar"></span>
 					<span class="icon-bar"></span>
 				</button>
-				<a href="index.html">
-					<img src="images/logo.png" id="logo">
+				<a href="/">
+					<img src="/images/logo.png" id="logo">
 				</a>
 			</div>
 
@@ -42,15 +42,15 @@
 				<ul class="nav navbar-nav navbar-right">
 
 					<li>
-						<a href="index.html">Home</a>
+						<a href="/">Home</a>
 					</li>
 
 					<li class="dropdown">
 						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
 							aria-expanded="false">About Us<span class="caret"></span></a>
 						<ul class="dropdown-menu">
-							<li><a href="about.html">Who we are</a></li>
-							<li><a href="committee.html">Committee</a></li>
+							<li><a href="/about">Who we are</a></li>
+							<li><a href="/committee">Committee</a></li>
 						</ul>
 					</li>
 
@@ -58,8 +58,8 @@
 						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
 							aria-expanded="false">What we Do<span class="caret"></span></a>
 						<ul class="dropdown-menu">
-							<li><a href="manga.html">Manga club</a></li>
-							<li><a href="library.html">Manga Library</a></li>
+							<li><a href="/manga">Manga club</a></li>
+							<li><a href="/library">Manga Library</a></li>
 						</ul>
 					</li>
 
@@ -103,7 +103,7 @@
 		We have a slowly increasing collection of art materials including small and medium Wacom graphic tablets,
 		markers, copics, and a scanner.
 		A full list of materials is in the works. Please read the rules for borrowing and using <a
-			href="Markers Usages.docx">markers</a> and <a href="Wacom Borrowing Rules.docx">Wacom tablets</a>.
+			href="/Markers Usages.docx">markers</a> and <a href="/Wacom Borrowing Rules.docx">Wacom tablets</a>.
 
 		<br><br>
 
diff --git a/html/manga.html b/html/manga.html
index 9fdfe93..7d4e485 100644
--- a/html/manga.html
+++ b/html/manga.html
@@ -9,10 +9,10 @@
 	<!--Setup Bootstrap CSS-->
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 	<!--Setup Override CSS-->
-	<link rel="stylesheet" href="style.css">
+	<link rel="stylesheet" href="/style.css">
 
 	<!--Site icon and title-->
-	<link rel="icon" type="image/png" href="favicon.ico">
+	<link rel="icon" type="image/png" href="/favicon.ico">
 	<title>IC Anime Society</title>
 
 </head>
@@ -33,8 +33,8 @@
 					<span class="icon-bar"></span>
 					<span class="icon-bar"></span>
 				</button>
-				<a href="index.html">
-					<img src="images/logo.png" id="logo">
+				<a href="/">
+					<img src="/images/logo.png" id="logo">
 				</a>
 			</div>
 
@@ -42,15 +42,15 @@
 				<ul class="nav navbar-nav navbar-right">
 
 					<li>
-						<a href="index.html">Home</a>
+						<a href="/">Home</a>
 					</li>
 
 					<li class="dropdown">
 						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
 							aria-expanded="false">About Us<span class="caret"></span></a>
 						<ul class="dropdown-menu">
-							<li><a href="about.html">Who we are</a></li>
-							<li><a href="committee.html">Committee</a></li>
+							<li><a href="/about">Who we are</a></li>
+							<li><a href="/committee">Committee</a></li>
 						</ul>
 					</li>
 
@@ -58,8 +58,8 @@
 						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
 							aria-expanded="false">What we Do<span class="caret"></span></a>
 						<ul class="dropdown-menu">
-							<li><a href="manga.html">Manga club</a></li>
-							<li><a href="library.html">Manga Library</a></li>
+							<li><a href="/manga">Manga club</a></li>
+							<li><a href="/library">Manga Library</a></li>
 						</ul>
 					</li>
 
diff --git a/html/verify.html b/html/verify.html
index 09e227c..bd428d8 100644
--- a/html/verify.html
+++ b/html/verify.html
@@ -9,10 +9,10 @@
 	<!--Setup Bootstrap CSS-->
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 	<!--Setup Override CSS-->
-	<link rel="stylesheet" href="style.css">
+	<link rel="stylesheet" href="/style.css">
 
 	<!--Site icon and title-->
-	<link rel="icon" type="image/png" href="favicon.ico">
+	<link rel="icon" type="image/png" href="/favicon.ico">
 	<title>IC Anime Society</title>
 
 </head>
@@ -30,8 +30,8 @@
 					<span class="icon-bar"></span>
 					<span class="icon-bar"></span>
 				</button>
-				<a href="index.html">
-					<img src="images/logo.png" id="logo">
+				<a href="/">
+					<img src="/images/logo.png" id="logo">
 				</a>
 			</div>
 
@@ -39,15 +39,15 @@
 				<ul class="nav navbar-nav navbar-right">
 
 					<li>
-						<a href="index.html">Home</a>
+						<a href="/">Home</a>
 					</li>
 
 					<li class="dropdown">
 						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
 							aria-expanded="false">About Us<span class="caret"></span></a>
 						<ul class="dropdown-menu">
-							<li><a href="about.html">Who we are</a></li>
-							<li><a href="committee.html">Committee</a></li>
+							<li><a href="/about">Who we are</a></li>
+							<li><a href="/committee">Committee</a></li>
 						</ul>
 					</li>
 
@@ -55,8 +55,8 @@
 						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
 							aria-expanded="false">What we Do<span class="caret"></span></a>
 						<ul class="dropdown-menu">
-							<li><a href="manga.html">Manga club</a></li>
-							<li><a href="library.html">Manga Library</a></li>
+							<li><a href="/manga">Manga club</a></li>
+							<li><a href="/library">Manga Library</a></li>
 						</ul>
 					</li>