-
<div class="container px-0 mt-md-4 mb-4" style="max-width: 650px;">
-
<!------------- BORDER PATTERN ------------------------------------->
-
<div style="background: url(https://f2.toyhou.se/file/f2-toyhou-se/images/18459703_uas9XykcSR5ugpB.png); border-radius: 1em;" class="p-md-5 p-3 mb-1">
-
-
<!----------- MAIN CONTNET BOX -- SET BG & FONT COLOR HERE -------------------------------------->
-
<div style="background: rgba(255,255,255,.9); color: #222; letter-spacing: .45px; border-radius: 1em;"
-
class="card-block d-block text-center" ><div class="row no-gutters"><div class="col-12">
-
-
<!---------------- TOP ICONS -- uses font awesome icons -- you can change the symbols to whatever --->
-
<p class="text-center">
-
<i class="fas fa-star fa-2x fa-fw" />
-
<i class="fas fa-crown fa-3x fa-fw" />
-
<i class="fas fa-star fa-2x fa-fw" />
-
</p>
-
-
<!---------------- TITLE ------------------------------------------->
-
<h1 class="text-uppercase display-4">
-
Title Here </h1>
-
-
<!---------------- ADJECTIVES ---------------------------------------->
-
<p class="font-weight-bold">gender
-
<i class="far fa-star small" /> age
-
<i class="far fa-star small" /> adjective</p>
-
-
<!-- optional focal image -- you can adjust the height-->
-
<img src="IMG_URL"
-
class="d-block mx-auto mb-3 tooltipster"
-
style="max-height: 300px; border-radius: .5em;"
-
title="art by USERNAME @ SITE">
-
-
<p style="font-size: 10pt;">Write about yourself here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo sodales lectus, a sollicitudin ante venenatis non. Donec nec commodo urna, id condimentum nisi. Aliquam iaculis nulla ut maximus semper. Pellentesque aliquet viverra libero vitae sagittis. Mauris enim lorem, dapibus vitae tellus ac, porta finibus nulla. Aenean dignissim mi at elementum vestibulum. Maecenas mollis est massa, eu sagittis erat fringilla non. Curabitur finibus diam at mauris viverra, nec sollicitudin urna dignissim. Aliquam aliquet magna a velit consequat gravida.</p>
-
-
<!-- links for whatever you want -- social media, frends, etc -->
-
<p class="mt-4">
-
<a href="DA_LINK" class="btn text-white m-1" target="_BLANK"
-
style="background: #000; border-radius: 1em;"><i class="fab fa-deviantart fa-fw"></i></a>
-
-
<a href="FA_LINK" class="btn text-white m-1" target="_BLANK"
-
style="background: #000; border-radius: 1em;"><i class="fas fa-paw fa-fw"></i></a>
-
-
<a href="TWIT_LINK" class="btn text-white m-1" target="_BLANK"
-
style="background: #000; border-radius: 1em;" ><i class="fab fa-twitter fa-fw"></i></a>
-
-
<a href="TUMBLR_LINK" class="btn text-white m-1" target="_BLANK"
-
style="background: #000; border-radius: 1em;"><i class="fab fa-tumblr fa-fw"></i></a>
-
-
<!------------- discord -------------------------->
-
<a title="name####" class="btn text-white m-1 tooltipster" href="#"
-
style="background: #000; border-radius: 1em;"><i class="fab fa-discord fa-fw" ></i></a>
-
-
<!------------- DO NOT REMOVE CODING CREDIT -------------------------->
-
<a href="/eggy" class="btn text-white m-1" target="_BLANK"
-
style="background: #000; border-radius: 1em;"><i class="fas fa-code fa-fw"></i></a>
-
-
<!------------- USE THIS TO CREDIT BACKGROUND IMAGE -------------------------->
-
<a href="CREDIT_LINK" class="btn text-white m-1 tooltipster" target="_BLANK"
-
style="background: #000; border-radius: 1em;" title="background pattern"><i class="fas fa-image fa-fw" ></i></a>
-
</p>
-
-
</div></div></div>
-
</div>
-
</div>