[html]<link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet"><link href="" rel="stylesheet" type="text/css"><div id="SEN"><!-- COULEURS PERSONNALISABLES --><div class="SEN" style="background:#8D8D8D;"><!-- CREDIT --><a class="cdtSEN" href=" " target="_blank"><img src=" " /></a><!-- BLOC FT & INFORMATIONS --><div id="ftSEN"><div class="ftSEN"><!-- IMAGE 450*200 --><img src="https://forumupload.ru/uploads/001c/54/02/2/353217.jpg" /><!-- FT --><div class="ftNSEN" style="color:white;">С чего все началось...<!-- INFORMATIONS --><span>... и что будет дальше</span></div><!-- BANDE HAUT --><div class="bgISEN" style="background:rgba(255,255,255,0.3);"></div><!-- BANDE BAS --><div class="bgIISEN" style="background:rgba(255,255,255,0.3);"></div></div></div><div class="triLSEN"></div><!-- TITRE --><div class="tleSEN" style="background:#212121; color:white;">Сказка о Золушке на новый лад</div><div class="triRSEN"></div><!-- MESSAGE --><div class="msgSEN" style="background:rgba(255,255,255,0.5); color:black;">
<p>╭┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄ ※
<p>╰┈જ⁀╰➤
<p>Умм Аль-Хайр, женщина-альфа, излучала власть, силу и харизму. Лишь один взгляд — и мир подчинялся её воле. Никто не уйдет если она обратила на тебя свой взор. Вернувшись из отпуска, она стала одержима молодым массажистом по имени Бренден, двадцатилетним омегой с игривым характером. Его неподдельная невинность лишь разжигала её страсть. </p>
<p>В то время как он нежно касался её кожи, Умм ощущала, как его трепет вызывает в ней бурю эмоций. Каждый мягкий прикосновение становилось для неё испытанием. Бренден был не просто массажистом — он стал её тайной, неотъемлемой частью. </p>
<p>Но сама страсть их отношений была уязвима. Умма, глава мафиозного синдиката, знала, что её мир полон опасностей. Бренден, с его непокорным духом, не осознавал, что его свободолюбивый характер может перевернуть его мир навсегда. Между ними разгоралась игра на грани, обещая как мгновения нежности, так и насыщенные стремления, которые могли все изменить.</p>
<p>╰┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄※ </p>
</div></div><!-- BAS --><div class="btmSEN"><!-- BANDE GAUCHE --><div style="background:#212121;"></div><!-- BANDE DROITE --><span style="background:#8D8D8D;"></span></div></div>
<style>
#SEN {
width:720px; margin:auto; line-height:normal;
}
.SEN {
margin:auto; width:690px;
}
#ftSEN {
padding-top:25px; text-align:center;
}
.ftSEN {
margin:auto; position:relative;
width:690px; height:200px; overflow:hidden;
}
.ftSEN img{
width:640px; height:197px;
}
.ftSEN:hover img{
filter:grayscale(1); -webkit-filter:grayscale(1);
}
.bgISEN {
position:absolute; margin-top:-200px;
width:690px; height:100px;
transform:translateY(-100px); -webkit-transform:translateY(-100px); opacity:0;
transition:all 0.75s ease-in-out; -webkit-transition:all 0.75s ease-in-out;
}
.ftSEN:hover .bgISEN {
transform:translateY(0px); -webkit-transform:translateY(0px); opacity:1;
}
.bgIISEN {
position:absolute; margin-top:-100px;
width:690px; height:100px;
transform:translateY(100px); -webkit-transform:translateY(100px); opacity:0;
transition:all 0.75s ease-in-out; -webkit-transition:all 0.75s ease-in-out;
}
.ftSEN:hover .bgIISEN {
transform:translateY(0px); -webkit-transform:translateY(0px); opacity:1;
}
.ftNSEN {
position:absolute; z-index:3; margin-top:-200px;
width:640px; height:120px; padding-top:80px;
font-size:24px; line-height:24px; font-family:Rubik;
transform:scale(0); -webkit-transform:scale(0); opacity:0;
transition:all 0.75s ease-in-out; -webkit-transition:all 0.75s ease-in-out;
}
.ftNSEN span{
display:block; font-size:12px;
}
.ftSEN:hover .ftNSEN {
transform:scale(1); -webkit-transform:scale(1); opacity:1;
}
.triLSEN {
margin-left:-25px;
width:0; height:0; border-style:solid; border-width:0 0 25px 25px; border-color:transparent transparent black transparent;
}
.tleSEN {
margin-left:-25px;
width:740px; padding:10px 5px;
font-size:18px; letter-spacing:1px; text-align:center; text-transform:uppercase; font-family:Rubik; line-height:20px;
}
.triRSEN {
margin-left:690px; width:0; height:0; border-style:solid; border-width:25px 25px 0 0; border-color:black transparent transparent transparent;
}
.msgSEN {
margin:auto; width:640px; padding:10px;
font-size:11px; text-align:justify; font-family:Rubik;
}
.btmSEN {
margin:auto; margin-top:10px;
width:690px; opacity:0.8;
}
.btmSEN div{
display:inline-block; vertical-align:top; margin-right:10px;
width:160px; height:15px;
}
.btmSEN span{
display:inline-block; vertical-align:top;
width: 520px; height:15px;
}
.cdtSEN {
position:absolute; margin-left:487px; margin-top:35px;
transform:scale(0); -webkit-transform:scale(0); transition:transform ease-in-out 0.75s; -webkit-transition:-webkit-transform ease-in-out 0.75s;
}
#SEN:hover .cdtSEN {
transform:scale(1); -webkit-transform:scale(1);
}</style>
[/html]
