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/index.html b/index.html
new file mode 100644
index 0000000..6a92702
--- /dev/null
+++ b/index.html
@@ -0,0 +1,38 @@
+<!-- TODO 1: Create the HTML Boilerplate -->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>portfolio</title>
+   <!-- <img src = "assets/images/birthday-invite.png"/> -->
+</head>
+<body>
+    <h1>THIS IS AMRUTHA'S PORTFOLIO</h1>
+    <h2>I am a student!!</h2>
+    <hr/>
+    <a href = "./public/birthday-invite.html">Birthday invite!</a>
+    <br/>
+    <img src = "./assets/images/birthday-invite.png" alt = "preview img" height = "200"/>
+    <hr/>
+    <a href = "public/movie-ranking.html">My movie ranking list</a>
+    <img src = "assets/images/movie-ranking.png" atl = "preview img" height = "220"/>
+    <hr/>
+    <a href = "./public/about.html">About me     </a>
+    <a href = "./public/contact.html"> contact me </a>
+</body>
+</html>
+
+<!-- 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 -->
\ 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
