diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/assets/images/thumbsups.png b/assets/images/thumbsups.png
new file mode 100644
index 0000000..3776256
Binary files /dev/null and b/assets/images/thumbsups.png differ
diff --git a/hidden/secret.html b/hidden/secret.html
index 61b5909..2fedce0 100644
--- a/hidden/secret.html
+++ b/hidden/secret.html
@@ -1,16 +1,23 @@
-<head>
-  <title>secret page</title>
-  <link rel="icon" href="../assets/images/dangelo.jpg">
-  <link rel="stylesheet" href="../style.css">
-</head>
-<body>
-  <div class="main-content">
-    <img src="../assets/images/dangelo.jpg">
-    <audio autoplay controls>
-      <source src="../assets/musics/brownsugar.mp3" type="audio/mpeg">
-    </audio>
-    <h1>you found the secret d'angelo page</h1>
-    <h2>leave a mark on this page to get extra points in judging</h2>
-  </div>
 
-</body>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Document</title>
+        <title>secret page</title>
+        <link rel="icon" href="../assets/images/dangelo.jpg" />
+        <link rel="stylesheet" href="../style.css" />
+    </head>
+    <body>
+        <div class="main-content">
+            <img src="../assets/images/dangelo.jpg" />
+            <audio autoplay controls>
+                <source src="../assets/musics/brownsugar.mp3" type="audio/mpeg" />
+            </audio>
+            <h1>Secret? Not so secretive anymore...</h1>
+            <h1> A mark</h1>
+            <h3>a mark :D</h3>
+        </div>
+    </body>
+</html>
diff --git a/index.html b/index.html
index 1800b6d..bad8247 100644
--- a/index.html
+++ b/index.html
@@ -8,9 +8,10 @@
   <div class="navbar">
     <a href="page1.html">Page 1</a>
     <a href="page2.html">Page 2</a>
+    <a href="hidden\secret.html">Not secret</a>
   </div>
   <div class="main-content"> 
     <h1 style="color: #fff;font-size: 40px;font-style: italic; text-align: center;">Welcome to ACM</h1>
-    <img src="assets/images/ubacm.png" style="width: 300px;">  
+    <img src="assets/images/ubacm.png" alt="hi" style="width: 300px;">  
   </div>
 </body>
\ No newline at end of file
diff --git a/page1.html b/page1.html
index e69de29..f666dbc 100644
--- a/page1.html
+++ b/page1.html
@@ -0,0 +1,16 @@
+<head>
+    <title>ACM's Github Workshop</title>
+    <link rel="icon" href="assets/images/acm-icon.png">
+    <link rel="stylesheet" href="style.css">
+  </head>
+  
+  <body class="index-body">
+    <div class="navbar">
+      <a href="page2.html">Page 1</a>
+      <a href="secret.html">Page 2</a>
+    </div>
+    <div class="main-content"> 
+      <h1 style="color: #fff;font-size: 40px;font-style: italic; text-align: center;">Welcome to Page 2 I think</h1>
+      <img src="assets\images\thumbsups.png" style="width: 300px;">  
+    </div>
+  </body>
\ No newline at end of file
diff --git a/page2.html b/page2.html
index e69de29..2519c98 100644
--- a/page2.html
+++ b/page2.html
@@ -0,0 +1 @@
+<a href="page2.html">Page 1</a>
diff --git a/style.css b/style.css
index 5f1ec8d..32fb3d3 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,5 @@
 .index-body{
-  background-image: linear-gradient(#88C8FF,#005DC2);
+  background-image: linear-gradient(#ff88d3,#c2001d);
   margin: 0;
   height: 97vh; 
   width: 100vw;
@@ -9,11 +9,11 @@
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  background-color: white;
+  background-color: #503bbd;
   height: 50px
 }
 .navbar a {
-  color: #005DC2;
+  color: #e92f70dc;
   font-size: 20px;
   padding: 10px;
 }
