Test

Объявление

mitica loveridge
name surname & name surname
митика александр димитрий доротея
макс розалинда валериан оуэн
daily
check

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Test » всякие шаблоны » шаблон внешки недели


шаблон внешки недели

Сообщений 1 страница 2 из 2

1

123

0

2

[html]
<style>
.weekly-app {
position: relative;
width: 750px;
max-height: 700px;
margin: auto !important;
background-image: url(https://forumstatic.ru/files/001c/a5/43/62263.png);
box-sizing: border-box;
padding: 25px 25px 30px;
}

.weekly-app * {
box-sizing: border-box;
}

.weekly-app h5 {
color: #c0c0c0;
width: 100%;
text-align: center;
text-transform: lowercase;
font: 400 50px Playfair Display;
font-style: italic;
}
.weekly-app desc {
display: block;
text-align: justify;
color: #c0c0c0;
width: 82%;
font: 400 13px playfair display;
font-style: italic;
margin: 30px auto 10px !important;
position: relative;
}

.weekly-app .weekly-app-wrapper {
   position: relative;
    margin-top: 30px;
    z-index: 5;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}

.weekly-app .weekly-app-wrapper > div {
width: 180px;
height: 140px;
}

.weekly-app .weekly-app-wrapper > div img {
width: 180px;
height: 140px;
object-fit: cover;
border-radius: 15px;
filter: brightness(1.3) grayscale(1) contrast(0.5);
}

</style>

<section class='weekly-app'>

<h5>11.00 - 00.11 </h5>

<div class='weekly-app-wrapper'>

<div><img src='https://i.pinimg.com/1200x/55/f3/0c/55f30c4507ebbddce800248753d0f474.jpg'></div>
<div><img src='https://i.pinimg.com/1200x/55/f3/0c/55f30c4507ebbddce800248753d0f474.jpg'></div>
<div><img src='https://i.pinimg.com/1200x/55/f3/0c/55f30c4507ebbddce800248753d0f474.jpg'></div>
<div><img src='https://i.pinimg.com/1200x/55/f3/0c/55f30c4507ebbddce800248753d0f474.jpg'></div>
<div><img src='https://i.pinimg.com/1200x/55/f3/0c/55f30c4507ebbddce800248753d0f474.jpg'></div>
<div><img src='https://i.pinimg.com/1200x/55/f3/0c/55f30c4507ebbddce800248753d0f474.jpg'></div>

</div>

<desc>краткое описание почти любой длины краткое описание почти любой длины  краткое описание почти любой длины краткое описание почти любой длины краткое описание почти любой длины краткое описание почти любой длины краткое описание почти любой длины краткое описание почти любой длины краткое описание почти любой длины </desc>

</section>
[/html]

0


Вы здесь » Test » всякие шаблоны » шаблон внешки недели


Рейтинг форумов | Создать форум бесплатно