diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..b58b603fea78041071d125a30db58d79b3d49217
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000000000000000000000000000000000000..a19d7bc3cf4806436c08d0eb83f73a0d39a0b81f
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/team2_project.iml" filepath="$PROJECT_DIR$/.idea/team2_project.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/team2_project.iml b/.idea/team2_project.iml
new file mode 100644
index 0000000000000000000000000000000000000000..0c8867d7e175f46d4bcd66698ac13f4ca00cf592
--- /dev/null
+++ b/.idea/team2_project.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000000000000000000000000000000000000..94a25f7f4cb416c083d265558da75d457237d671
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000000000000000000000000000000000000..6f3a2913e199cebe9ace75cf7e5a2818da27fbd3
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/addProjectPage.html b/addProjectPage.html
index 2e62796348732866ed443aabaac298b819514af3..5c31e163b5afaad4f7fd94748db935dd70e30f64 100644
--- a/addProjectPage.html
+++ b/addProjectPage.html
@@ -14,23 +14,12 @@
       <div class="appBar">
         <span class="appName">StudentProfile</span>
         <nav class="navigation">
+          <a class="navLink" href="./main.html">Home</a>
           <a class="navLink" href="./registerPage.html">Register</a>
           <a class="navLink active" href="./addProjectPage.html">Add Project</a>
         </nav>
       </div>
     </header>
-    <main>
-      <form action="" class="formContainer">
-        <div class="fieldContainer">
-          <label class="formLabel" for="email">Name of the project: </label>
-          <input
-            class="formInput"
-            type="text"
-            id="firstname"
-            name="firstname"
-          />
-        </div>
-      </form>
-    </main>
+    <main></main>
   </body>
 </html>
diff --git a/images/building.jpeg b/images/building.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..177de0c434279aa307864199d9402f68888ad623
Binary files /dev/null and b/images/building.jpeg differ
diff --git a/images/cardiff2.png b/images/cardiff2.png
new file mode 100644
index 0000000000000000000000000000000000000000..43215fe0e912ea494691f6bc0f8e502776bbcd1c
Binary files /dev/null and b/images/cardiff2.png differ
diff --git a/images/cardiff3.jpg b/images/cardiff3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c091e960f78d870e2db094d7b7202e0160b2edcf
Binary files /dev/null and b/images/cardiff3.jpg differ
diff --git a/images/coffee.jpg b/images/coffee.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d5947d79f88c80998448156265af160fca5818c3
Binary files /dev/null and b/images/coffee.jpg differ
diff --git a/images/figure1.gif b/images/figure1.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c1240a796a67595ddf7c4b1fc6d81dcc46494c39
Binary files /dev/null and b/images/figure1.gif differ
diff --git a/images/students.jpg b/images/students.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..79b9505061dbbe3e53f8c1c38d7ec0f0a200de78
Binary files /dev/null and b/images/students.jpg differ
diff --git a/main.html b/main.html
new file mode 100644
index 0000000000000000000000000000000000000000..15ffcf186c575ca1db79fa9abe2ae4902119da1b
--- /dev/null
+++ b/main.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>W3.CSS Template</title>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+<link rel="stylesheet" href="styles.css" />
+<style>
+/* body {font-family: "Times New Roman", Georgia, Serif;}
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Playfair Display";
+  letter-spacing: 5px;
+} */
+</style>
+</head>
+<body>
+
+<!-- Navbar (sit on top) -->
+<div class="appBar">
+  <span class="appName">StudentProfile</span>
+  <nav class="navigation">
+    <a class="navLink active" href="./main.html">Home</a>
+    <a class="navLink" href="./registerPage.html">Register</a>
+    <a class="navLink " href="./addProjectPage.html">Add Project</a>
+  </nav>
+</div>
+<!-- Header -->
+<header class="w3-display-container w3-content w3-wide" style="max-width:1600px;min-width:500px" id="home">
+  <img class="w3-image" src="images/students.jpg" alt="Cardiff Building" width="1600" height="800">
+  <div class="w3-display-bottomleft w3-padding-large w3-opacity">
+    <h1 class="w3-xxlarge">Cardiff University - Register Here</h1>
+  </div>
+</header>
+
+<!-- Page content -->
+<div class="w3-content" style="max-width:1100px">
+
+  <!-- About Section -->
+  <div class="w3-row w3-padding-64" id="about">
+    <div class="w3-col m6 w3-padding-large w3-hide-small">
+     <img src="images/cardiff2.png" class="w3-round w3-image w3-opacity-min" alt="Table Setting" width="600" height="750">
+    </div>
+
+    <div class="w3-col m6 w3-padding-large">
+      <h1 class="w3-center">Student Registration</h1><br>
+      <h5 class="w3-center">The University opened its doors on 24 October 1883 and was formally established by Royal Charter in 1884.</h5>
+      <p class="w3-large">In 1893 we became one of the founding institutions of the University of Wales and began awarding their degrees. By 1972 we had taken the name University College, Cardiff</p>
+      
+    </div>
+  </div>
+  
+  <hr>
+  
+  
+
+    
+    <div class="w3-col l6 w3-padding-large">
+      <img src="images/building.jpeg" class="w3-round w3-image w3-opacity-min" alt="Students" style="width:100%">
+    </div>
+  </div>
+
+  <hr>
+
+  <div class="w3-container w3-padding-64" id="contact">
+    <h1>Contact</h1><br>
+    
+    <p class="w3-text-blue-grey w3-large"><b>Cardiff School of Computer Science & Informatics, Cathays, Cardiff CF24 4AW</b></p>
+    <p>You can also contact us by phone 029 2087 4000 or email didcotem@cardiff.ac.uk, or you can send us a message here:</p>
+    <form action="/action_page.php" target="_blank">
+      <p><input class="w3-input w3-padding-16" type="text" placeholder="Name" required name="Name"></p>
+      <p><input class="w3-input w3-padding-16" type="text" placeholder="Email" required name="Email"></p>
+      <p><input class="w3-input w3-padding-16" type="datetime-local" placeholder="Date and time" required name="date" value="20/10/2022"></p>
+      <p><input class="w3-input w3-padding-16" type="text" placeholder="Message \ Special requirements" required name="Message"></p>
+      <p><button class="w3-button w3-light-grey w3-section" type="submit">SEND MESSAGE</button></p>
+    </form>
+  </div>
+  
+
+</div>
+
+
+<footer class="w3-center w3-light-grey w3-padding-32">
+  <p>Powered by <a href="https://www.cardiff.ac.uk" title="Cardiff Website" target="_blank" class="w3-hover-text-green">Cardff University</a></p>
+</footer>
diff --git a/registerPage.html b/registerPage.html
index bd0167b48fd73af7b69ad25592185605bcf7e0ee..7cc37ea406576caedc4d37d4da66b97ac80ecc19 100644
--- a/registerPage.html
+++ b/registerPage.html
@@ -10,6 +10,7 @@
       <div class="appBar">
         <span class="appName">StudentProfile</span>
         <nav class="navigation">
+          <a class="navLink" href="./main.html">Home</a>
           <a class="navLink active" href="./registerPage.html">Register</a>
           <a class="navLink" href="./addProjectPage.html">Add Project</a>
         </nav>