[html]<div id="bank">
  <div class="bankzag">банк</div>
  <div class="banktext">I'm on my knees Pray for glory Will anyone read this underdog story? I can't lose myself again Help me raise this heart
Heart, unbreakable Once you play God They're gonna' crumble one by one Then we gonna ride right into the sun Like it's the day my kingdom come Baby, we're Go-go-go-go-go-Gods</div>
  <div class="bankcalc"> <form name="calc">
<table id="bcalc">
<tbody><tr>
<td colspan="4"><input id="bck2" name="display" onkeypress="return event.charCode >= 48 &amp;&amp; event.charCode <= 57" type="text"></td>
<td style="display:none"><input name="M" type="number"></td>
</tr>
<tr>

<td><input id="bck" type="button" value="0" onclick="calc.display.value+='0'"></td>
<td><input id="bck" type="button" value="1" onclick="calc.display.value+='1'"></td>
<td><input id="bck" type="button" value="2" onclick="calc.display.value+='2'"></td>
<td><input id="bck" type="button" value="+" onclick="calc.display.value+='+'"></td>
</tr>
<tr>

<td><input id="bck" type="button" value="3" onclick="calc.display.value+='3'"></td>
<td><input id="bck" type="button" value="4" onclick="calc.display.value+='4'"></td>
<td><input id="bck" type="button" value="5" onclick="calc.display.value+='5'"></td>
<td><input id="bck" type="button" value="-" onclick="calc.display.value+='-'"></td>
</tr>
<tr>

<td><input id="bck" type="button" value="6" onclick="calc.display.value+='6'"></td>
<td><input id="bck" type="button" value="7" onclick="calc.display.value+='7'"></td>
<td><input id="bck" type="button" value="8" onclick="calc.display.value+='8'"></td>
<td><input id="bck" type="button" value="x" onclick="calc.display.value+='*'"></td>
</tr>
<tr>

<td><input id="bck" type="button" value="9" onclick="calc.display.value+='9'"></td>
<td><input id="bck" type="button" value="C" onclick="calc.display.value=''"></td>
<td><input id="bck" type="button" value="=" onclick="calc.display.value=eval(calc.display.value)"></td>
<td><input id="bck" type="button" value="/" onclick="calc.display.value+='/'"></td>
</tr>
</tbody></table>
</form>

<div class="formname1"><b>название</b>
<br><span>(пояснение)</span></div>

   <div class="bform1">
• позиция – <b>100</b><br>
  • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
  • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
  • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
</div>
   
<div class="formname2"><b>название</b>
<br><span>(пояснение)</span></div>

    <div class="bform2">
• позиция – <b>100</b><br>
  • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
  • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
  • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
</div>
   
<div class="formname3"><b>название</b>
<br><span>(пояснение)</span></div>

    <div class="bform3">
• позиция – <b>100</b><br>
  • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
  • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
  • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
    • позиция – <b>100</b><br>
</div>
   
 
  </div>

<style>#bank {width: 740px;
background: #fff;
    border: 1px solid #80808030;
    border-radius: 22px;
