[hideprofile][html]<style>
.shipro-card {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
margin: 20px auto;
max-width: 600px;
background: #171b1c; /* Цвет темный задника*/
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.shipro-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
}
.shipro-image {
width: 100%;
max-width: 300px;
aspect-ratio: 1 / 1;
background-size: cover;
background-position: center;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
margin: 20px 20px;
transition: transform 0.3s ease;
}
.shipro-card:hover .shipro-image {
transform: scale(1.25);
}
.shipro-info {
text-align: center;
font-family: "Arial", sans-serif;
padding: 20px;
}
.shipro-info h5 {
font-size: 24px;
margin: 5px;
color: #b8b2a8; /* Заголовок*/
}
.shipro-info em {
font-size: 14px;
color: #6c6c6c; /* Цвет текста под заголовком*/
margin-bottom: 10px;
display: block;
}
.shipro-description {
font-size: 14px;
color: #949494; /* Главный текст */
text-align: justify;
line-height: 1.5;
text-indent: 30px;
max-height: 1200px;
overflow: hidden;
padding: 0 10px;
transition: max-height 0.3s ease;
}
.shipro-card:hover .shipro-description {
max-height: 500px;
}
.shipro-description p {
margin: 0 !important;
padding: 0 !important;
font-size: 14px !important;
}
</style>
<div class="shipro-card">
<div class="shipro-info">
<div class="shipro-info">
<h5>АКЦИЯ #3. МАФИЯ</h5>
<div class="shipro-description">
<p>Данная акция продиктована духом времени. Ведь кто может представить себе Америку ревущих 20х без мафии и кровавой дележки территории, чтобы оторвать себе кусок побольше да поаппетитней? Прочитать подробней о группировках, которые опутывают город можно <a href="https://1920.rusff.me/viewtopic.php?id=377#p29832">по ссылке</a>.
<p>Менять можно все кроме сферы деятельности. Настоятельно рекомендуем брать исходники в духе эпохи.<br><br>
<p>Из плюшек - 1000$ стартового капитала, 5 купонов на бесплатный подарок ближнему и сокращенная анкета (можно написать 5 коротких пунктов о персонаже и не вдаваться в остальные подробности).</p><br>
<p>Взгляните только на это разнообразие ролей и лиц. Они же прекрасны. Очень ждем каждого.</p><br><br>
</div>
</div>
</div>
<!-- Можете поставить следом ещё одну такую же про другого персонажа -->
[/html]
[html]<style>
.capsule-container {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
font-family: Verdana, Geneva, sans-serif;
}
.capsule {
background: #1e1e1e; /* Цвет плашки */
border-radius: 30px;
overflow: hidden;
width: 200px;
height: 500px;
text-align: center;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
position: relative;
}
.capsule:hover {
transform: scale(1.05);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8);
}
.capsule-image-container {
width: 100%;
height: 200px;
position: relative;
overflow: hidden;
}
.capsule-image-container img {
position: absolute;
width: 100%;
height: auto;
top: 0px;
left: 0px;
transition: top 0.3s ease;
}
.capsule-content {
padding: 15px;
}
.capsule-title {
font-size: 1.3rem;
font-weight: bold;
margin-bottom: 5px;
color: #bd9f69; /* Цвет заголовка */
}
.capsule-text {
font-size: 1rem;
color: #ccc; /* Цвет текста капсула */
max-height: 110px;
overflow: auto;
padding-right: 10px;
font-weight: normal;
}
.capsule-link {
text-decoration: none;
color: inherit;
}
</style>
<div class="capsule-container">
<!-- 1 КОНТЕЙНЕР -->
<div class="capsule">
<div class="capsule-image-container">
<img src="https://upforme.ru/uploads/0019/49/95/2/18858.jpg" style="top: 0px;">
</div>
<div class="capsule-content">
<div class="capsule-title">Винченцо Терранова</div>
<p class="capsule-text">Внешность: Johnny Depp</p>
<p class="capsule-text">Фактический глава Семьи. Сын Джо Морелло, амбициозен, внешне сдержан, но мстителен.</p>
</div>
</div>
</a>
<!-- 2 КОНТЕЙНЕР -->
<div class="capsule">
<div class="capsule-image-container">
<img src="https://i.pinimg.com/736x/c5/d5/f9/c5d5f99ae9865ad1332d33822f8d4986.jpg" style="top: 0px;">
</div>
<div class="capsule-content">
<div class="capsule-title">Никколо Терранова</div>
<p class="capsule-text">Внешность: Daniel Radcliffe </p>
<p class="capsule-text">Брат Винченцо и его правая рука. Контролирует типографии, занимается сбором «налогов» для семьи.</p>
</div>
</div>
</a>
<!-- 3 КОНТЕЙНЕР -->
<div class="capsule">
<div class="capsule-image-container">
<img src="https://upforme.ru/uploads/0019/49/95/2/508766.jpg" style="top: 0px;">
</div>
<div class="capsule-content">
<div class="capsule-title">Сальваторе Д’Альяро</div>
<p class="capsule-text">Внешность: Jack Black</p>
<p class="capsule-text">Капитан. Занимается «мясными лавками», устрашает лавочников, собирает налоги, знает все про всех, внешне добродушный толстяк, но не советуем обольщаться на его счет.</p>
</div>
</div>
</a>
<!-- 4 КОНТЕЙНЕР -->
<div class="capsule">
<div class="capsule-image-container">
<img src="https://upforme.ru/uploads/0019/49/95/2/802782.jpg" style="top: 0px;">
</div>
<div class="capsule-content">
<div class="capsule-title">Мария Морелло</div><br>
<p class="capsule-text">Внешность: Monica Bellucci</p>
<p class="capsule-text">Глаза и уши семьи на улицах. Приносит дурные вести в дома, занимается вопросами помощи пострадавшим семьям (финансовая помощь), использует связи в приходах и среди вдов эмигрантов чтобы постоянно быть в курсе событий и держит но по-ветру.</p>
</div>
</div>
</a>
<!-- 5 КОНТЕЙНЕР -->
<div class="capsule">
<div class="capsule-image-container">
<img src="https://upforme.ru/uploads/0019/49/95/2/579979.jpg" style="top: 0px;">
</div>
<div class="capsule-content">
<div class="capsule-title">Карло Лучано</div>
<p class="capsule-text">Внешность: Michael Pitt (из сериала Подпольная Империя)</p>
<p class="capsule-text">Амбициозный молодой гангстер, который только начинает свой путь. Солдат у Терранова с большими амбициями.</p>
</div>
</div>
</a>
<!-- 6 КОНТЕЙНЕР -->
<div class="capsule">
<div class="capsule-image-container">
<img src="https://upforme.ru/uploads/0019/49/95/2/104353.jpg" style="top: 0px;">
</div>
<div class="capsule-content">
<div class="capsule-title">Лола Моретти</div>
<p class="capsule-text">Внешность: Rachel McAdams (из фильма Шерлок Холмс)</p>
<p class="capsule-text">Хозяйка самого модного подпольного клуба в Нью-Йорке, связана с мафией.</p>
</div>
</div>
</a>
<!-- 7 КОНТЕЙНЕР -->
<div class="capsule">
<div class="capsule-image-container">
<img src="https://upforme.ru/uploads/0019/49/95/2/607386.jpg">
</div>
<div class="capsule-content">
<div class="capsule-title">Мадлен Деверо</div><br>
<p class="capsule-text">Внешность: Helen McCrory (из сериала Острые козырьки)</p>
<p class="capsule-text">Хозяйка самого популярного борделя в Нью-Йорке. Заведение посещают политики, мафиози и даже полицейские чины.</p>
</div>
</div>
</a>
<!-- 8 КОНТЕЙНЕР -->
<div class="capsule">
<div class="capsule-image-container">
<img src="https://upforme.ru/uploads/0019/49/95/2/567203.png">
</div>
<div class="capsule-content">
<div class="capsule-title">Амелия Фальконе</div><br>
<p class="capsule-text">Внешность: Penélope Cruz (из фильма Голова в облаках)</p>
<p class="capsule-text">Бывшая актриса немого кино, жена Винченцо Терранова.</p>
</div>
</div>
</a>
</div>
[/html]
[html]<style>
.capsule-container {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
font-family: Verdana, Geneva, sans-serif;
}
.capsule {
background: #1e1e1e; /* Цвет плашки */
border-radius: 30px;
overflow: hidden;
width: 200px;
height: 500px;
text-align: center;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
position: relative;
}
.capsule:hover {
transform: scale(1.05);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8);
}
.capsule-image-container {
width: 100%;
height: 200px;
position: relative;
overflow: hidden;
}
.capsule-image-container img {
position: absolute;
width: 100%;
height: auto;
top: 0px;
left: 0px;
transition: top 0.3s ease;
}
.capsule-content {
padding: 15px;
}
.capsule-title {
font-size: 1.3rem;
font-weight: bold;
margin-bottom: 5px;
color: #bd9f69; /* Цвет заголовка */
}
.capsule-text {
font-size: 1rem;
color: #ccc; /* Цвет текста капсула */
max-height: 110px;
overflow: auto;
padding-right: 10px;
font-weight: normal;
}
.capsule-link {
text-decoration: none;
color: inherit;
}
</style>
<div class="capsule-container">
<!-- 1 КОНТЕЙНЕР -->
<div class="capsule">
<div class="capsule-image-container">
<img src="https://i.pinimg.com/1200x/f8/73/8d/f8738debcd91ded4551bb4736405bf35.jpg" style="top: 0px;">
</div>
<div class="capsule-content">
<div class="capsule-title">Оуэни Мэдден</div>
<p class="capsule-text">Внешность: Tom Hardy</p>
<p class="capsule-text">Теневая фигура, бутлегер, дипломат банды. Образованный, контролирует клубы, лоялен к интересам Ирландии и иммигрантам своей страны в новых землях. Преследует цель накопить достаточно денег и собрать армию, чтобы потом вернуться на родину и дать огня Англии.</p>
</div>
</div>
</a>
<!-- 2 КОНТЕЙНЕР -->
<div class="capsule">
<div class="capsule-image-container">
<img src="https://i.pinimg.com/1200x/fa/c2/bb/fac2bbb660f63a02c12caa19db18756f.jpg" style="top: 0px;">
</div>
<div class="capsule-content">
<div class="capsule-title">Патрик Коннолли</div>
<p class="capsule-text">Внешность: James Norton </p>
<p class="capsule-text">Лидер бойцов, наставник молодежи. Экс-боксёр, психически неуравновешен, отвечает за давление на профсоюзы. Предпочитает пользоваться силовыми методами и не гнушается идти «до конца». Известен своим способом вести переговоры — ломает пальцы оппоненту, один за другим, пока тот не соглашается сделать так, как надо Патрику.</p>
</div>
</div>
</a>
<!-- 3 КОНТЕЙНЕР -->
<div class="capsule">
<div class="capsule-image-container">
<img src="https://upforme.ru/uploads/0019/49/95/2/275293.jpg" style="top: 0px;">
</div>
<div class="capsule-content">
<div class="capsule-title">Мэгги О’Хара</div>
<p class="capsule-text">Внешность: Nicole Kidman</p>
<p class="capsule-text">Агент «под прикрытием». Мэгги посылают туда, где нужно решить вопрос без лишнего шума. Чертовски красива и обаятельна. Способна заставить любого мужчину забыть обо всем. Вместе с вашими секретами может прихватить половину ценностей в вашем доме. Нет ни любви, ни жалости, ни человечности. Поговаривают, что на родине её семью зверски убили, когда те отказались платить налоги, потому что было нечем. Одному Богу известно как ей самой удалось спастись и выбраться в Новый Свет.</p>
</div>
</div>
</a>
<!-- 4 КОНТЕЙНЕР -->
<div class="capsule">
<div class="capsule-image-container">
<img src="https://i.pinimg.com/736x/bd/b0/95/bdb0952f4803f00961820910727a2121.jpg" style="top: 0px;">
</div>
<div class="capsule-content">
<div class="capsule-title">Шеймус Рурк</div><br>
<p class="capsule-text">Внешность: Barry Keoghan</p>
<p class="capsule-text">Инспектор. Работает в доках, занимается перевозкой алкоголя из Ирландии в Америку, следит за качеством товара и решает вопросы на воде, и на суше. Мастер по части быстрой перевозки товара и договорняков с таможней.</p>
</div>
</div>
</a>
</a>
</div>
[/html]
