Код: [quote][align=center][url=https://cozyhome.rusff.me][img]https://upforme.ru/uploads/001c/b1/9a/5/377390.png[/img][/url][/align][/quote] | Код: [quote][align=center][url=https://cozyhome.rusff.me][img]https://upforme.ru/uploads/001c/b1/9a/2/492534.png[/img][/url][/align][/quote] |
[html]<style>
#cozy-home-wanted {
width: 400px;
max-width: 100%;
margin: 20px auto;
padding: 0;
background: transparent;
text-align: center;
box-sizing: border-box;
}
#cozy-home-wanted .cozy-title-img {
display: block;
width: 400px;
max-width: 100%;
height: auto;
margin: 0 auto 2px;
background: transparent;
}
#cozy-home-wanted .cozy-subtitle {
margin: 0 0 8px;
font-family: Chiller, "Trebuchet MS", Arial, sans-serif;
font-size: 16px;
line-height: 1;
letter-spacing: 8px;
color: #88ccaa;
text-transform: uppercase;
font-weight: 700;
}
#cozy-home-wanted .cozy-cards {
display: flex;
justify-content: center;
gap: 11px;
align-items: flex-start;
background: transparent;
}
#cozy-home-wanted .cozy-card {
width: 126px;
height: 154px;
padding: 8px 8px 6px;
background: transparent;
border: 1px solid #333;
box-shadow:
inset 0 0 0 1px rgba(216, 216, 216, 0.9),
0 1px 2px rgba(0, 0, 0, 0.15);
box-sizing: border-box;
}
#cozy-home-wanted .cozy-photo {
position: relative;
width: 100px;
height: 100px;
margin: 0 auto 6px;
border: 1px solid #8c8c8c;
background: transparent;
box-sizing: border-box;
overflow: hidden;
}
#cozy-home-wanted .cozy-photo img {
width: 100px;
height: 100px;
object-fit: cover;
display: block;
background: transparent;
}
#cozy-home-wanted .cozy-photo-text {
width: 100%;
height: 100%;
color: #970019;
font-family: Chiller, "Trebuchet MS", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 700;
text-transform: lowercase;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
box-sizing: border-box;
}
#cozy-home-wanted .cozy-name {
margin-top: 1px;
color: #88ccaa;
font-family: Chiller, "Brush Script MT", "Segoe Script";
font-size: 18px;
line-height: 1;
letter-spacing: 10px;
text-shadow: 0 0 0px rgba(0, 0, 0, 0.25);
}
</style>
<div id="cozy-home-wanted">
<img
class="cozy-title-img"
src="https://upforme.ru/uploads/0016/e1/64/2/830588.png"
alt="Cozy Home"
>
<div class="cozy-subtitle">разыскивает</div>
<div class="cozy-cards">
<div class="cozy-card">
<div class="cozy-photo">
<img src="https://upforme.ru/uploads/0016/e1/64/2/718610.png" alt="">
</div>
<div class="cozy-name"><b>astoria malfoy</b></div>
</div>
</div>
</div>[/html]
Предыдущая часть темы: реклама #1
