diff --git a/assets/images/birthday-invite.png b/assets/images/birthday-invite.png
new file mode 100644
index 0000000..220b31e
Binary files /dev/null and b/assets/images/birthday-invite.png differ
diff --git a/assets/images/movie-ranking.png b/assets/images/movie-ranking.png
new file mode 100644
index 0000000..18ecf30
Binary files /dev/null and b/assets/images/movie-ranking.png differ
diff --git a/goal.png b/goal.png
new file mode 100644
index 0000000..4d72d98
Binary files /dev/null and b/goal.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..544d935
--- /dev/null
+++ b/index.html
@@ -0,0 +1,58 @@
+<!-- TODO 1: Create the HTML Boilerplate -->
+
+<!-- TODO 2: Add Your previous projects' HTML into the public folder -->
+
+<!-- TODO 3: Take screenshots of your project previews and add the images to the images folder -->
+
+<!-- TODO 4: Add titles/subtitles etc. -->
+
+<!-- TODO 5: Add a link to the project pages -->
+
+<!-- TODO 6: Add images to show the project previews
+HINT for TODO 6: You can use the height attribute set to 200 to make the image smaller:
+https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-height -->
+
+<!-- TODO 7: Add the Contact Me and About Me page links -->
+
+
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Manu Mathur Content Portfolio</title>
+</head>
+<body>
+
+    <h1> My HTML Portfolio: A Snapshot</h1>
+
+    <p> Check out my dummy HTML portfolio created as a part of the Web Development Bootcamp Course.</p>
+
+<hr>
+
+<h2> My Top 3 Movies</h2>
+<img src="./assets/images/movie-ranking.png" height = "200px" alt = "Movie Ranking Image" >
+
+<a href="./public/movie-ranking.html"> My Top 3 Favorite Movies </a>
+    <ul>
+        <li> Fighter</li>
+        <li> Yodha</li>
+        <li> Top Gun Maverick</li>
+    </ul>
+
+<hr>
+
+<h2> Birthday Invite</h2>
+    <img src="./assets/images/birthday-invite.png" height = "200px" alt = "Birthday Invite Image" >
+
+    <a href="./public/birthday-invite.html"> Here's My Birthday Invite </a>
+    <p> My Birtday is on:</p>
+    <p> <b> February 14 (Valentine's Day) </b></p>
+
+<hr>
+
+<a href="./public/about.html"> Get to Know Me Better </a><br>
+<a href="./public/contact.html"> Book Your Free Consultation Here</a>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/public/about.html b/public/about.html
new file mode 100644
index 0000000..59a920d
--- /dev/null
+++ b/public/about.html
@@ -0,0 +1,20 @@
+<h1>About Me</h1>
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sem tellus, sagittis non odio nec, interdum
+  elementum lacus. Ut ac justo eget risus sollicitudin fringilla sed ut leo. Ut condimentum elit nec fermentum lobortis.
+  Quisque tincidunt quam nec tincidunt ullamcorper. Integer vitae pretium justo. In placerat volutpat pellentesque.
+  Etiam
+  gravida quam vitae odio pulvinar imperdiet. Vivamus venenatis gravida purus sit amet aliquet. Ut in nibh sed quam
+  laoreet lacinia. Cras cursus ut dui vitae posuere. Vivamus volutpat urna vitae odio fringilla placerat. Nulla vel
+  rhoncus sapien. Phasellus at interdum enim.</p>
+
+<p>Curabitur elementum sagittis mollis. In porta nec quam ut semper. Nulla volutpat neque quis lacus mattis eleifend.
+  Phasellus et congue odio. Mauris tristique, nisl quis porttitor porttitor, tortor ante mattis ex, at dictum tortor
+  dolor
+  ut sem. Nullam nec libero non ex porta vulputate a eu sapien. In nec bibendum mauris. Fusce iaculis lectus vel magna
+  laoreet gravida.</p>
+
+<p>Donec euismod vestibulum arcu, a blandit metus mattis ultrices. Integer quis hendrerit justo. Maecenas sed tempor mi.
+  Fusce egestas urna leo. Mauris viverra sem sed libero egestas, volutpat aliquet magna porta. Quisque id diam sed ipsum
+  interdum sollicitudin id quis augue. Donec congue nisl nec massa ornare imperdiet quis quis odio. Etiam ut volutpat
+  nisl. Vestibulum hendrerit justo nibh, eget consequat magna fermentum finibus. Pellentesque et urna fringilla, rutrum
+  neque in, varius leo. Vestibulum efficitur id massa eget pellentesque.</p>
\ No newline at end of file
diff --git a/public/birthday-invite.html b/public/birthday-invite.html
new file mode 100644
index 0000000..4fccfb3
--- /dev/null
+++ b/public/birthday-invite.html
@@ -0,0 +1,18 @@
+<!-- This is one possible solution -->
+<h1>It's My Birthday!</h1>
+<h2>On the 12th May</h2>
+
+<img src="https://raw.githubusercontent.com/appbrewery/webdev/main/birthday-cake3.4.jpeg"
+  alt="purple birthday cake with candles" />
+
+<h3>What to bring:</h3>
+<ul>
+  <li>Baloons (I love baloons)</li>
+  <li>Cake (I'm really good at eating)</li>
+  <li>An appetite (There will be lots of food)</li>
+</ul>
+
+<h3>This is where you need to go:</h3>
+<a
+  href="https://www.google.com/maps/@35.7040744,139.5577317,3a,75y,289.6h,87.01t,0.72r/data=!3m6!1e1!3m4!1sgT28ssf0BB2LxZ63JNcL1w!2e0!7i13312!8i6656">Google
+  map link</a>
\ No newline at end of file
diff --git a/public/contact.html b/public/contact.html
new file mode 100644
index 0000000..fc8b19f
--- /dev/null
+++ b/public/contact.html
@@ -0,0 +1,9 @@
+<h1>Contact Me</h1>
+<p>Tel: +123456789</p>
+<p>Email: me@gmail.com</p>
+<p>Address:</p>
+<p>
+  123 North Street<br />
+  Some City<br />
+  Some Country <br />
+</p>
\ No newline at end of file
diff --git a/public/movie-ranking.html b/public/movie-ranking.html
new file mode 100644
index 0000000..eb63fc6
--- /dev/null
+++ b/public/movie-ranking.html
@@ -0,0 +1,9 @@
+<h1>The Best Movies According to Angela</h1>
+<h2>My top 3 movies of all-time.</h2>
+<hr />
+<h3>Spirited Away</h3>
+<p>This is my favourite anime. I love the beautiful images.</p>
+<h3>Ex Machina</h3>
+<p>Really cool sci-fi movie.</p>
+<h3>Drive</h3>
+<p>Super beautiful film. Really artistic.</p>
\ No newline at end of file
diff --git a/solution.html b/solution.html
new file mode 100644
index 0000000..0aed10c
--- /dev/null
+++ b/solution.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Angela's Portfolio</title>
+</head>
+
+<body>
+  <h1>Angela Yu's Portfolio</h1>
+  <h2>I'm a Web Developer</h2>
+  <hr />
+  <h3><a href="./public/movie-ranking.html">Movie Ranking Project</a></h3>
+  <img src="./assets/images/movie-ranking.png" height="200" alt="movie ranking project preview"/>
+  <h3><a href="./public/birthday-invite.html">Birthday Invite Project</a></h3>
+  <img src="./assets/images/birthday-invite.png" height="200" alt="birthday invite project preview"/>
+  <hr />
+  <a href="./public/about.html">About Me</a>
+  <a href="./public/contact.html">Contact Me</a>
+</body>
+
+</html>
\ No newline at end of file
