возьми внешность, забери плюшки
[hideprofile]
loom |
Привет, Гость! Войдите или зарегистрируйтесь.
возьми внешность, забери плюшки
[hideprofile]
[html]
<div class="take-fc">
<h>акция с 18.04 по 18.05</h>
<div class="take-fc-info">
<p>за внешность из списка после подачи анкеты вы получите <b>500 люми</b> на ваш счет и оформление профиля:</p>
<img src="https://upforme.ru/uploads/001c/93/12/3/791247.png">
</div>
<div class="take-fc-w">
<div class="take-fc-block">
<img src="https://i.pinimg.com/originals/b5/d9/6f/b5d96fc44fc002fe0b3a5327a5389a30.gif">
<span>ariana grande</span>
</div>
<div class="take-fc-block">
<img src="https://i.pinimg.com/originals/45/4e/15/454e157d02217e8606f7bea583c28827.gif">
<span>damiano david</span>
</div>
<div class="take-fc-block">
<img src="https://i.pinimg.com/originals/8c/9c/e0/8c9ce047be63ab93c26e4587aacdd29e.gif">
<span>emily alyn lind</span>
</div>
<div class="take-fc-block">
<img src="https://i.pinimg.com/originals/bc/d5/b3/bcd5b35830e5c425fc68d3adcb15b935.gif">
<span>theo james</span>
</div>
<div class="take-fc-block">
<img src="https://i.pinimg.com/originals/4e/79/d2/4e79d2a60b02583206740925a1819e8e.gif">
<span>jodie comer</span>
</div>
<div class="take-fc-block">
<img src="https://i.pinimg.com/originals/89/81/71/898171248ff0b85019e3f970114a3457.gif">
<span>dev patel</span>
</div>
<div class="take-fc-block used">
<img src="https://i.pinimg.com/originals/78/45/52/7845520ef30b2fee3ee1e18f768b6c01.gif">
<span>phoebe tonkin</span>
</div>
<div class="take-fc-block">
<img src="https://i.pinimg.com/originals/4b/75/b4/4b75b47b02e669fb89a7bfedcf0aafb8.gif">
<span>hugh dancy</span>
</div>
</div>
</div>
<style>
.take-fc {
color: rgb(var(--org-text-col));
font-size: 12px;
background-image: var(--bg-uni);
padding: 0;
border-radius: 10px;
background-position: center top;
background-size: cover;
padding-bottom: 10px;
border-bottom: 20px solid rgb(var(--org-bg-col) / 0.8);
}
.take-fc h {
font-size: 24px;
font-weight: 700;
font-family: var(--font2);
display: flex;
flex-direction: column;
color: var(--org-acc);
align-items: center;
background-color: rgb(var(--org-bg-col) / 0.8);
padding: 20px;
border-radius: 10px 10px 0 0;
text-transform: uppercase;
}
.take-fc-info {
padding: 15px;
font-size: 11px;
backdrop-filter: blur(15px);
background: rgb(var(--org-bg-col) / 0.75);
border-radius: 7px;
display: flex;
flex-direction: column;
gap: 5px;
align-items: center;
margin: 10px 20px;
}
.take-fc-info img {}
.take-fc-w {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
justify-content: center;
gap: 10px;
padding: 0 20px;
}
.take-fc-block {
display: flex;
flex-direction: column;
gap: 5px;
padding: 15px;
font-size: 11px;
backdrop-filter: blur(15px);
background: rgb(var(--org-bg-col) / 0.75);
border-radius: 7px;
align-items: center;
}
.take-fc-block img {
width: 192px;
height: 192px;
object-fit: cover;
filter: grayscale(1);
box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 86%);
border-radius: 7px;
}
.take-fc-block span {}
.used {opacity: .1;}
</style>
[/html][hideprofile]