Boredom

I’m bored so I made some codes I’m testing out!!! Most of these are for VioletKillz !!! I’m trying to teach this dork coding but Vee is so specific—it’s scary SO here you go Vivi (=ↀωↀ=) 

Beta Top Friends 

<div style="display: flex; justify-content: space-around; padding: 20px; background-color: #fff;">

    <div style="text-align: center;">

        <a href="https://spacehey.com/username1" target="_blank">

            <img src="https://example.com/image1.jpg" alt="Friend 1" style="border-radius: 50%; width: 100px; height: 100px;">

        </a>

        <p>Friend 1</p>

    </div>

    <div style="text-align: center;">

        <a href="https://spacehey.com/username2" target="_blank">

            <img src="https://example.com/image2.jpg" alt="Friend 2" style="border-radius: 50%; width: 100px; height: 100px;">

        </a>

        <p>Friend 2</p>

    </div>

    <div style="text-align: center;">

        <a href="https://spacehey.com/username3" target="_blank">

            <img src="https://example.com/image3.jpg" alt="Friend 3" style="border-radius: 50%; width: 100px; height: 100px;">

        </a>

        <p>Friend 3</p>

    </div>

    <div style="text-align: center;">

        <a href="https://spacehey.com/username4" target="_blank">

            <img src="https://example.com/image4.jpg" alt="Friend 4" style="border-radius: 50%; width: 100px; height: 100px;">

        </a>

        <p>Friend 4</p>

    </div>

</div>

Finished Design (?) Black and Squared Instead

<div style="display: flex; justify-content: space-around; padding: 20px; background-color: #000; color: #fff;">

    <div style="text-align: center;">

        <a href="https://spacehey.com/username1" target="_blank">

            <img src="https://example.com/image1.jpg" alt="Friend 1" style="width: 100px; height: 100px;">

        </a>

        <p>Friend 1</p>

    </div>

    <div style="text-align: center;">

        <a href="https://spacehey.com/username2" target="_blank">

            <img src="https://example.com/image2.jpg" alt="Friend 2" style="width: 100px; height: 100px;">

        </a>

        <p>Friend 2</p>

    </div>

    <div style="text-align: center;">

        <a href="https://spacehey.com/username3" target="_blank">

            <img src="https://example.com/image3.jpg" alt="Friend 3" style="width: 100px; height: 100px;">

        </a>

        <p>Friend 3</p>

    </div>

    <div style="text-align: center;">

        <a href="https://spacehey.com/username4" target="_blank">

            <img src="https://example.com/image4.jpg" alt="Friend 4" style="width: 100px; height: 100px;">

        </a>

        <p>Friend 4</p>

    </div>

</div>

Add Video

<iframe width="560" height="315" src="https://www.youtube.com/embed/your-video-id" frameborder="0" allowfullscreen></iframe>

Add Image

<div>

    <img src="https://example.com/your-image.jpg" alt="Your Image" style="width:100%; max-width:600px;" />

</div>

Custom Embedded Music 

<embed src="https://example.com/your-music-file.mp3" autostart="true" loop="true" width="300" height="100">