02. 23:24

<!------------------------------------------------
02. 23:24

Code by dashyowo on Toyhouse.
Make sure to read my Terms of Service before using!
Thank you for using and have fun!
------------------------------------------------->

<!--- START --->

<div class="my-lg-5 mx-auto" style="font-size:.75em; color:#000; letter-spacing:.25px; line-height:10px;  max-width:500px">

<!--- 01. FIRST BAR --->

<div class="card d-block rounded-0 p-1" style="font-weight:500; color:#FFF; height:25px; border:2px solid #000; background-color:#000">
<div class="row no-gutters">

<!--- USERNAME --->

<div class="col-4 p-0 px-2">
<p style="text-transform:uppercase">
<i class="fa-light fa-at mr-1"></i>
Username
<i class="fa-solid fa-xs fa-star"></i>
</p>
</div>
<!------------->

<!--- TIME --->
<div class="col-4 p-0">
<center>
<div class="card d-block rounded-0" style="text-align:center; height:13px; width:40px; color:#000; border-color:#FFF; background-color:#FFF">
23:24
</div>
</center>
</div>
<!------------->

<!--- WELCOME --->
<div class="col-4 p-0">
<p align="right">
ようこそ。
</p>
</div>
<!------------------------------------------------
″ようこそ。″ means ″Welcome″. You can either keep it or change it.
------------------------------------------------->
<!------------->

</div>
</div>

<!------------->

<!--- 02. SECOND BAR (BANNER) --->
<div class="card d-block rounded-0" style="border:3px solid #000; border-top-width:0px; height:80px; background-image:url(https://i.imgur.com/QByTTwd.jpg)"></div>
<!------------->

<!--- 03. THIRD BAR (INFORMATION & PREFERENCES) --->

<div class="card d-block rounded-0" style="border:3px solid #000; border-top-width:0px; color:#000; background-color:#EDEDED">
<div class="row no-gutters">

<!--- FIRST COLUMN (IMAGE) --->
<div class="col-4 mt-2 mb-2 p-0" style="text-align:center">
<img src="https://i.imgur.com/sH6jwxe.jpg" style="width:150px; height:150px; object-fit:cover"/>
</div>
<!------------------------------------------------
Copy and paste the link of your desired image inside: src="LINK GOES HERE"
------------------------------------------------->
<!------------->

<!--- SECOND COLUMN --->

<!--- INFORMATION --->
<div class="col-4 mt-2 mb-2 p-0">
<p style="font-weight:bold; font-size:1.5em">
こんにちは。
</p>
<p class="mb-0">
Hello there!. . . I am TEXT HERE! (´▽`ʃ♡ƪ)
</p>
<p class="m-0">
They/them
<span style="text-decoration:underline">
Minor/Adult
</span>
Personality type
(❁´◡`❁)
</p>
<p class="mb-3">
Write anything here, this is just an example! q(≧▽≦q)
</p>
<!------------->

<hr style="width:60%; border-color:#000"/>

<!--- SOCIAL MEDIA LINKS --->
<center>
<a href="LINK_HERE"><i class="fa fa-user fa-fw tooltipster" style="color:#000;" title="Carrd"></i></a>
<a href="LINK_HERE"><i class="fa-brands fa-instagram fa-fw tooltipster" style="color:#000" title="Instagram"></i></a>
<a href="LINK_HERE"><i class="fa-brands fa-deviantart fa-fw tooltipster" style="color:#000" title="DeviantART"></i></a>
<a href="LINK_HERE"><i class="fa-brands fa-youtube fa-fw tooltipster" style="color:#000" title="YouTube"></i></a>
</center>
<!------------------------------------------------
Copy and paste the link of your social media accounts inside: href="LINK GOES HERE"
------------------------------------------------->
<!------------->

</div>

<!------------->

<!--- THIRD COLUMN --->
<div class="col-4 p-0 mt-3 mb-2">

<!--- LOVE!! SECTION --->
<p>
<span class="mr-1" style="font-weight:bold; color:#FFF; background:#000; text-transform:uppercase">
Love
<i class="fa-solid fa-exclamation"></i>
<i class="fa-solid fa-exclamation"></i>
</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<!------------->

<!--- PLS TW SECTION --->
<p>
<span class="mr-1" style="font-weight:bold; color:#FFF; background:#000; text-transform:uppercase">
Pls TW
</span>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<!------------->

</div>

<!------------->

</div>
</div>

<!------------->

<!--- 04. FOURTH BAR (WARNINGS) --->

<div class="card d-block rounded-0" style="border:3px solid #000; border-top-width:0px; color:#000; background-color:#EDEDED">
<div class="row no-gutters">
<div class="col-7 p-2 p-0">

<!--- BEFORE YOU FOLLOW SECTION --->
<p class="mb-1" style="font-weight:bold">
Before You Follow
<i class="fa-solid fa-xs fa-circle-small mr-1 ml-1"></i>
Posted 3 days ago
</p>
<hr class="m-0" style="width:100%; border-color:#000"/>
<p class="mt-1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<!------------->

<!--- DON'T FOLLOW IF --->
<p class="mt-2 mb-1" style="font-weight:bold">
Don't Follow If
<i class="fa-solid fa-xs fa-circle-small mr-1 ml-1"></i>
Posted 3 days ago
</p>
<hr class="m-0" style="width:100%; border-color:#000"/>
<p class="mt-1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<!------------->

</div>

<!------------->

<!--- IMAGE --->
<div class="col-5 py-2" style="text-align:center">
<img src="https://i.imgur.com/MUpJWbf.jpg" style="width:165px; height:155px; object-fit:cover"/>
</div>
<!------------->

</div>
</div>

<!------------->

<!--- 05. FIFTH BAR --->
<div class="card d-block rounded-0 py-1" style="font-weight:500; border:3px solid #000; border-top-width:0px; color:#FFF; background-color:#000">
<p class="ml-2">
Load More
<i class="fa-solid fa-xs fa-circle-small mr-1 ml-1"></i>
<span style="text-decoration:underline">
Close
</span>
</p>
</div>
<!------------->

<!--- CREDITS (DO NOT DELETE) --->
<div class="faded small text-right">
<a href="https://toyhou.se/19023898.02-23-24"><i class="fas fa-code text-muted fa-xs fa-fw tooltipster" title="Code by dashyowo"></i></a>
</div>
<!------------->

</div>

<!--- END --->