4.3 HTML Porfolio Project/index.html

<!-- TODO 1: Create the HTML Boilerplate -->
 <!Doctype html>

 <html lang="en">
    <head>
    <meta charset="UTF-8"/>
    <title> My Portfolio </title>
    </head>
 

<!-- TODO 2: Add Your previous projects' HTML into the public folder -->
<body>
    <h1>The Best Movies According to Marvy</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>
    <a href="../4.3 HTML Porfolio Project/public/birthday-invite.html">
    <h1> Birthday Invite Project</h1>
    </a>
    <img src="../4.3 HTML Porfolio Project/assets/images/birthday-invite.png" height="300" alt="Birthday invite project"/>
    <a href="../4.3 HTML Porfolio Project/public/contact.html">
    <p>Contact Me</p>
    </a>
    <a href = "../4.3 HTML Porfolio Project/public/about.html">
    <p> About Me</p>
    </a>
</body>

<!-- 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 -->
</html>