[ F2U ] Small Pride Carrds (genderqueer)

PRINCE

discord#0000

---

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.

comms

open

trades

closed

requests

closed

roleplay

mutuals

---

 <!-------------------------------------------------
 
 
        Pride Carrds — Genderqueer version.
        (code by jiko)
        
        ------------------------------
        
        RULES
        → read this thoroughly please, and maybe drop a small comment saying that you've read it? :'3
        thank youu [ https://toyhou.se/~bulletins/127417.code-rules ]
        
        → turn OFF WYSIWYG (in your display settings)
        → turn ON Code Editor
        
        ------------------------------
        
        TIPPY TIPS
        → insert your img links INSIDE brackets or quotation marks!!
        → looking for a good online code editor?  try [ https://th.circlejourney.net/# ] !
        
        ------------------------------
        
        PALETTE
        → purple ----------- #a879b1
        → white ----------- #e0d5e6
        → green ----------- #6a8b6b
        
        → background ------- #fefefe
        → text ------------- #464346
        
        use control/command + f to quickly change the colours!
 
 
 ------------------------------------------------->
 <div class="shadow mx-auto mt-5 mb-4" style="max-width:600px;
 
 background:linear-gradient(
 
 #a879b1 0%, #a879b1 33%,
 #e0d5e6 33%, #e0d5e6 66%,
 #6a8b6b 66%, #6a8b6b 100%
 
 );">
 <div class="mx-auto" style="max-width:500px; color:#464346; font-size:10pt; letter-spacing:0.5px;">
 <!-------------------------------------------------
 
 
                 CODE BEGINS
 

 ------------------------------------------------->
 <div class="card p-sm-4 p-3 border-0 rounded-0 mx-sm-5 mx-4" style="background-color:#fefefe;">
    
    
    <!-- PIN DECOR
    ---------------------------------------------->
    <div class="text-center mb-3 ml-n5" style="margin-top:-40px;">
        <i class="fas fa-thumbtack fa-4x" style="color:#a879b1; transform:rotate(-30deg);"></i>
    </div>
    
    
    <!-- ICON
    ---------------------------------------------->
    <!--
    → best if 200x200 or squared
    -->
    <div class="text-center mb-3">
        
        
        <img src="https://i.pinimg.com/originals/b5/0c/67/b50c67750508781da448ad81b0a97b3b.png"
        
        
        class="rounded-circle border-0 img-thumbnail p-2"
        style="background-color:#e0d5e6; height:130px; width:130px; object-fit:cover;">
    </div>
    
    
    <!-- NAME + DISCORD
    ---------------------------------------------->
    <div class="text-center">
        <div class="lead" style="letter-spacing:2px;">
            
            PRINCE
            
        </div>
        <b style="letter-spacing:1px">
            
            discord#0000
            
        </b>
    </div>
    <hr class="w-100" style="border-width:2px; border-color:#464346; opacity:0.1">
    
    
    <!-- SUMMARY
    ---------------------------------------------->
    <div class="text-center mb-3">
        
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.</p>
        
    </div>
    
    
    <!-- ART STATUS
    ---------------------------------------------->
    <div class="row no-gutters">
        <div class="col-6 text-right p-1 pr-2" style="letter-spacing:1px">
            <b>comms</b>
        </div>
        <div class="col-6 p-1">
            
            open
            
        </div>
        
        <div class="col-6 text-right p-1 pr-2" style="letter-spacing:1px">
            <b>trades</b>
        </div>
        <div class="col-6 p-1">
            
            closed
            
        </div>
        
        <div class="col-6 text-right p-1 pr-2" style="letter-spacing:1px">
            <b>requests</b>
        </div>
        <div class="col-6 p-1">
            
            closed
            
        </div>
        
        <div class="col-6 text-right p-1 pr-2" style="letter-spacing:1px">
            <b>roleplay</b>
        </div>
        <div class="col-6 p-1">
            
            mutuals
            
        </div>
    </div>
    <hr class="w-100" style="border-width:2px; border-color:#464346; opacity:0.1">
    
    
    <!-- SOCIAL MEDIA LINKS
    ---------------------------------------------->
    <!--
    → find more icons at [fontawesome.com]!
    -->
    <div class="text-center mt-2">
        
        
        <a href="LINK_HERE" class="mx-1" style="color:#6a8b6b; text-decoration:none">
            <i class="fas fa-id-card fa-2x fa-fw"></i>
        </a>
        
        
        <a href="LINK_HERE" class="mx-1" style="color:#6a8b6b; text-decoration:none">
            <i class="fab fa-twitter fa-2x fa-fw"></i>
        </a>
        
        
        <a href="LINK_HERE" class="mx-1" style="color:#6a8b6b; text-decoration:none">
            <i class="fab fa-deviantart fa-2x fa-fw"></i>
        </a>
        
        
        <a href="LINK_HERE" class="mx-1" style="color:#6a8b6b; text-decoration:none">
            <i class="fab fa-trello fa-2x fa-fw"></i>
        </a>
        
        
    <!-- add more above THIS line! -->
    </div>
 </div>
 </div>
 </div>
 <!-------------------------------------------------
 
 
                 CREDITS
 

 ------------------------------------------------->
 <div class="text-center small faded" style="letter-spacing:0.5px">
    
    <a href="https://toyhou.se/16487749.-f2u-pride-carrds" class="text-body" style="color:#HEXCODE;">
        ( code by jiko )
    </a>
    <!--
    → if credits can't be seen due to background, change [text-body] to text-dark OR text-light
    → or manually set the text colour at the [color:#HEXCODE] (delete [class="text-body"] first), as long as it is visible!
    -->
    
 </div>