<!---
DIGITAL BOY / by cati/dogboy
NOTES
accent: #705080
(use ctrl+f + replace for accent replacement)
mobile friendly + custom colors! ✔✔✔
RULES & DISCLAIMERS
- fav/comment if using pls!
- feel free to edit/frakenstein/etc if you feel, just pls dont remove my credit!!
- have a nice day!!
--->
<div class="container-fluid " style="background:none;padding-top:10px;padding-bottom:1px;border-radius:0px;max-width:800px;margin:30px auto 5px;">
<div class="card" style="background:none;overflow:auto;max-height:100px;border:0px;">
<!--- title --->
<h3 class="text-uppercase font-weight-bold font-italic" style="font-size:30px;letter-spacing:-2px;font-family:courier;">AH! LIFE SUCKS AS A DIGITAL BOY</h3>
<!--- name, pronouns, adjective --->
<h3 class="text-uppercase font-weight-bold" style="font-size:20px;font-family:courier;" align="right">name . pronouns . adj</h3>
</div>
<!--- background image --->
<div class="container-fluid" style="background:url(https://64.media.tumblr.com/d8fcc0ea93bb743ca99899bf748158d5/tumblr_inline_n81vetzzsC1s3zd2g.png) repeat fixed;padding:15px;border-radius:5px;max-width:800px;margin:1px auto 1px;border:5px solid #705080;">
<div class="row no-gutters">
<div class="col-lg-4">
<div class="card" style="background-color:#FFFFFF;height:270px;overflow:auto;border:2px solid #705080;">
<!--- description --->
<p class="text-center p-3" style="color:#705080;font-size:15px;font-family:courier;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non auctor lorem. Maecenas et viverra nibh. Duis eget dignissim dolor. Ut eu turpis porta, bibendum odio vitae, efficitur leo. Aenean ultrices, nulla in maximus consectetur, libero eros efficitur ex, vel faucibus sapien sem et leo. Pellentesque massa est, pretium sed euismod sit amet, iaculis sit amet justo.</p>
</div>
<!--- links --->
<h3 class="text-uppercase m-3" style="font-size:18px;letter-spacing:3px;color:#705080;" align="center">
<a href="URLHERE"><span data-toggle="tooltip" title="DEVIANTART"><i class="fab fa-deviantart" style="color:#705080;"></i></span></a> •
<a href="URLHERE"><span data-toggle="tooltip" title="INSTAGRAM"><i class="fab fa-instagram" style="color:#705080;"></i></span></a> •
<a href="URLHERE"><span data-toggle="tooltip" title="YOUTUBE"><i class="fab fa-youtube" style="color:#705080;"></i></span></a> •
<a href="URLHERE"><span data-toggle="tooltip" title="TUMBLR"><i class="fab fa-tumblr" style="color:#705080;"></i></span></a> •
<a href="URLHERE"><span data-toggle="tooltip" title="TWITTER"><i class="fab fa-twitter" style="color:#705080;"></i></span></a>
</h3>
</div>
<div class="col-lg-4 text-center">
<!--- pagedoll, i'd reccommend using a verticle image --->
<img src="https://f2.toyhou.se/file/f2-toyhou-se/images/25877293_FdJaVDYJ7mRPCxe.gif?1600220115" style="height:300px;">
</div>
<div class="col-lg-4 text-center">
<div class="card m-2 p-3" style="background-color:#FFFFFF;height:100px;overflow:auto;border:2px solid #705080;">
<h3 class="text-uppercase font-weight-bold" style="color:#705080;font-size:20px;letter-spacing:2px;font-family:courier;" align="center">FRIENDS:</h3>
<!--- friends list, copy paste <div class="justify-content-between" up until its appropriate </div> to add more --->
<div class="justify-content-between">
<div><span class="font-weight-bold" style="font-size:12px;letter-spacing:1px;font-family:courier;color:#705080;">@URLHERE</span></div>
<div><span class="font-weight-bold" style="font-size:12px;letter-spacing:1px;font-family:courier;color:#705080;">@URLHERE</span></div>
</div>
<div class="justify-content-between">
<div><span class="font-weight-bold" style="font-size:12px;letter-spacing:1px;font-family:courier;color:#705080;">@URLHERE</span></div>
<div><span class="font-weight-bold" style="font-size:12px;letter-spacing:1px;font-family:courier;color:#705080;">@URLHERE</span></div>
</div>
<div class="justify-content-between">
<div><span class="font-weight-bold" style="font-size:12px;letter-spacing:1px;font-family:courier;color:#705080;">@URLHERE</span></div>
<div><span class="font-weight-bold" style="font-size:12px;letter-spacing:1px;font-family:courier;color:#705080;">@URLHERE</span></div>
</div>
</div>
<div class="card m-2 p-3" style="background-color:#FFFFFF;height:200px;overflow:auto;border:2px solid #705080;">
<h3 class="text-uppercase font-weight-bold" style="color:#705080;font-size:20px;letter-spacing:2px;font-family:courier;" align="center">MOOD:</h3>
<!--- mood list --->
<div class="justify-content-between">
<div><span class="font-weight-bold" style="color:#705080;font-size:12px;letter-spacing:1px;font-family:courier;">listening to:</span></div>
<div><span class="text-muted font-italic" style="font-size:12px;letter-spacing:2px;">content</span></div>
</div>
<div class="justify-content-between">
<div><span class="font-weight-bold" style="color:#705080;font-size:12px;letter-spacing:1px;font-family:courier;">reading:</span></div>
<div><span class="text-muted font-italic" style="font-size:12px;letter-spacing:2px;">content</span></div>
</div>
<div class="justify-content-between">
<div><span class="font-weight-bold" style="color:#705080;font-size:12px;letter-spacing:1px;font-family:courier;">watching:</span></div>
<div><span class="text-muted font-italic" style="font-size:12px;letter-spacing:2px;">content</span></div>
</div>
<div class="justify-content-between">
<div><span class="font-weight-bold" style="color:#705080;font-size:12px;letter-spacing:1px;font-family:courier;">playing:</span></div>
<div><span class="text-muted font-italic" style="font-size:12px;letter-spacing:2px;">content</span></div>
</div>
<div class="justify-content-between">
<div><span class="font-weight-bold" style="color:#705080;font-size:12px;letter-spacing:1px;font-family:courier;">eating:</span></div>
<div><span class="text-muted font-italic" style="font-size:12px;letter-spacing:2px;">content</span></div>
</div>
<div class="justify-content-between">
<div><span class="font-weight-bold" style="color:#705080;font-size:12px;letter-spacing:1px;font-family:courier;">drinking:</span></div>
<div><span class="text-muted font-italic" style="font-size:12px;letter-spacing:2px;">content</span></div>
</div>
</div>
</div>
<div class="card p-3 col-lg-12" style="background-color:#FFFFFF;height:100px;overflow:auto;border:2px solid #705080;">
<!--- status --->
<h3 class="text-uppercase font-weight-bold" style="color:#705080;font-size:20px;letter-spacing:2px;font-family:courier;" align="center">CURRENTLY:</h3>
<h3 class="text-uppercase" style="color:#705080;font-size:15px;letter-spacing:1px;font-family:courier;" align="center">so i woke up with a headache today! ... just kidding! i don't feel pain :)</h3>
</div>
</div>
</div>
</div>
<!--- credit, dont remove pls! --->
<a class="d-block text-muted text-center" href="https://toyhou.se/8570183.digital-boy-f2u-html" style="font-size:0.6em;">code by cati <i class="fad fa-rainbow"></i></a>
