content.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Content for HW1: Get on the Web</title>
        <link rel="stylesheet" href="styles.css">
    </head>
    <body class="content">
        <h1 class="main-header">John P.</h1>
        <h2 class="secondary-header">Major: Computer Science</h2>
        <h3 class="third-header-1">
            <!-- Switch from br to span later! -->
            IPv4 Address: 10.243.92.186<br>
            Where I Grew Up: Los Angeles, CA 🌴<br>
        </h3>
        <div class="image-container">
            <img class="image" src="assets/london.jpg" alt="Favorites Place" />
            <p class="image-description">
                This is a random side street in London. <br>
                I love the cozy feeling of any street of <br>
                this kind as it gives me a feeling of <br> 
                warmth and walking through history. 💂🏻
            </p>
        </div>
        <h3 class="third-header-2">
            My Favorite Restaurant:
            <a href="https://www.villadicomo.com/" 
               target="_blank">Villa di Como</a><br>
            Something Unexpected About Me: I'm trilingual.
        </h3>
    </body>
</html>