просто надо
Страница: 1
Сообщений 1 страница 2 из 2
Поделиться22025-08-06 14:47:27
[html]
<html>
<style>
.profile-info hr{
border-width: 0px 3px 4px;
border-style: dotted;
margin-bottom: 5px;
border-color: #c4c4c4;
}
.profile-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 40px;
}
.profile-header h2{
display: flex;
justify-content: center;
}
.profile-card {
border-radius: 10px;
overflow: hidden;
flex: 1;
min-width: 300px;
}
.profile-header {
padding: 5px 0 0 0;
background-color: #f0f4f8;
color: black;
}
.profile-name {
font-size: 36px;
font-weight: 700;
margin: 0;
font-family: 'Montserrat', sans-serif;
}
.profile-info {
padding: 5px 10px 5px 10px;
color: #555;
background-color: #f0f4f8;
text-align: justify;
}
.profile-info p {
margin: 10px 0;
}
.profile-photo {
text-align: center;
padding: 10px 0 2px 0;
}
.profile-photo img {
max-width: 200px;
border-radius: 50%;
border: 5px solid white;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.photo-credit {
font-size: 10px;
color: #888;
margin-top: 8px;
}
.description {
background: white;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.08);
padding: 30px;
margin: 30px 0;
}
.footer {
text-align: left;
padding: 13px;
color: #666;
border-top: 1px solid #eaeaea;
}
</style>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet">
<!-- Верхний общий текст -->
<div class="description">
<h1>Наша Команда</h1>
<p>На острове Скай, где горы тонут в облаках, а дороги петляют между вересковых пустошей, есть "Туманный переулок" (Foggy Lane) — ряд домиков у бухты Портри, где живут четыре девушки, связанные не столько соседством, сколько общим бегством от прошлого.</p>
</div>
<!-- Контейнер для двух профилей -->
<div class="profile-container">
<!-- Первый человек -->
<div class="profile-card">
<div class="profile-header">
<h2 class="profile-name">Mary Campbell</h2>
<div class="profile-photo">
<img src="https://upforme.ru/uploads/001c/85/52/2/614701.gif">
<div class="photo-credit">Victoria Pedretti </div>
</div>
</div>
<div class="profile-info">
<p style="text-align: center !important;"> 33 года // о. Скай, Портри // агент в тур.фирме</p>
<hr>
До сих пор чистит любимую брошь, когда слышит гэльскую речь за стеной — напоминание о ферме отца в Глен-Бриттл, где вместо овсянки пахло дешевым виски. Теперь она бухгалтер в турфирме. Ее домик — образец контроля: килты сложены по схеме "армейский сверток", овсянка взвешена до грамма. Но ночью она гуглит симптомы рака (последняя фобия) и платит за пансионат в Инвернессе, где мать забыла ее имя. Ее тайный ритуал: раз в месяц она едет в паб, где пьет с рыбаками, притворяясь "нормальной".
</div>
</div>
<!-- Второй человек -->
<div class="profile-card">
<div class="profile-header">
<h2 class="profile-name">Katherine "Kat" McKenzie</h2>
<div class="profile-photo">
<img src="https://upforme.ru/uploads/001c/85/52/2/363034.gif">
<div class="photo-credit">Elizabeth Lail</div>
</div>
</div>
<div class="profile-info">
<p style="text-align: center !important;"> 31 год // о. Скай, Портри // художница</p>
<hr>
По-прежнему сеет хаос. После переезда из Эдинбурга ее съемный домик в Портри украшен нелепыми вывесками: "Осторожно: Феи!" и "Здесь живет дракон!". Она рисует комиксы про русалок для туристов, а дочь Эйлис (10 лет) уже умеет варить суп на случай, если мама забудет про ужин. Кэт задолжала за отопление, но вчера купила Эйлис дорогой комплект для рисования: "Ты же будущая звезда Королевской академии!". Мужчины? Только туристы-однодневки. "Любовь — как погода на Скае: обещают солнце, а льет как из ведра", — смеется она, пряча счет за свет под подушку.
</div>
</div>
</div>
<!-- Общее описание -->
<div class="description"><p>Их миры сталкиваются на "Туманном переулке": Мэри составляет бюджет для Эмери (чтобы та не тратила все на благотворительность), а та платит ей редким виски и сплетнями "из высшего света". Барни присматривает за Эйлис, пока Кэт рисует туристические открытки, а Кэт чинит Барни стиралку в 2 ночи (и заодно красит ее в синий "под море").
Когда шторм отрезает переулок от мира, они собираются у Эмери (у нее генератор и запас вина). Пьют, кричат, смеются. Мэйри вдруг признается, что боится сойти с ума как мать. Барни рыдает, что ненавидит (что-то там). Эмери молча разбивает бокал. А Кэт рисует их.
- Мы не подруги, мы — команда спасения для тонущих, — говорит Барни, разливая суп после шторма.
- Спасение? Я бы назвала это групповым заплывом в ледяной воде, — хмыкает Мэйри, но впервые за год не чистит ложку салфеткой.</p>
</div>
<!-- Нижний общий текст -->
<div class="footer">
<p>- тут будет дополнительно</p>
</div>
</html>[/html]
Страница: 1
