diff --git a/projects/index.html b/projects/index.html
new file mode 100644
index 0000000..a40dd79
--- /dev/null
+++ b/projects/index.html
@@ -0,0 +1,110 @@
+<!DOCTYPE HTML>
+<!--
+	Strata by HTML5 UP
+	html5up.net | @ajlkn
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+-->
+<html>
+	<head>
+		<title>Sophia Atkinson</title>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+		<link rel="stylesheet" href="/assets/css/main.css" />
+		<meta content="Sophia Atkinson" property="og:title">
+    		<meta content="https://sophia.wtf" property="og:url">
+		<meta content="The Personal Site Of Sophia Atkinson" property="og:description">
+    		<meta content="https://sophia.wtf/images/logo.webp" property="og:image">
+		<meta name="wot-verification" content="b4128529f358eeae625a"/>
+<!------------------------>			
+			<script
+    src="https://code.jquery.com/jquery-3.3.1.js"
+    integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
+    crossorigin="anonymous">
+</script>
+<script> 
+$(function(){
+  $("#footer").load("/sync/footer.html"); 
+});
+</script> 
+</head>
+<body>
+<!--Remaining section-->
+<div id="footer"></div>
+
+<!------------------------>
+	</head>
+	<body class="is-preload">
+
+		<!-- Header -->
+			<header id="header">
+				<div class="inner">
+					<a href="/" class="image avatar"><img src="/images/logo.webp" alt="" /></a>
+					<h1><strong>I am Sophia, Developer, Computer & Server Enthusiast</strong><br />
+				</div>
+			</header>
+
+		<!-- Main -->
+			<div id="main">
+
+				<!-- One -->
+					<section id="one">
+						<header class="major">
+							<h2>Projects<br />
+</h2>
+				<!-- Two -->
+					<section id="two">
+						<h2><a href="/">Home</a></h2>
+						<div class="row">
+							<article class="col-6 col-12-xsmall work-item">
+								<a href="/images/previews/ptd.webp" class="image fit thumb"><img src="/images/previews/ptd.webp" alt="" /></a>
+								<h3>Perla The Dog</h3>
+								<p>A Site Dedicated To My Dog.<a href="https://perlathedog.com/">(perlathedog.com)</a></p>
+							</article>
+							<article class="col-6 col-12-xsmall work-item">
+								<a href="/images/previews/pf.webp" class="image fit thumb"><img src="/images/previews/pf.webp" alt="" /></a>
+								<h3>Project Firewatch</h3>
+								<p>A Site Dedicated To Firewatch.<a href="https://projectfirewatch.com/">(projectfirewatch.com)</a></p>
+							</article>
+							<article class="col-6 col-12-xsmall work-item">
+								<a href="/images/previews/cw.webp" class="image fit thumb"><img src="images/previews/cw.webp" alt="" /></a>
+								<h3>Codsworth The Discord Bot (Discontinued)</h3>
+								<p>A No-compromises Music Experience For Discord.<a href="https://codsworth.xyz/">(codsworth.xyz)</a></p>
+							</article>
+							<article class="col-6 col-12-xsmall work-item">
+								<a href="/images/previews/jsn.webp" class="image fit thumb"><img src="/images/previews/jsn.webp" alt="" /></a>
+								<h3>The Jim Sim Network (Closed)</h3>
+								<p>A Network Minecraft Server.<a href="https://jimsim.network/">(jimsim.network)</a></p>
+							</article>
+							<article class="col-6 col-12-xsmall work-item">
+								<a href="/images/previews/jb.webp" class="image fit thumb"><img src="/images/previews/jb.webp" alt="" /></a>
+								<h3>Jim Bot (Discontinued)</h3>
+								<p>A Multipurpose Discord Bot.</p>
+							</article>
+							<article class="col-6 col-12-xsmall work-item">
+								<a href="/images/previews/ab.webp" class="image fit thumb"><img src="/images/previews/ab.webp" alt="" /></a>
+								<h3>Annoyance Bot (Discontinued)</h3>
+								<p>Designed To Annoyance People On Discord.</p>
+							</article>
+							<article class="col-6 col-12-xsmall work-item">
+								<a href="/images/previews/osrp.webp" class="image fit thumb"><img src="/images/previews/osrp.webp" alt="" /></a>
+								<h3>Oregon State Roleplay (Closed)</h3>
+								<p>A FiveM Roleplay Server.</p>
+							</article>
+							<article class="col-6 col-12-xsmall work-item">
+								<a href="/images/previews/newcomingsoon.webp" class="image fit thumb"><img src="/images/previews/newcomingsoon.webp" alt="" /></a>
+								<h3>More Coming Soon!</h3>
+								<p> </p>
+							</article>
+						</div>
+			</div>
+
+		<!-- Scripts -->
+			<script src="/assets/js/jquery.min.js"></script>
+			<script src="/assets/js/jquery.poptrox.min.js"></script>
+			<script src="/assets/js/browser.min.js"></script>
+			<script src="/assets/js/breakpoints.min.js"></script>
+			<script src="/assets/js/util.js"></script>
+			<script src="/assets/js/main.js"></script>
+
+	</body>
+</html>
