[F2U] Teeny (Code)

<!----

"Teeny" (Bootstrap)
Code by iinkt on Toyhouse.

---

!! CODE RULES & PERMISSIONS:
1. DO NOT remove my credit. You may move it, though!
2. Frankenstein-ing is allowed, as long as the other creator permits it! Just continue to credit me.
3. Feel free to edit this code to your heart's desire! It was made to be customizeable.

!! DO NOT TURN ON WYSIWYG. My codes will not work!

!! FONTAWESOME ICONS
Many icons, I change the sizing of to make them smaller and more in-line with the code. You can replace the whole icon code, but doing so will delete the size tag as well. If you don't want to do this, use Ctrl+F to find and replace all instances of these icons, and replace with the icon's name.
Not all icons in the code are listed, just some that could be changed thematically. You can, of course, edit any icons in the code.

primary icon: fa-sparkle

Note: if you delete a size tag, they follow this format if you would like to replace them: fa-xs , where xs is the sizing.

---->


<div class="container-fluid pt-4">
    
    <div class="card bg-faded my-auto mx-auto p-2" style="max-width:300px;">
        <div class="row no-gutters">
            
            <!-- image column -->
            <div class="col-4 my-auto">
                
                <!-- IMAGE -->
                <!-- use a square image here! -->
                <img src="
                
                https://f2.toyhou.se/file/f2-toyhou-se/characters/9603593?1722279278
                
                " class="mx-auto rounded img-thumbnail bg-faded" style="max-width:100%; height:auto;">
                
                <!-- to make the image a circle, use rounded-circle instead of rounded in the class above. -->
            
            </div>
            
            <!-- info column -->
            <div class="col-8 my-auto pl-2">
                <div class="justify-content-between px-1">
                    
                    <!---- NAME ---->
                    <span><b><em>
                        <i class="fa-regular fa-sparkle fa-sm"></i>
                        
                        name
                        
                        </em></b></span>
                        
                    <!---- PRONOUNS ---->
                    <span class="text-muted"><em>
                        
                        pr/ns
                        
                        </em></span>
                </div>
                <!-- line -->
                <div><hr class="my-1"></div>
                
                <!---- ADJECTIVES ---->
                <div class="text-muted text-center" style="font-size:10px;"><em>
                    
                    adj
                    •
                    adj
                    •
                    adj
                    
                    </em>
                </div>
                
                <!---- TEXT ---->
                <div class="text-muted pl-1 pt-1" style="font-size:10px;">
                    
                    you can type here. keep it short and sweet!! although technically this will expand as you type.
                    
                </div>
                
            </div> <!-- end info -->
            
        </div>
    </div> <!-- end card -->
    
    <!-- CREDIT -->
    <!-- DO NOT REMOVE: but feel free to move it somewhere else, where it's still visible! -->
    <div class="container-fluid" style="max-width:900px;">
        <div class="text-center pt-1" style="font-size:12px;"><span data-toggle="tooltip" title="code by iinkt"><a href="https://toyhou.se/28816587.f2u-teeny" target="_BLANK"><i class="fa-solid fa-code fa-xs"></i></a></span>
        </div>
    </div>
    <!-- END CREDIT -->
    
</div>