height:400px;
margin: 0 auto;}
.bankzag {text-align: center;
    padding: 5px;
    width: 180px;
    background: #d1a9ff;
    border-radius: 20px;
    border: 1px solid #e7e7e7;
    text-transform: lowercase;
    font-size: 14px;
    color: #000;
margin: -15px 0px 0px 180px;}
.banktext {    width: 620px;
    height: auto;
    font-family: arial;
    line-height: 14px;
    background: #b586d836;
    text-align: justify;
    padding: 14px;
    border-radius: 22px;
    font-size: 11px;
    margin-top: 18px;
    margin-left: 34px;
    color: #000;}
#bcalc {
    width: 155px;
    position: absolute;
    margin: 49px 0px 0px 14px;
    background: #b586d836;
    border-radius: 20px;
    padding: 5px 10px;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
}
#bck2 {
    width: 126px;
    height: 17px;
    cursor: pointer;
    font-size: 13px;
    background-color: #d1a9ff;
    font-weight: bold;
    box-shadow: inset 0 0 9px #0f190c8a;
    border: 1px solid #9982b3;
    color: #000;
}
#bck {
    width: 25px;
    height: 25px;
    cursor: pointer;
    font-size: 12px;
    background-color: #d1a9ff;
    font-weight: bold;
    box-shadow: inset 0 0 9px #0f190c8a;
    border: 1px solid #9982b3;
    color: #000;
}
.bform1 {
    background: #b586d836;
    width: 150px;
    height: 170px;
    font-size: 11px;
    line-height: 13px;
    text-align: left;
    overflow-y: auto;
    color: #000;
    margin: 55px 0px 0px 186px;
    position: absolute;
    border-radius: 20px;
    padding: 10px;
}

.bform2 {
    background: #b586d836;
    width: 150px;
    height: 170px;
    font-size: 11px;
    line-height: 13px;
    text-align: left;
    overflow-y: auto;
    color: #000;
    margin: 55px 0px 0px 370px;
    position: absolute;
    border-radius: 20px;
    padding: 10px;
}

.bform3 {
    background: #b586d836;
    width: 150px;
    height: 170px;
    font-size: 11px;
    line-height: 13px;
    text-align: left;
    overflow-y: auto;
    color: #000;
    margin: 55px 0px 0px 556px;
    position: absolute;
    border-radius: 20px;
    padding: 10px;
}

.formname1 {
    margin: 14px 0px 0px 193px;
}
.formname1, .formname2, .formname3 {
    color: #000;
    text-align: center;
    width: 150px;
    position: absolute;
    height: auto;
    line-height: 18px;
}
.formname1 b, .formname2 b, .formname3 b {
    color: #000;
    background: pink;
    border-radius: 20px;
    padding: 5px;
}
.formname1 span, .formname2 span, .formname3 span {font-size: 7px;}
.formname2 {
    margin: 14px 0px 0px 378px;
}
.formname3 {
    margin: 14px 0px 0px 562px;
}

.bankcalc {position: absolute;}

