Marie ⋯ F2U (CODE)

 

<!--------------------- NOTES -----------------
- Turn WYSIWYG off while editing this code!
        T.O.S
- Don't remove the credit.
- You may not take parts of this code and redistribute it as your own work 
- Frankensteining this code with another for personal use is allowed as long as the other coder allows it as well. 
- referencing my code is allowed as long as you aren't taking major parts and redistributing them unchanged

-------------------->

<div class="container p-0" style="max-width:500px;">
<div class="justify-content-center row no-gutters">
    <!----PAGEDOLL START--->
    <div class="col-lg-5 col-12 ml-lg-n5" style="height:340px;">
        <div class="h-100 w-100" style="
        background:url(https://media.discordapp.net/attachments/846140686343733260/1141922704597979218/marie-skullgirls-animation.gif?width=431&height=581);
        Background-size:contain;
        background-position:center;
        position:absolute;
        background-repeat: no-repeat;
        z-index:1;
        ">
            
        </div>
    </div>
    <!----PAGEDOLL END----->
    
    <!---MAIN CONTAINER--->   
    <div class="col-lg-7 col-10 mt-4 ml-lg-n5">
        <!---header--->
        <div class="justify-content-between align-items-end">
            <!----put whatever you want here I have it set up for usernames but you can make it be any kind of title---->
            <span class="text-uppercase" style="font-size:26px;"><b>theskullgirl.</b></span>
            <span class="text-uppercase" style="color:teal"><b>name.age.prn/prn</b></span>
        </div>
        <!---->
        <!---banner image--->
        <div class="h-100 w-100" style="
        background:url(https://media.discordapp.net/attachments/846140686343733260/1142987664547655680/b591e894a4b4f66e5b4318e3be61c8b795ba20d3.jpg?width=1033&height=581);
        Background-size: cover;
        background-position:center;
        max-height:50px;
        min-width:330px;
        ">
        </div>
        <!---->

        <!---text box-->
      <div class="container-fluid p-0 text-justify text-muted mt-2" style="min-height:50px;min-width:335px;">
This box exapands. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. 
        </div>

        <!---->
        <!----Bottom images--->
        <div class="row">
            <div class="col-12 justify-content-center pt-1 ml-lg-3" style="min-width:330px;">
                <div class="h-100 w-100" style="min-height:100px;max-width:140px;background:url(https://media.discordapp.net/attachments/846140686343733260/1143048296932315286/skullgirl.png?width=250&height=250); Background-size:cover; background-position:center;clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%)"> </div>
                
                <div class="h-100 w-100" style="min-height:100px;max-width:140px;
                background:url(https://cdn.discordapp.com/attachments/846140686343733260/1143025669832446002/db9q69c-d213533d-dd70-4ac1-97fb-e197a8230b21_3.jpg); Background-size:cover; background-position:center;clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%)"> </div>
                
                <div class="h-100 w-100" style="min-height:100px;max-width:140px;
                background:url(https://cdn.discordapp.com/attachments/846140686343733260/1143025737817919619/Marie_OST_3.png); Background-size:cover; background-position:center;clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%)"> </div> 
            </div>
        </div>
    <!----> 

            <div class="justify-content-between align-items-center" style="width:200px;margin-left:150px; letter-spacing:2px;">   
                <hr class="mx-1 mt-auto mb-2 flex-fill bg-secondary">
        <!--- LINKS --->            
                <a href="URL_HERE" data-toggle="tooltip" title="discord" style="color:teal;"><i class="fa-brands fa-discord"></i></a>
                <a href="URL_HERE" data-toggle="tooltip" title="tumblr" style="color:teal;"><i class="fa-brands fa-tumblr"></i></a>
                <a href="URL_HERE" data-toggle="tooltip" title="twitter" style="color:teal;"><i class="fa-brands fa-twitter"></i></a>
                
                <!----- CREDIT do not remove or change ---->
                <a href="https://toyhou.se/skullgirl" data-toggle="tooltip" title="Code By skullgirl" class="text-muted" style="opacity:0.5;"><i class="fa-solid fa-skull"></i></a>
                <!---->
            </div> 
        <!---->
    </div>

</div>
</div>