Stamp collector code

avatar
user_1649912
html
5 months ago
3.2 kB
24
No Index
<div class="container mt-5">
    <div class="row">
        
        <!-- Left Column -->
        <div class="col-md-3 d-flex flex-column">
            <!-- Name -->
            <div class="mb-3">
                <span class="badge col-grey w-100" style="font-size: 1.1rem;">Name</span>
            </div>
            <!-- Pronouns -->
            <div class="mb-3">
                <span class="badge col-grey w-100" style="font-size: 1.1rem;">Pronouns</span>
            </div>
            <hr>
            
            <!-- Partner  -->
            <div class="mb-3">
                <span class="badge col-grey w-100" style="font-size: 1.1rem;">Partner</span>
            </div>
            
            [chicken=2687]
            
            <hr>
            
            <div class="mt-auto"></div>
        </div>

        <!-- Middle Column -->
        <div class="col-md-6 d-flex flex-column align-items-center">
            <!-- Profile Picture -->
            <img src="https://i.imgur.com/3vGENUD.jpeg" alt="Profile Picture" style="border-radius: 30px; max-height: 300px; width: auto;">
            
            <!-- Bio Text -->
            <p class="mt-3 text-center" style="font-size: 0.9rem; margin-bottom: 15px;">Bawk bawk bawk! bawk? bawk... Bawk bawk?! Bawk bawk bawk!! Bawk? Ba-bawk? .... bawk.... bawk.... Bawk bawk cluck bawk. Cluck!</p>
        </div>

        <!-- Right Column -->
        <div class="col-md-3 d-flex flex-column align-items-center" style="overflow-y: auto; max-height: 400px;">
            <!-- Stamps  -->
            <a href="#CREATORS_URL_HERE" class="border-0">
                <img src="https://i.imgur.com/2OJgU5p.png" style="max-height: 150px; width: auto; margin-bottom: 10px;">
            </a>
            <a href="#CREATORS_URL_HERE" class="border-0">
                <img src="https://i.imgur.com/2OJgU5p.png" style="max-height: 150px; width: auto; margin-bottom: 10px;">
            </a>
            <a href="#CREATORS_URL_HERE" class="border-0">
                <img src="https://i.imgur.com/2OJgU5p.png" style="max-height: 150px; width: auto; margin-bottom: 10px;">
            </a>
            <a href="#CREATORS_URL_HERE" class="border-0">
                <img src="https://i.imgur.com/2OJgU5p.png" style="max-height: 150px; width: auto; margin-bottom: 10px;">
            </a>
            <a href="#CREATORS_URL_HERE" class="border-0">
                <img src="https://i.imgur.com/2OJgU5p.png" style="max-height: 150px; width: auto; margin-bottom: 10px;">
            </a>
            <a href="#CREATORS_URL_HERE" class="border-0">
                <img src="https://i.imgur.com/2OJgU5p.png" style="max-height: 150px; width: auto; margin-bottom: 10px;">
            </a>
            <a href="#CREATORS_URL_HERE" class="border-0">
                <img src="https://i.imgur.com/2OJgU5p.png" style="max-height: 150px; width: auto; margin-bottom: 10px;">
            </a>
            <a href="#CREATORS_URL_HERE" class="border-0">
                <img src="https://i.imgur.com/2OJgU5p.png" style="max-height: 150px; width: auto; margin-bottom: 10px;">
            </a>
        </div>
    </div>
</div>
Editor is loading...
Leave a Comment