<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Website Links</title>
    <style>
        body {
            font-family: Helvetica, Arial, sans-serif;
            background-color: #f5f5f5;
            color: #333;
            margin: 0;
            padding: 20px;
        }

        h1 {
            font-size: 36px;
            margin-bottom: 30px;
            text-align: center;
            color: #222;
        }

        .links {
            width: 100%;
            max-width: 800px;
            margin: 0 auto;
            padding: 0;
            list-style: none;
        }

        .link-item {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            padding: 20px;
            margin-bottom: 20px;
            transition: transform 0.3s ease;
        }

        .link-item:hover {
            transform: translateY(-5px);
        }

        .link-item a {
            color: #000; /* Black color for hyperlinked titles */
            text-decoration: none;
            font-weight: bold;
            font-size: 18px;
            transition: color 0.3s ease; /* Smooth transition for color change */
        }

        .link-item a:hover {
            color: #4a4a4a; /* Slightly darker shade on hover */
            text-decoration: underline;
        }

        .link-item p {
            font-size: 16px;
            line-height: 1.5;
            margin-top: 10px;
            color: #333; /* Darker gray color for normal text */
            visibility: hidden; /* Hide text previews */
        }
    </style>
</head>
<body>

    <h1>JOURNALISTIC WORK</h1>

    <ul class="links">
        <li class="link-item">
            <a href="https://032c.com/magazine/nadia-lee-cohen-s-conveyor-belts-and-stylized-realities" target="_blank">Nadia Lee Cohen's Conveyor Belts and Stylized Realities—032c</a>
            <p>Explore Nadia Lee Cohen's artistic vision through her unique portrayal of everyday objects.</p>
        </li>
        <li class="link-item">
            <a href="https://032c.com/magazine/setting-horses-on-fire-jordan-hemingway" target="_blank">Setting Horses on Fire—Jordan Hemingway</a>
            <p>Explore the fascinating story of Jordan Hemingway's creative vision and unique approach to photography.</p>
        </li>
        <li class="link-item">
            <a href="https://032c.com/magazine/german-denim-dreams-luis-dobbelgarten-s-no-faith-studios" target="_blank">German Denim Dreams: Luis Dobbelgarten's NO FAITH STUDIOS—032c</a>
            <p>Learn about Luis Dobbelgarten's journey and NO FAITH STUDIOS' impact on the fashion industry.</p>
        </li>
        <li class="link-item">
            <a href="https://032c.com/magazine/ancuta-sarca-reshapes-deconstructed-sneakers" target="_blank">Ancuta Sarca Deconstructs Sneakers—032c</a>
            <p>Discover how Ancuta Sarca is redefining fashion with her unique approach to sneaker design.</p>
        </li>
        <li class="link-item">
            <a href="https://032c.com/magazine/digital-alchemies-resurrect-the-dead" target="_blank">Digital Alchemies Resurrect the Dead—032c</a>
            <p>Explore the article about digital transformations and their impact on the modern world.</p>
        </li>
        <li class="link-item">
            <a href="https://032c.com/magazine/shadowboxing-with-ajobyajo" target="_blank">Shadowboxing with AJOBYAJO—032c</a>
            <p>Dive into the world of AJOBYAJO and his creative process in music and storytelling.</p>
        </li>
    </ul>

</body>
</html>
