diff --git a/css/indexes.css b/css/indexes.css
new file mode 100644
index 0000000..2ff1d09
--- /dev/null
+++ b/css/indexes.css
@@ -0,0 +1,168 @@
+@import url(https://fonts.googleapis.com/css?family=Poiret+One|Varela+Round);
+@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
+
+html, body {
+margin: 0;
+padding: 0; }
+
+/*Slideout Sidebar*/
+  .toggle {
+  text-decoration: none;
+  font-size: 2em;
+  color: rgba(0, 0, 0, 0.61);
+  -webkit-transition: all 0.15s ease-out 0;
+  -moz-transition: all 0.15s ease-out 0;
+  transition: all 0.45s ease-out 0;
+  position: fixed;
+  top: 20px;
+  left: 20px;
+  z-index: 1;
+  cursor: pointer;
+  }
+
+  .sidebar {
+  position: fixed;
+  top: 0px;
+  bottom: 0px;
+  left: -190px;
+  -webkit-transition: all 0.15s ease-out 0;
+  -moz-transition: all 0.15s ease-out 0;
+  transition: all 0.15s ease-out 0;
+  width: 8rem;
+  padding: 1.5em;
+  background: black; 
+  }
+
+  .sidebar img {
+    width: 80px;
+    display: block;
+    margin: auto;
+  }
+
+  .sidebar ul {
+    list-style: none;
+    margin: 0;
+    padding: 0; 
+  }
+
+  .sidebar li a {
+    color: white;
+    font-family: 'Roboto';
+    margin: 0;
+    margin-bottom: 16px;
+    cursor: pointer;
+    text-decoration: none;
+    line-height: 200%;
+    font-size: 18px;
+  }
+
+  .sidebar h4 {
+    margin: 0;
+    padding: 0; 
+    color: white;
+    font-family: 'Roboto';
+    bottom: 10px;
+    width: 100%;
+    position: fixed;
+  }
+
+  .sidebar a:hover {
+    color: gray; 
+  }
+
+  #slide:checked + .container .sidebar {
+  left: 0px;
+  transition: 0.5s;
+   }
+
+  #slide:checked + .container .toggle {
+  left: 200px;
+  transition: 0.5s;
+   }
+
+
+  #slide {
+  display: none; 
+  }
+
+  .attribute-title {
+    color: white;
+    font-family: 'Roboto';
+  }
+
+/*Search Box*/
+  .search {
+    text-align: centre;
+    padding-top: 150px;
+    width: auto;
+    width: 60%;
+    margin: 0 auto 0 auto;
+    font-family: 'Roboto';
+    animation: slidein 0.5s ease;
+  }
+
+  .search h1 {
+    font-size: 100px;
+  }
+
+  .search h2 {
+    font-size: 60px;
+  }
+
+  .search p {
+    font-size: 25px;
+  }
+
+  .search img {
+    display: block;
+    margin: 0 auto 0 0;
+    width: 100%;
+    height: auto;
+    border-radius: 20px;
+    animation: slidein 0.5s ease;
+  }
+
+/*Indexed Sites List*/
+  #img1-1 {
+    width: 40%;
+    float: left;
+  }
+  #img1-2 {
+    width: 40%;
+    float: right;
+  }
+  #img2-1 {
+    width: 40%;
+    float: left;
+  }
+  #img2-2 {
+    width: 40%;
+    float: right;
+  }
+  #img3-1 {
+    width: 40%;
+    float: left;
+  }
+  #img3-2 {
+    width: 40%;
+    float: right;
+  }
+
+/*Animations*/
+  @keyframes fadein{
+    from{
+      opacity: 0%;
+    }
+    to{
+      opacity: 100%;
+    }
+  }
+
+  @keyframes slidein{
+    0%{
+      transform: translateY(-250px);
+    }
+    100%{
+      transform: translateY(0px);
+    }
+  }
\ No newline at end of file
diff --git a/css/search.css b/css/search.css
new file mode 100644
index 0000000..6dfca7b
--- /dev/null
+++ b/css/search.css
@@ -0,0 +1,145 @@
+@import url(https://fonts.googleapis.com/css?family=Poiret+One|Varela+Round);
+@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
+
+html, body {
+  margin: 0;
+  padding: 0;
+}
+
+/*Slidout Sidebar*/
+  .toggle {
+  text-decoration: none;
+  font-size: 2em;
+  color: rgba(0, 0, 0, 0.61);
+  -webkit-transition: all 0.15s ease-out 0;
+  -moz-transition: all 0.15s ease-out 0;
+  transition: all 0.45s ease-out 0;
+  position: fixed;
+  top: 20px;
+  left: 20px;
+  z-index: 1;
+  cursor: pointer;
+  animation: slidein 0.3s ease-in;
+  }
+
+  .sidebar {
+  position: fixed;
+  top: 0px;
+  bottom: 0px;
+  left: -190px;
+  -webkit-transition: all 0.15s ease-out 0;
+  -moz-transition: all 0.15s ease-out 0;
+  transition: all 0.15s ease-out 0;
+  width: 8rem;
+  padding: 1.5em;
+  background: black; 
+  animation: slidein 0.3s ease-in;
+  }
+
+  .sidebar img {
+    width: 80px;
+    display: block;
+    margin: auto;
+  }
+
+  .sidebar ul {
+    list-style: none;
+    margin: 0;
+    padding: 0; 
+  }
+
+  .sidebar li a {
+    color: white;
+    font-family: 'Roboto';
+    margin: 0;
+    margin-bottom: 16px;
+    cursor: pointer;
+    text-decoration: none;
+    line-height: 200%;
+    font-size: 18px;
+  }
+
+  .sidebar h4 {
+    margin: 0;
+    padding: 0; 
+    color: white;
+    font-family: 'Roboto';
+    bottom: 10px;
+    width: 100%;
+    position: fixed;
+  }
+
+
+  .sidebar a:hover {
+    color: gray; 
+  }
+
+  #slide:checked + .container .sidebar {
+  left: 0px;
+  transition: 0.5s;
+   }
+
+  #slide:checked + .container .toggle {
+  left: 200px;
+  transition: 0.5s;
+   }
+
+
+  #slide {
+  display: none; 
+  }
+
+  .attribute-title {
+    color: white;
+    font-family: 'Roboto';
+  }
+
+/*Search Box*/
+  .search {
+    text-align: centre;
+    padding-top: 150px;
+    width: auto;
+    width: 60%;
+    margin: 0 auto 0 auto;
+    animation: slidein 0.3s ease;
+  }
+
+  .search img {
+    display: block;
+    margin: 0 auto;
+    width: 50%;
+    height: auto;
+    animation: slidein 0.3s ease;
+  }
+
+  .gsc-search-button .gsc-search-button-v2 {
+    border-radius: 50px;
+    border-color: red;
+    background-color: red;
+    font-family: 'Roboto';
+  }
+
+  .gsc-input-box input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
+    border-radius: 50px;
+    border-color: red;
+    font-family: 'Roboto';
+  }
+
+/*Animations*/
+  @keyframes fadein{
+    from{
+      opacity: 0%;
+    }
+    to{
+      opacity: 100%;
+    }
+  }
+
+  @keyframes slidein{
+    0%{
+      transform: translateY(-250px);
+    }
+    100%{
+      transform: translateY(0px);
+    }
+  }
\ No newline at end of file
diff --git a/img/1.png b/img/1.png
new file mode 100644
index 0000000..3e28aae
Binary files /dev/null and b/img/1.png differ
diff --git a/img/2.png b/img/2.png
new file mode 100644
index 0000000..8d203bc
Binary files /dev/null and b/img/2.png differ
diff --git a/img/3.png b/img/3.png
new file mode 100644
index 0000000..0fa2087
Binary files /dev/null and b/img/3.png differ
diff --git a/img/4.png b/img/4.png
new file mode 100644
index 0000000..af6425a
Binary files /dev/null and b/img/4.png differ
diff --git a/img/5.png b/img/5.png
new file mode 100644
index 0000000..9492854
Binary files /dev/null and b/img/5.png differ
diff --git a/img/6.png b/img/6.png
new file mode 100644
index 0000000..a0378e4
Binary files /dev/null and b/img/6.png differ
diff --git a/img/favicon.png b/img/favicon.png
new file mode 100644
index 0000000..e91a599
Binary files /dev/null and b/img/favicon.png differ
diff --git a/img/search-logo.png b/img/search-logo.png
new file mode 100644
index 0000000..ab80edf
Binary files /dev/null and b/img/search-logo.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..0045117
--- /dev/null
+++ b/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>Rave Game Search</title>
+	<link rel="icon" type="text/css" href="img/favicon.png">
+	<!-- CSS Import -->
+	<link rel="stylesheet" type="text/css" href="css/search.css">
+</head>
+<body>
+
+<!-- Slideout Sidebar -->
+	<input type="checkbox" id="slide" name="" value=""/>
+		<div class="container">
+			<label for="slide" class="toggle">☰</label>
+			<nav class="sidebar"> 
+				<ul>
+					<img src="img/favicon.png" onclick="location.href='index.html';">
+					<li><a href="sites-indexed.html"> Sites Indexed </a></li>
+					<li><a href="terms.html"> Terms of Use </a></li>
+					<h4>Copyright <script type="text/javascript">document.write(new Date().getFullYear());</script><br>IdleEndeavor</h4>
+				</ul>
+			</nav>
+		</div>
+
+<!-- Search Box -->
+	<div id="search-box" class="search">
+	<img src="img/search-logo.png">
+	   <script>
+	     (function() {
+	       var cx = "001315572920893299880:p3yigpygfny";
+	       var gcse = document.createElement("script");
+	       gcse.type = "text/javascript";
+	       gcse.async = true;
+	       gcse.src = "https://cse.google.com/cse.js?cx=" + cx;
+	       var s = document.getElementsByTagName("script")[0];
+	       s.parentNode.insertBefore(gcse, s);
+	     })();
+	     window.onload = function()
+	     { 
+	       var searchBox =  document.getElementById("gsc-i-id1");
+	       searchBox.placeholder="Search for Game Downloads";
+	       searchBox.title="Rave Game Search Engine"; 
+	     }
+	   </script>
+	   <gcse:search></gcse:search>
+	</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/sites-indexed.html b/sites-indexed.html
new file mode 100644
index 0000000..61b884a
--- /dev/null
+++ b/sites-indexed.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>Sites Indexed</title>
+	<link rel="icon" type="text/css" href="img/favicon.png">
+	<!-- CSS Import -->
+	<link rel="stylesheet" type="text/css" href="css/indexes.css">
+</head>
+<body>
+
+<!-- Slideout Sidebar -->
+	<input type="checkbox" id="slide" name="" value="" />
+		<div class="container">
+			<label for="slide" class="toggle">☰</label>
+			<nav class="sidebar"> 
+				<ul>
+					<img src="img/favicon.png" onclick="location.href='index.html';">
+					<li><a href="index.html"> Back to Search </a></li>
+					<li><a href="terms.html"> Terms of Use </a></li>
+					<h4>Copyright <script type="text/javascript">document.write(new Date().getFullYear());</script><br>IdleEndeavor</h4>
+				</ul>
+			</nav>
+		</div>
+
+<!-- Indexed Sites List -->
+	<div class="search">
+		<h1>Sites Indexed</h1>
+		<div id="img1-1">
+			<img src="img/1.png">
+			<h3><a href="http://www.rgmechanics.com/"> http://www.rgmechanics.com/</a></h3>
+		</div>
+		<div id="img1-2">
+			<img src="img/2.png">
+			<h3><a href="https://agfy.co/"> https://agfy.co/</a></h3>
+		</div>
+		<div id="img2-1">
+			<img src="img/3.png">
+			<h3><a href="http://www.newgamesbox.net/"> http://www.newgamesbox.net/</a></h3>
+		</div>
+		<div id="img2-2">
+			<img src="img/4.png">
+			<h3><a href="https://steamunlocked.net/"> https://steamunlocked.net/</a></h3>
+		</div>
+		<div id="img3-1">
+			<img src="img/5.png">
+			<h3><a href="https://www.ovagames.com/"> https://www.ovagames.com/</a></h3>
+		</div>
+		<div id="img3-2">
+			<img src="img/6.png">
+			<h3><a href="https://fitgirl-repacks.site/"> https://fitgirl-repacks.site/</a></h3>
+		</div>
+	</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/terms.html b/terms.html
new file mode 100644
index 0000000..4275a21
--- /dev/null
+++ b/terms.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>Terms of Use</title>
+	<link rel="icon" type="text/css" href="img/favicon.png">
+	<!-- CSS Import -->
+	<link rel="stylesheet" type="text/css" href="css/indexes.css">
+</head>
+<body>
+
+<!-- Slideout Sidebar -->
+	<input type="checkbox" id="slide" name="" value="" />
+		<div class="container">
+			<label for="slide" class="toggle">☰</label>
+			<nav class="sidebar"> 
+				<ul>
+					<img src="img/favicon.png" onclick="location.href='index.html';">
+					<li><a href="index.html"> Back to Search </a></li>
+					<li><a href="sites-indexed.html"> Sites Indexed </a></li>
+					<h4>Copyright <script type="text/javascript">document.write(new Date().getFullYear());</script><br>IdleEndeavor</h4>
+				</ul>
+			</nav>
+		</div>
+
+<!-- Terms of Use and Privacy Policy -->
+	<div class="search">
+		<h1>Terms of Use</h1>
+		<p>The purpose of this website is to compile a list of video game download links from other websites.</p>
+		<p>The user is responsible for any actions done in response to the Rave Game Search engine's results.</p> 
+		<p>With its information, this website does not advocate or discourage any behaviors. This website contains only pure, unfettered material (excluding logos and other copyrighted content</p>
+		<p>IdleEndeavor owns the Rave Game Search logo and all other brand material. External usage of this information is prohibited.</p>
+		<h2>Privacy</h2>
+		<p>The Rave Game Search Engine does not collect or retain any personally identifying information.</p>
+		<p>This website does not utilize Google Analytics in any way for its own purposes, and its servers do not keep track of how it is used.</p>
+		<p>Rave Game Search Engine's search functions are built on Google Search Services. As a result, Google may gather use or analytics data from visitors of this site. This data gathering is not the responsibility of Rave Search.</p>
+	</div>
+
+</body>
+</html>
\ No newline at end of file