diff --git a/oldIndex.html b/oldIndex.html
new file mode 100644
index 0000000..cf132a3
--- /dev/null
+++ b/oldIndex.html
@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Portfolio</title>
+  <link rel="stylesheet" href="4.css"/>
+  <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
+  <link rel="manifest" href="site.webmanifest">
+  <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
+  <meta name="msapplication-TileColor" content="#da532c">
+  <meta name="theme-color" content="#ffffff">
+  <script>
+  var currentSection="p1";
+  function setcurrentSection(page){
+    document.getElementById(currentSection).classList.remove("shown");
+    currentSection=page;
+    document.getElementById(page).classList.add("shown");
+  }
+  </script>
+</head>
+<body>
+
+  <div id="circuit">
+    <div id="bttn">
+      <h1>Robert <b class = "title">Heaton</b></h1>
+      <h2>Mechatronics Engineer</h2>
+    </div>
+      <div class="wrapper2">
+        <a class="btn" href="about.html">
+          <div class="landing-bttn">
+            <h3>About</h3>
+          </div>
+        </a>
+        <a class="btn" href="work.html">
+          <div class="landing-bttn">
+            <h3>Work</h3>
+          </div>
+        </a>
+        <a class="btn" href="projects.html">
+          <div class="landing-bttn">
+            <h3>Projects</h3>
+          </div>
+        </a>
+        <a class="btn" href="extra.html">
+          <div class="landing-bttn">
+            <h3>Extra</h3>
+          </div>
+        </a>
+    </div>
+  </div>
+  
+  <div id="aboutMe">
+    <div class="main">
+      <div class="spacing">
+        <h3>About Me</h3>
+        <div class="introductary_text">Hello! My name is Robert Heaton and I am
+          a Mechatronics Engineer from Lancashire currently working for BAE Digital Intelligence.
+          This website is a platform to share my work and personal projects, as well as ramble to the 
+          void that is the internet.
+          I have always enjoyed electronics and embedded systems,
+          developing a liking for robotics and autonomous systems in my first
+          year of study, and developing the chronic condition Startusnevercompletus.
+        </div>
+      </div>
+      <div class="spacing">
+      </div>
+    </div>
+  </div>
+  <div id="qualifications">
+    <div class="main_info_scroll">
+      <div class="spacing">
+        <h3>Experience and Qualifications</h3>
+        <p class="main_info_scroll">
+          Qualifications and experience here. Photos need adding.
+        </p>
+        <p>
+          I have completed a
+          <a class="pan" href="https://web.archive.org/web/20150911184418/https://www.fleetwoodtoday.co.uk/news/streetlife-youngsters-put-themselves-in-the-cold-to-help-homeless-charity-1-7429096/" target="_blank">
+            sponsored street sleep</a>
+            to raise money for chairty with NCS and have also won the first
+            <a class="pan" href="https://www.fleetwoodtoday.co.uk/education/night-celebrate-all-great-education-2671457" target="_blank">
+            Blackpool
+            and Fylde Young Scientist/Engineer Award</a>
+             in 2009.
+        </p>
+      </div>
+      <div class="spacing"></div>
+    </div>
+  </div>
+  <div id="pastWork">
+    <div class="full_page">
+      <div id="p1" class="pages shown">
+        <div class="container">
+        <div class="pageBanner">
+        <h6>
+          <span class="active">Extended Project Qualification</span>
+          <span onclick="setcurrentSection('p2')">Embedded Systems Project</span>
+          <span onclick="setcurrentSection('p3')">Third Year Project</span>
+          <span onclick="setcurrentSection('p4')">Fourth Year Project</span>
+        </h6>
+      </div>
+    </div>
+      <div class="pageText">
+        <div class="spacing">
+        <h3>Extended Project Qualification</h3>
+          <p>EPQ</p>
+      </div>
+      <div class="spacing"></div>
+      </div>
+    </div>
+      <div id="p2" class="pages">
+        <div class="container">
+        <div class="pageBanner">
+        <h6>
+          <span onclick="setcurrentSection('p1')">Extended Project Qualification</span>
+          <span class="active">Embedded Systems Project</span>
+          <span onclick="setcurrentSection('p3')">Third Year Project</span>
+          <span onclick="setcurrentSection('p4')">Fourth Year Project</span>
+        </h6>
+      </div>
+    </div>
+      <div class="pageText">
+        <div class="spacing">
+          <h3>Embedded Systems Project</h3>
+        <p>ESP</p>
+      </div>
+      <div class="spacing"></div>
+      </div>
+      </div>
+      <div id="p3" class="pages">
+        <div class="container">
+        <div class="pageBanner">
+        <h6>
+          <span onclick="setcurrentSection('p1')">Extended Project Qualification</span>
+          <span onclick="setcurrentSection('p2')">Embedded Systems Project</span>
+          <span class="active">Third Year Project</span>
+          <span onclick="setcurrentSection('p4')">Fourth Year Project</span>
+        </h6>
+      </div>
+    </div>
+      <div class="pageText">
+        <div class="spacing">
+          <h3>Third Year Project</h3>
+        <p>Third Year Project</p>
+      </div>
+      <div class="spacing"></div>
+      </div>
+      </div>
+
+      <div id="p4" class="pages">
+        <div class="container">
+        <div class="pageBanner">
+        <h6>
+          <span onclick="setcurrentSection('p1')">Extended Project Qualification</span>
+          <span onclick="setcurrentSection('p2')">Embedded Systems Project</span>
+          <span onclick="setcurrentSection('p3')">Third Year Project</span>
+          <span class="active">Fourth Year Project</span>
+        </h6>
+      </div>
+    </div>
+      <div class="pageText">
+        <div class="spacing">
+          <h3>Fourth Year Project</h3>
+        <p>Fourth Year Project</p>
+      </div>
+      <div class="spacing"></div>
+      </div>
+      </div>
+
+
+    </div>
+  </div>
+  <div id="contactInfo">
+    <div class="terminator">
+      <div class="spacing">
+        <h3>Contact Information</h3>
+        <p>
+            Robert Heaton<br>
+          Email: <a class="pan" href="mailto:rsheaton@outlook.com"> RSHeaton@outlook.com</a><br>
+        </p>
+      <p>
+        Copyright &#169; 2020 - 2023 Robert Heaton, all rights reserved.
+      </p>
+      </div>
+      <div class="spacing"></div>
+    </div>
+  </div>
+</body>
+</html>
