<!--
2x02. Post
fourth code today (i mean it's 2 am rn so idk is that two days? rrgh)!!
info: https://toyhou.se/~forums/16.htmlcss-graphics/123106.coding-reference-
icons: https://fontawesome.com/search
colours: https://imagecolorpicker.com/color-code/b3b2b2
---->
<div class="my-lg-5 mx-auto" style="font-family:Segoe UI; font-size:.75em; letter-spacing:.25px; max-width:350px">
<!--- image --->
<div class="card d-block px-1" style="box-shadow: 0 0 5px #FFF; background-color:#000">
<div class="container">
<div class="row">
<img src="
https://media.discordapp.net/attachments/854504102318440471/1102126081093423204/angery_bo.jpg?width=649&height=385
">
</div>
</div>
<!-- name -->
<div class="m-1" style="color:#FFF"><h1 style="font-weight:800">TITLE</h1></div>
<!---->
<div class="m-1"><i class="fa-solid fa-eye" style="color:FFF"></i>0001 Views</div>
<div class="m-5" style="color:#FFF" style="font-weight:500"> <h4>bio/info here! this will expand. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h4>
<!-- bottom info -->
<!-- image -->
<img src="
https://media.discordapp.net/attachments/854504102318440471/1102134639964991529/image.png?width=416&height=418
" class="fr-fic fr-dii rounded-circle" width="40" height="40"></a>
<!-- oml the image code is so weird but it ends here dw -->
info ◦ date
<!-- credit, feel free to move but dont get rid of!-->
<a href="https://toyhou.se/alittleosmosis"><i class="fa-solid fa-squid"></i></a>
</div>
