index.html

<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portfolio</title>
    <link rel="stylesheet" href="style.css">

</head>

<body>
    <nav>
        <h1><span class="hashtag">#nicht </span> Max Mustermann</h1>
        <div class="media">
            <a href="#"><img src="youtube-app.svg"></a>
            <a href="#"><img src="twitter-app.svg"></a>
            <a href="#"><img src="tiktok-app.svg"></a>
        </div>
    </nav>

    <article>
        <p>Hallo, ich bin <span class="hashtag">nicht</span> <span id="max">Max</span></p>

        <div class="spin">
            <svg class="face" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" id="blobSvg">
                <path id="blob"
                    d="M451,311.5Q419,373,360.5,391Q302,409,247,419Q192,429,160,384Q128,339,92,294.5Q56,250,86.5,201.5Q117,153,146.5,88Q176,23,242.5,46.5Q309,70,372.5,92.5Q436,115,459.5,182.5Q483,250,451,311.5Z"
                    fill="#fdcb6e"></path>
            </svg>
            <img id="facer" class="face" src="https://thispersondoesnotexist.com/image">
        </div>

        <p class="not2">und das werde ich auch <b>nie</b> sein...
            <br><br> <i><u>Erfahre mehr auf</u> <br><a href="#">ichbinnichtmaxmustermann.de</a></i></p>
    </article>

</body>
</html>