Stor8

<!------

[F2U code by Diadem]

ᘡ Do NOT remove my credits please
ᘡ This user code goes hand in hand
with https://toyhou.se/32050129.f2u-kismet
ᘡ Code TOS: https://toyhou.se/32638528.


TIP!: use CTRL+F [WIN] / CMD+F [MAC] to quickly find the colour and replace it ~

୨୧ Background/border: #fff
୨୧ Main Text:#000
୨୧ Accent: #9c9c9c
୨୧ Second Accent: #e1e1e1

------>


<!------------------------------------------------------------

                        ୨୧ CONTAINER BG
                get rid of bg colour if not using !

------------------------------------------------------------->
<div class="container col-md-8 pt-3 p-3" style="
wh-100;
border: 4px solid #fff;
border-top-right-radius:50px;
border-top-left-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:50px;
background-image:url(IMG_URL);
background-size:cover;
background-attachment:fixed;
background-color:#fff">
<!------------------------------------------------------------

                        ୨୧ CENTER CONTAINER

------------------------------------------------------------->
<center>
<div class="container col-md-8" style="
height:315px;
border-top-right-radius:0px;
border-top-left-radius:20px;
border-bottom-right-radius:20px;
border-bottom-left-radius:0px;
background-color:#fff;
box-shadow: 0px 0px 20px #e1e1e1;"> 
<!------------------------------------------------------------

                        ୨୧ ABT SECT.

------------------------------------------------------------->
<div class="row mb-0" style="font-family:monospace">
<div class="col pt-3 p-2">
<p class="mb-1" style="color:#9c9c9c; font-size: 10px;"> name ・ age ・ pro/noun ・ <a href="#" data-toggle="tooltip" title="links" target="_BLANK"><i class="fas fa-id-card" style="color:#9c9c9c"></i></a> </p>
<div class="card mb-3" style="background-color:#e1e1e1; height:3px;"></div>
<!------------------------------------------------------------

                      ୨୧ Username /Name
              https://fontmeme.com/ateez-not-okay-font/

------------------------------------------------------------->
<img class="mb-3" src="https://fontmeme.com/permalink/250311/94ac67b5b85716b84eed9e06a753208e.png" style="height:60px">

<div class="card mb-2" style="background-color:#e1e1e1; height:3px;"></div>

<p class="mb-1" style="color:#9c9c9c; font-size: 10px;"> adj ・ adj ・ adj</p>
<!------------------------------------------------------------

                    ୨୧ Scrollable about me ~
                go silly with your intros !

------------------------------------------------------------->
<div class="mr-n2" style="overflow:hidden;">
<div class="mr-n3" style="overflow:auto; height: 100px; padding: 0px 30px 0px 20px;"> 

<p class="text-justify-content-between" style="color:#000; font-size:9px;">
Hi! This will overflow regardless on if it is on mobile or yknow, computer ~ Have funs! Overflow just means it'll scroll ~ 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. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.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. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.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. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

</p>
</div>
</div>
</div>
</div>
<!------------------------------------------------------------

                        ୨୧ Lil Area

------------------------------------------------------------->
<p class="text-center mb-2" style="font-family:monospace; color:#000; font-size:9px; letter-spacing:4px;">Scroll to read</p>
<!------------------------------------------------------------

                        ୨୧ Statuses
                    

------------------------------------------------------------->
<div class="row" style="font-family:monospace; color:#000; font-size:9px">

<div class="col-3">
<p class="text-justify-content-between"><span style="color:#9c9c9c">comms:</span> <a href="#" target="_BLANK" style="color:#000"> <i class="fas fa-check"></i> </a> </p>
</div>

<div class="col-3">
<p class="text-justify-content-between"><span style="color:#9c9c9c">trades:</span> <i class="fas fa-question"></i> </p>
</div>

<div class="col-3">
<p class="text-justify-content-between"><span style="color:#9c9c9c">reqs:</span> <i class="fas fa-xmark"></i> </p>
</div>
<!------------------------------------------------------------

                        ୨୧ Code Creds

------------------------------------------------------------->
<div class="col-3">
<p class="text-justify-content-between"><span style="color:#9c9c9c">code:</span> <a href="/diadem" target="_BLANK" style="color:#000; text-decoration:none;"> ✦✦✦</a> </p>
</div>
</div>

<!------------------------------------------------------------

                        ୨୧ END OF CODE !

------------------------------------------------------------->
</center>
</div>