<!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="/css/style.css">
    <title>First Post</title>
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
</head>
<body>
    <header>
        <nav>
            <a href="/"><i class="material-icons">home</i> Home</a>
            <a href="/blog"><i class="material-icons">book</i>Blog</a>
        </nav>
    </header>
    <h1 class="title">BEAR.OOPS.WTF</h1>
    <div class="center-box">
        <p class="meta">Page created: January 26, 2024</p>
        <p class="meta">Page last modified: January 26, 2024</p>
    </div>
    <article class="article">
        <p>wowzers first post</p>
        <p>p</p>
    </article>
</body>
</html>