index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Phooey.foo</title>
    <link href="style.css" rel="stylesheet">
</head>
<body>
    <header>
        <h1 id="title"><a href="https://www.phooey.foo">Phooey.foo</a></h1>
    </header>
    <main>
        <div class="card card-content">
            <p>Hey! My name's Ben. I'm the owner of phooey.foo. Thanks for stopping by my website!
            My Links:</p>
            <ul>
                <li><a href="https://blog.phooey.foo">My Blog</a></li>
                <li><a href="https://www.aipromptgenius.app">AI Prompt Genius</a></li>
                <li><a href="mailto:ben@phooey.foo">Email me</a></li>
            </ul>
        </div>
        <div class="card card-content">
            <p>Right now I'm working on:</p>
            <ul>
                <li>Maintaining and improving my browser extension <a href="https://github.com/benf2004/ChatGPT-Prompt-Genius">ChatGPT Prompt Genius</a></li>
                <li>Making this website!</li>
            </ul>
        </div>
    </main>
</body>
</html>