<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Black & White Art</title>

    <link rel="stylesheet" href="styles.css">

</head>

<body>

    <header>

        <nav>

            <a href="index.html">Home</a>

            <a href="about.html">About</a>

        </nav>

    </header>

    

    <main>

        <div class="artwork">

            <img src="artwork.jpg" alt="Surreal Black & White Art">

        </div>

        <div class="text-overlay">

            <p>Fleeting moments in monochrome.</p>

        </div>

    </main>

    

    <footer>

        <p>&copy; 2025 Black & White Art</p>

    </footer>

</body>

</html>