<!-- Colors to ctrl+f! bead color, border
string 1 - #FFAAC6, #FF3577
string 2 - #FFFF5B, #A88600
string 3 - #66FF00, #307700
string 4 - #9BDEFF, #0078B3
string 5 - #C68BE2, #702594
-->
<div class="mx-auto text-center pt-1" style="width:400px;height:auto;border-radius:15px;
background: #;
background-image:url( );
background-size:;">
<!--- Title --->
<div class="container p-1" style="border:1px solid #FC68BA;border-radius:20px;"><div class="container" style="border-radius:20px; Border: 2px dashed #FC68BA;background:#fff;font-size:18px;font-weight:bold;color:#FC68BA">
T I T L E
</div></div>
<div class="row mx-auto" style="width:350px;"><div class="row">
<!--- dangle 1 --->
<div class="col"><div><span class="text" style="font-size:6px;color:#FFAAC6;text-shadow:-1px -1px 0 #FF3577,1px -1px 0 #FF3577,-1px 1px 0 #FF3577,1px 1px 0 #FF3577;">
<i class="fa fa-circle"></i><br>
<i class="fa fa-heart" style="font-size:10px;line-height:1.50;"></i><br>
<i class="fa fa-circle"></i><br>
<i class="fa fa-heart" style="font-size:10px;line-height:1.50;"></i><br>
<i class="fa fa-circle"></i><br>
<i class="fa fa-heart" style="font-size:10px;line-height:1.50;"></i><br>
<i class="fa fa-circle"></i><br>
<i class="fa fa-heart" style="font-size:10px;line-height:1.50;"></i><br>
<i class="fa fa-circle"></i><br>
<i class="far fa-heart" style="font-size:30px;line-height:1.50;"></i><br>
</span></div></div></div>
<!--- Left label --->
<div class="col" align="center"><div><div><span class="text" style="font-size:6px;color:#FFFF5B;text-shadow:-1px -1px 0 #A88600,1px -1px 0 #A88600,-1px 1px 0 #A88600,1px 1px 0 #A88600;">
<!--- dangle --->
<i class="fa fa-circle"></i><br>
<i class="fa fa-heart" style="font-size:10px;line-height:1.50;"></i><br>
<i class="fa fa-circle"></i><br></span>
</div><div class="card m-1" style="border-radius:50%;border: 1px solid #A88600;height:80px;width:80px;background:#FFFF5B;"><span style="font-size:47px;color:#FFFF5B;">
<!--- icon --->
<a href="LINK 1" style="color:#FFF;"><i style="text-shadow:-1px -1px 0 #A88600,1px -1px 0 #A88600,-1px 1px 0 #A88600,1px 1px 0 #A88600;" class="fas fa-star"></i></a>
</span></div><div><span class="text" style="font-size:6px;color:#FFFF5B;text-shadow:-1px -1px 0 #A88600,1px -1px 0 #A88600,-1px 1px 0 #A88600,1px 1px 0 #A88600;">
<!--- dangle --->
<i class="fa fa-circle"></i><br>
<i class="fa fa-heart" style="font-size:10px;line-height:1.50;"></i><br>
</span></div><div class="badge badge-pill p-2 m-1" style="border: 1px solid #A88600;background:#FFFF5B;"><span class="text" style="font-size:14px;color:#FFF;text-shadow:-1px -1px 0 #A88600,1px -1px 0 #A88600,-1px 1px 0 #A88600,1px 1px 0 #A88600;">
<span>
<!--- text --->
Link 1
</span></div></div><span style="font-size:6px;color:#FFFF5B;text-shadow:-1px -1px 0 #A88600,1px -1px 0 #A88600,-1px 1px 0 #A88600,1px 1px 0 #A88600;">
<i class="fa fa-circle"></i><br>
<i class="far fa-heart" style="font-size:30px;line-height:1.50;"></i><br></span></div>
<!--- Dangle 3 --->
<div class="row"><div class="col"><div><span class="text" style="font-size:6px;color:#66FF00;text-shadow:-1px -1px 0 #307700,1px -1px 0 #307700,-1px 1px 0 #307700,1px 1px 0 #307700;">
<i class="fa fa-circle"></i><br>
<i class="fa fa-heart" style="font-size:10px;line-height:1.50;"></i><br>
<i class="fa fa-circle"></i><br>
<i class="fa fa-heart" style="font-size:10px;line-height:1.50;"></i><br>
<i class="fa fa-circle"></i><br>
<i class="far fa-heart" style="font-size:30px;line-height:1.50;"></i><br>
</span></div></div></div>
<!--- right label --->
<div class="col" align="center"><div>
<div><span class="text" style="font-size:6px;color:#9BDEFF;text-shadow:-1px -1px 0 #0078B3,1px -1px 0 #0078B3,-1px 1px 0 #0078B3,1px 1px 0 #0078B3;">
<!--- dangle --->
<i class="fa fa-circle"></i><br>
<i class="fa fa-heart" style="font-size:10px;line-height:1.50;"></i><br>
</span></div><div class="card m-1" style="border-radius:50%;border: 1px solid #0078B3;height:80px;width:80px;background:#9BDEFF;"><span style="font-size:47px;color:#FFFF5B;">
<!--- icon --->
<a href="LINK 2" style="color:#fff;"><i style="text-shadow:-1px -1px 0 #0078B3,1px -1px 0 #0078B3,-1px 1px 0 #0078B3,1px 1px 0 #0078B3;" class="fas fa-star"></i></a>
</span></div><div><span class="text" " style="font-size:6px;color:#9BDEFF;text-shadow:-1px -1px 0 #0078B3,1px -1px 0 #0078B3,-1px 1px 0 #0078B3,1px 1px 0 #0078B3;">
<!--- dangle --->
<i class="fa fa-heart" style="font-size:10px;line-height:1.50;"></i><br>
<i class="fa fa-circle"></i><br>
<i class="fa fa-heart" style="font-size:10px;line-height:1.50;"></i><br>
<i class="fa fa-circle"></i><br>
</span></div><div class="badge badge-pill p-2 m-1" style="border: 1px solid #0078B3;background:#9BDEFF;"><span class="text" style="font-size:14px;color:#FFF;text-shadow:-1px -1px 0 #0078B3,1px -1px 0 #0078B3,-1px 1px 0 #0078B3,1px 1px 0 #0078B3;">
<span>
<!--- Text --->
Link 2
</span></div></div><span style="font-size:6px;color:#9BDEFF;text-shadow:-1px -1px 0 #0078B3,1px -1px 0 #0078B3,-1px 1px 0 #0078B3,1px 1px 0 #0078B3;">
<i class="fa fa-circle"></i><br>
<i class="far fa-heart" style="font-size:30px;line-height:1.50;"></i><br></span></div>
<!--- end box --->
<!--- Lone dangle --->
<div class="row"><div class="col"><div><span class="text" style="font-size:6px;color:#C68BE2;text-shadow:-1px -1px 0 #702594,1px -1px 0 #702594,-1px 1px 0 #702594,1px 1px 0 #702594;">
<i class="fa fa-circle"></i><br>
<i class="fa fa-heart" style="font-size:10px;line-height:1.50;"></i><br>
<i class="fa fa-circle"></i><br>
<i class="fa fa-heart" style="font-size:10px;line-height:1.50;"></i><br>
<i class="fa fa-circle"></i><br>
<i class="fa fa-heart" style="font-size:10px;line-height:1.50;"></i><br>
<a href="https://toyhou.se/Hiilumaru" style="color:#F793F8;font-size:10px;"><i class="fa fa-code"></i></a><br>
<i class="far fa-heart" style="font-size:30px;line-height:1.50;"></i><br>
</span></div></div></div></div></div></div>