My Self Portrait Resume

My Picture

My favorite hobbies

My favorite subjects in school

  1. Phys Ed
  2. Math
  3. History
  4. Geography

What I want to be when I grow up

I want to become an astronaut so I can look at space snakes

Raw Code

        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1.0" />
            <link rel="stylesheet" href="style.css" />
            <!--
                Change to "Your Name's Self Portrait Resume"
            -->
            <title>Self Portrait Resume Template</title>
        </head>

        <body>
            <h1>My Self Portrait Resume</h1>
            <p>
            <img
                src="https://picsum.photos/200"
                alt="My Picture"
                style="max-width: 400px; max-height: 300px;"
                />
            </p>
            <div>
                <h3>My favorite hobbies</h3>
                <ul>
                    <li style="color:red">Eating food</li>
                    <li style="color:green">Golfing</li>
                    <li style="color:blue">Music</li>
                    <li style="color:brown">Coding</li>
                </ul>
            </div>
            <div>
                <h3>My favorite subjects in school</h3>
                <!--
                    (Ranking optional, switch <ol></ol> to <ul></ul>)
                -->
                <ol>
                    <li>Phys Ed</li>
                    <li>Math</li>
                    <li>History</li>
                    <li>Geography</li>
                </ol>
            </div>
            <div>
                <h3>What I want to be when I grow up</h3>
                <p>
                    I want to become an astronaut so I can look at space snakes
                </p>
            </div>
        </body>
        </html>