index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Website</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>

<body>



    <main class="body">
        <div class="profile">
            <div class="pfp">
                <img class="pp"
                    src="https://qph.cf2.quoracdn.net/main-thumb-2182629636-200-pvgxmwqjhqdquxsdxkuineubuohqdgti.jpeg"
                    alt="">
            </div>
            <div class="banner">

            </div>
            <div class="content">
                <div class="buttons">
                    <button class="msgbtn">📧 Message</button>
                </div>
                <div class="info">
                    <h1 class="displayname"> Black Nigga</h1>
                    <p class="userinfo">
                        <span class="username">balcknigga.69</span>
                        <span class="pronouns">• He | Him | Nigga</span>
                    </p>
                </div>
                <div class="about">

                    <h1 class="aboutme">About Me</h1>
                    <p class="aboutmedata">
                        🏴 Reg: Bangladesh <br>
                        🎁 Birth: 00 years ago <br>
                        🔻 Valorant: Black Nigga #F69KU <br>
                        🌳 Minecraft: TheBlackNigga <br>
                        💌 Discord: https://discord.gg/nigga <br>
                    </p>


                </div>
            </div>
        </div>
    </main>



</body>

</html>