Fullscreen | F2U (Code)

<!--SIMPLE FULLSCREEN BY MYELOWE ON TOYHOUSE-->
<!--USES BOOTSTRAP COLORS.-->
<!--TIPS: You can use th.circlejourney.net to edit this!-->

<!--FULLSCREEN-->
<div class="fixed-bottom p-2" style="absolute;top:0px;bottom:0px;left:0px;">
    <div style='position: absolute; top: 0px; bottom: 0px; left: 0px; background: url("BG_IMG_URL") center; width: 100%; z-index: -1;'>
        <div class="card-transparent" style="height:820px;overflow-y:auto;overflow-x:hidden;scrollbar-width: none;"><br><br><br>
        
        <div class="justify-content-center" style="margin-top:50px">
        <div class="card-transparent" style="width:200px">
            
            <!--PAGEDOLL/CHARACTER-->
            <img src="IMAGE_URL">
            
        </div>
        
        <div class="card-transparent col-2 text-center">
            
            <!--INFO-->
            <p style="font-size:40px; font-family:calibri; margin-top:100px">NAME</p>
            <p style="font-size:20px; font-family:calibri; margin-top:-25px">PRO/NOUN</p>
            <p style="font-size:20px; font-family:calibri; margin-top:-5px">MORE HERE!! WRITE WHAT YOU WANT!</p>
            <p class="text-center" style="letter-spacing:5px">
                
                <!--SOCIALS-->
                <a href="LINK_HERE" class="text-reset" style="text-decoration:none">
                <i class="fab fa-twitter"></i>
                <a href="LINK_HERE" class="text-reset" style="text-decoration:none">
                <i class="fab fa-instagram"></i>
                <a class="text-reset tooltipster" title="DIS#CORD">
                <i class="fab fa-discord"></i>
                <!--CREDITS - DO NOT TOUCH PLEASE-->
                <a href="https://toyhou.se/19515091.fullscreen-f2u" class="text-reset" style="text-decoration:none">
                <i class="fas fa-code"></i>
                
            </p>
            
        </div>
        </div>
        
        <div class="justify-content-center" style="margin-top:20px">
            
            <div class="card col-4 border-0 p-2 m-3 bg-faded" style="border-radius:20px">
                
                <p class="text-center" style="letter-spacing:5px">
                
                <!--TOYHOUSE NAVIGATION-->
                <!--REPLACE "USERNAME" WITH YOUR USERNAME-->
            <a href="https://toyhou.se/USERNAME/bulletins" class="text-reset" style="text-decoration:none">
                <i class="fa-duotone fa-thumbtack"></i>
            </a>
            
            <a href="https://toyhou.se/USERNAME/characters" class="text-reset" style="text-decoration:none">
                <i class="fa-duotone fa-users"></i>
            </a>
            
            <a href="https://toyhou.se/USERNAME/links" class="text-reset" style="text-decoration:none">
                <i class="fa-duotone fa-link"></i>
            </a>

            <a href="https://toyhou.se/USERNAME/worlds" class="text-reset" style="text-decoration:none">
                <i class="fa-duotone fa-globe"></i>
            </a>
            
            <a href="https://toyhou.se/USERNAME/favorites" class="text-reset" style="text-decoration:none">
                <i class="fa-duotone fa-star"></i>
            </a>
            
            <a href="https://toyhou.se/USERNAME/created" class="text-reset" style="text-decoration:none">
                <i class="fa-duotone fa-palette"></i>
            </a>
            
            <a href="https://toyhou.se/USERNAME/art" class="text-reset" style="text-decoration:none">
                <i class="fa-duotone fa-paintbrush"></i>
            </a>
            
            <a href="https://toyhou.se/USERNAME/literatures" class="text-reset" style="text-decoration:none">
                <i class="fa-duotone fa-book"></i>
            </a>
            
            <a href="https://toyhou.se/USERNAME/comments" class="text-reset" style="text-decoration:none">
                <i class="fa-duotone fa-comment"></i>
            </a>
            
            <a href="https://toyhou.se/USERNAME/stats" class="text-reset" style="text-decoration:none">
                <i class="fa-duotone fa-bar-chart"></i>
            </a>
            
            <a href="https://toyhou.se/~messages/create/USERNAME" class="text-reset" style="text-decoration:none">
                <i class="fa-duotone fa-envelope"></i>
            </a>
            
            <a href="https://toyhou.se/USERNAME/subscribe" class="text-reset" style="text-decoration:none">
                <i class="fa-duotone fa-plus"></i>
            </a>
            
            <a href="https://toyhou.se/USERNAME/authorize" class="text-reset" style="text-decoration:none">
                <i class="fa-duotone fa-heart"></i>
            </a>
            
            <a href="https://toyhou.se/USERNAME/block" class="text-reset" style="text-decoration:none">
                <i class="fa-duotone fa-ban"></i>
            </a>
            
            <!--This one is a bit tricky!! You have to replace "######" with your profile number, you can ask a friend
            to help! They need to press the report button, look at the link, and give you the number! You can also use
            an alt for this.-->
            <a href="https://toyhou.se/~tickets/create/user/######" class="text-reset" style="text-decoration:none">
                <i class="fa-duotone fa-warning"></i>
            </a>
            
            </p>
                
            </div>
            
        </div>
        
        </div>
    </div>
    </div>