.bform1 b, .bform2 b, .bform3 b {
    background: #cca5f9;
    padding: 2px 4px;
    border-radius: 5px;
    line-height: 20px;
}
.bform1::-webkit-scrollbar, .bform2::-webkit-scrollbar, .bform3::-webkit-scrollbar { width: 1px; height: 1px; }
.bform1::-webkit-scrollbar-track, .bform2::-webkit-scrollbar-track, .bform3::-webkit-scrollbar-track { background-color: transparent; }
.bform1::-webkit-scrollbar-thumb, .bform2::-webkit-scrollbar-thumb, .bform3::-webkit-scrollbar-thumb { background-color: #d1a9ff; }</style>[/html]

[html]<style>:root { --color-hsbg1: #d4998c; --color-hsbg2: #d5d5d5; --color-hsbg3: #f5f5f5; --color-hsbrd1: #d9d9d9; --color-hssub1: #d4a58cba; --color-hssub2: #d3a48b; --color-hstitle: #fff;}</style><link href="https://dl.dropbox.com/s/y816zcimv9uluei/heart-shaker.css?dl=0" rel="stylesheet"/>
<center><div class="heart-shaker"><div class="hs-head"><span><i class="fa-regular fa-heart" style="font-size: 17px; color: #fff; margin-right: 11px;"></i></span><div class="hsh-title">Heart Shaker<br><span>text here or place</span></div></div><div class="hs-cont">Lorem <b>ipsum dolor</b> sit amet, consectetur <u>adipiscing elit</u>, sed do <i>eiusmod tempor</i> incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div><div class="hs-barr"><div class="hs-hover"><div class="hsh-txt">text goes here</div></div><div class="hs-hover"><div class="hsh-txt">text goes here</div></div><div class="hs-hover"><div class="hsh-txt">text goes here</div></div></div><a href="https://les-yeux-de-winter.tumblr.com/"><div class="hs-cred">winter</div></a></div></center>

[/html]

[html]<link href="https://dl.dropboxusercontent.com/scl/fi/zq1zpg169la7zap3pyjag/betrayed.css?rlkey=hovrof9vu4g7ihpptnvvf3895&dl=0" rel="stylesheet"><div class="betrayed"><div class="btry-tp" style="background-image:url(https://via.placeholder.com/600X180);"><div class="btry-bg"></div></div><div class="btry1"><div class="btry-1t">TIT<span>U</span>LO</div><div class="btry-1s"><span>LUGAR</span><p>ACOMPAÑANTE<br><span>RELACION</span></p><span>CUANDO</span></div></div><div class="btry2"><div class="btry-2t">FRASE BONITA</div></div><div class="btry3"><div class="btry-3b">
TEXTO AQUI
</div></div><div class="btry-ot"><a href="/LINK AQUI">U<br><span>outfit</span></a></div><div class="btry4"><div class="btry-4x">PRIMER <span>PARRAFO</span> A LA IZQUIERDA</div><div class="btry-4x">SEGUNDO<span>PARRAFO</span> A LA DERECHA</div></div><div class="btry-bt" style="background-image:url(https://via.placeholder.com/600X100);"><div class="btry-bg"></div></div></div><a href="https://elirosecodes.tumblr.com/"><div class="gnomo">elirose</div></a><style>:root{--liar-cl:#7D938A;}</style>
[/html]

[html]<center><link href="https://dl.dropbox.com/s/7copxqqy99sjpnk/we%20are%20all%20like%20fireworks.css?dl=0" rel="stylesheet"><div id="rr_we-are-fireworks"><a href="https://is.gd/rossr" title="「by ross」"></a><div class="rcontainer"><div class="rheader"><div class="rtitle">mitologia</div></div><div class="rnotes-l">Três, três e... três?</div><div class="rdivider"><div class="rdec"></div><div class="rimg"><img src="https://c.tenor.com/1lEKFLJPNGwAAAAd/chaewon-kim-chaewon.gif"></div></div><div class="rnotes-r">1ª aula de Mitologia</div><div class="rtxt">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed dolor non lorem fermentum feugiat sed quis leo. Curabitur quam felis, lacinia auctor turpis at, blandit viverra lectus. Vestibulum a lectus interdum, luctus mauris at, gravida dui. Nam vulputate quam est, eu eleifend ligula semper eget. Cras eleifend aliquet lorem id mattis. Donec ultricies blandit urna et aliquet. Quisque convallis pharetra porta. Aliquam ullamcorper sed arcu sit amet ornare. Curabitur maximus risus sed euismod sollicitudin. Nulla facilisi. Aenean sed augue orci. Donec ut libero nulla.

Quisque rhoncus vehicula sapien, nec pulvinar nulla gravida non. Cras efficitur ullamcorper lorem, porttitor hendrerit lacus lobortis rutrum. Ut semper varius facilisis. Sed bibendum pulvinar leo vel mattis. Nunc porttitor velit sit amet ligula tincidunt, ut aliquam lacus accumsan. Sed interdum sem vitae mauris egestas, eu accumsan eros tempor. Suspendisse eget libero turpis. Suspendisse vitae aliquam turpis. Nulla feugiat ut nulla in porttitor. Curabitur pulvinar quis urna mollis aliquam.

</div><div class="rfooter"><span>Interação com <b>NPC</b></span></div><table class="rquote"><td>"We are all like <b>fireworks</b>: we climb, we shine and always go our separate ways and become further apart. But even when that time comes, let's not disappear like a firework and continue to shine.. forever."</td><td></td></table></div></div></center>[/html]