index.html

<!DOCTYPE html>
<html lang="En">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>HTML PORTFOLIO</title>
    </head> 

    <body>
        <h1> Ebenezer's Portfolio</h1>
        <h2> I'm a  Web Developer</h2>
        <hr>
        <a href="./public/movie-ranking.html"> <h2>Movie Ranking Project</h2></a>
        <h3>The Best Movies ever according to Ebenezer</h3>
        <h4>My top 3 movies of all time</h4>
        <hr>
        <ol>
            <li> <h5>The Forge</h5> <p>This is best of all times, and is first on my list</p></li>
            <li> <h5>What Will Jesus Do (The Journey Continues)</h5> <p>This is best of all times, and is second on the list</p></li>
            <li> <h5>What Will Jesus Do</h5> <p>This is best of all times, and is third on the list.</p></li>
        </ol>
        <hr>
        <a href="public/birthday-invite.html" > <h2>Birthday Invitation Project</h2></a>
<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>Balloons (I love balloons)</li>
  <li>Cake (I'm really good at eating)</li>
  <li>An appetite (There will be lots of food)</li>
</ul>
<hr>


  <a href="public/about.html"> About Me</a>
  <a href="public/contact.html"> Contact Me</a>
    </body>
</html>