бар «1703»

[html]
<style>@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

.anders_wrapper {
--bg: transparent; /* общий фон, можно ставить цветом*/
--card-bg: #FFFBEF; /* фон под текстом карточек */
--text: #292929; /* цвет текста */
--accent: #C75267; /* акцентный цвет */
--shadow: 4px 4px 15px rgba(0, 0, 0, 0.08); /* тень карточки */
--radius: 40px; /* радиус скругления */
--padding: 25px 30px; /* отСТупы */
--font: 400 12px/150% 'Noto Sans Display'; /* шрифт */
--overlay: linear-gradient(180deg, transparent 0%, #FFFBEF 70%); /* градиент на тексте, ставить цвет фона под текстом */
--w: 300px; /* ширина карточки */
--h: 350px; /* высота карточки */
--h-container: 250px; /* высота контейнера с текстом */
}

.anders_wrapper {
max-width: 680px;
height: auto;
padding: 30px;
background: var(--bg);
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
box-sizing: border-box
}

.anders_card-wrap {
background: var(--card-bg);
border-radius: var(--radius);
width: var(--w);
overflow: hidden;
height: var(--h);
position: relative;
font: var(--font);
}

.andres_img img {
width: var(--w);
height: calc(var(--h) - 110px);
object-fit: cover;
}

.anders_container {
background: var(--card-bg);
position: absolute;
bottom: -100px;
border-radius: var(--radius) 0 0 0;
width: 100%;
height: var(--h-container);
padding: var(--padding);
box-sizing: border-box;
transition: all .3s cubic-bezier(0.78, 0.01, 0.47, 0.99) 0s !important;
}

.anders_angle {
position: absolute;
top: -45px;
right: 0px;
width: 50px;
height: 45px;
}

.anders_angle path {
fill: var(--card-bg);
d: path("M0.0979309 44.9119L0 45H3H50V0L49.9566 0.039093C48.8889 25.0505 28.2742 45 3 45C2.02544 45 1.05779 44.9703 0.0979309 44.9119Z");
}

.anders_container span {
color: var(--accent);
font-size: 15px;
font-weight: 800;
display: flex;
flex-direction: column;
gap: 3px;
margin-bottom: 10px;
}

.anders_container em {
font-style: normal;
display: block;
opacity: .75;
color: var(--text);
font-size: 11px;
font-weight: 400;
}

.anders_desc {
text-align: justify;
margin-bottom: 25px;
height: calc(var(--h-container) - 100px);
overflow-y: auto;
padding-right: 10px;
position: relative;
}

.anders_desc p {
padding: 0 !important;
margin: 0 !important;
font: var(--font) !important;
}

.anders_desc p + p {
margin-top: 15px !important;
}

.anders_card-wrap:after {
content: "";
background: var(--overlay);
display: block;
width: 100%;
height: 100px;
z-index: 5;
bottom: 0px;
left: 0;
position: absolute;
transition: all .3s cubic-bezier(0.78, 0.01, 0.47, 0.99) 0s !important;
}

.anders_card-wrap:hover .anders_container {
bottom: 0;
}

.anders_card-wrap:hover:after {
height: 0px
}
</style>

<div class="anders_card-wrap">
<div class="andres_img">
<img src="https://krasavica.info/uploads/posts/2022-12/1672397630_krasavica-info-p-zoya-berber-instagram-25.jpg">
</div>
<div class="anders_container">
<svg class="anders_angle" xmlns="https://krasavica.info/uploads/posts/2022-12/1672397630_krasavica-info-p-zoya-berber-instagram-25.jpg"><path></path></svg>
<span>Ева Архипова, 33
<em>Зоя Бербер</em>
</span>
<div class="anders_desc">
<p>В театре анатомии, где обычно витает запах формальдегида, она с горящими, бесстрашными глазами танцевала с трупами. Сменив пуанты на халат, взяв в руки скальпель, она умело скользит по телу, словно выполняет сложные пируэты. Впитывая залпом всю тоску смерти, наслаждается процессом. Разве может человек, который ежедневно смотрит в лицо смерти, бояться ее?
Ева считается самым выдающимся, перспективным патологоанатомом, но глубоко внутри нее теплится пламя балерины. Ее грациозные движения и идеальная осанка не только признаками профессии, но и напоминанием о ее незавершенной мечте.
Еще десять лет назад, она была многообещающей юной балериной. Ее пируэты и прыжки завораживали зрителей, заставляя их поверить в волшебство. Разве у примы балета могла родиться непородистая дочь? Нет. Вот и мать Архиповой думала так же. Выращивая в дочери почерк благородной балерины, часами заставляя блондинку заниматься на станке, забыв о друзьях, развлечениях и угощениях. Но травма ноги положила конец её мечтам о сцене. Она была раздавлена, похоронена заживо, лишена воздуха. Разбитая, но не побежденная, Ева нашла утешение в изучении анатомии. Тела стали ее партнерами по танцу, а скальпель — ее пуантами. С той же страстью и преданностью, которые она проявляла на балетном полу, она погрузилась в изучение человеческого тела. Годы шли, девушка стала признанным патологоанатомом. Ее острый глаз мог различить самые незначительные детали, а ее умелые руки могли восстановить истории жизни и смерти. Но тоска по балету никогда не угасала. Сможет ли она снова закружиться в пируете или навсегда остается в окружении холодных друзей.</p>
</div>
</div>
</div>

<div class="anders_card-wrap">
<div class="andres_img">
<img src="https://avatars.mds.yandex.net/i?id=3966da22bf7ebd49c1f15cd9505a1378_l-5280120-images-thumbs&n=13">
</div>
<div class="anders_container">
<svg class="anders_angle" xmlns="https://www.kino-teatr.ru/news/29101/259727.jpg"><path></path></svg>
<span>Виктор Ершов, 45
<em>Константин Хабенский</em>
</span>
<div class="anders_desc">
<p>В сердце Санкт-Петербурга, в переулках, где каждый камень шепчет истории, находится невзрачный, но такой притягательный бар «1703», принадлежащий Виктору. Ершов человек с харизмой и таинственным прошлым, о котором ходит множество слухов. Виктор открыл свой бар в бурное время, когда город, переполненный надеждами и грёзами, искал новое дыхание.
Бар стал местом встречи для творческих натур — поэтов, художников и музыкантов, которые искали вдохновение среди бокалов с редкими сортами вин и оригинальными коктейлями, приготовленными по секретным рецептам. За стойкой часто можно увидеть Виктора, который радушно встречает гостей, рассказывая им истории о закатах, о любви и потерях, как будто сам был участником этих эпопей.
Каждый вечер зайдёт кто-то новый, принесёт с собой свое настроение, а старые постоянные клиенты уже знали, что Витя всегда найдет правильные слова и искренний совет. В этом маленьком уголке Петербурга сложилась своя неповторимая атмосфера — «1703» стал не просто местом для застолий, а настоящим центром жизни, где пересекались судьбы и мечты.</p>
</div>
</div>
</div>

<div class="anders_card-wrap">
<div class="andres_img">
<img src="https://www.kino-teatr.ru/news/24342/214865.jpg">
</div>
<div class="anders_container">
<svg class="anders_angle" xmlns="https://www.kino-teatr.ru/news/24342/214865.jpg"><path></path></svg>
<span>Дмитрий Коверников, 37
<em>Данила Козловский</em>
</span>
<div class="anders_desc">
<p>Дима родился в небольшом городе на юге нашей страны. Его родители были обычными рабочими, но они всегда стремились дать сыну лучшее образование. Благодаря их поддержке он смог поступить в престижный университет Питера и получить диплом юриста.
С самого детства Коверников интересовался политикой. Он читал книги о великих правителях прошлого, изучал историю своей страны и мечтал изменить мир к лучшему. После окончания университета парень начал свою карьеру в качестве помощника депутата. Он быстро учился и вскоре стал одним из самых перспективных молодых политиков. В 30 лет Дмитрий был избран депутатом городского совета. Он активно выступал за реформы в сфере образования, здравоохранения и социальной защиты. Он всегда боролся за права женщин и детей, за свободу слова и собраний. Его речи были яркими и убедительными, а его идеи находили отклик у многих людей. Спустя два года он решил баллотироваться в парламент страны. Он провёл масштабную кампанию, в ходе которой посетил все регионы страны и встретился с тысячами избирателей. В результате Коверников одержал уверенную победу на выборах и стал самым молодым депутатом парламента. На новом посту политик продолжил свою работу по реформированию общества. Он выступал за сокращение военных расходов, за развитие науки и культуры, за укрепление международных связей. Дима также активно участвовал в разработке новых законов, направленных на защиту прав человека и окружающей среды. Однако не все были согласны с такими идеями. Противники обвиняли его в популизме и демагогии, называли его «зелёным» и «социалистом». Но он не сдавался и продолжал бороться за свои идеалы. Сегодня Коверников является одним из лидеров оппозиции. Он выступает против коррупции, против авторитаризма и за демократические реформы. Он верит, что только так можно построить справедливое и процветающее общество. Получится ли у него сделать этот прогнивший мир чуточку лучше? Или ему суждено пополнить список покинувших страну?</p>
</div>
</div>
</div>

<div class="anders_card-wrap">
<div class="andres_img">
<img src="https://avatars.mds.yandex.net/i?id=e3d5f5efda94ff5efed4b36954ab5060_l-4615427-images-thumbs&n=13">
</div>
<div class="anders_container">
<svg class="anders_angle" xmlns="https://avatars.mds.yandex.net/i?id=e3d5f5efda94ff5efed4b36954ab5060_l-4615427-images-thumbs&n=13"><path></path></svg>
<span>Анна Малюта, 30
<em>Любовь Аксенова</em>
</span>
<div class="anders_desc">
<p>Анна по праву считается коренной жительницей северной столицы. С детства она была очень общительной и дружелюбной, любила помогать людям и всегда находила с ними общий язык. После школы она поступила в университет на факультет психологии, чтобы лучше понимать людей и помогать им справляться с трудностями, но получить заветный диплом ей не удалось. Любовь вскружила голову, но не продлилась долго. Любимый человек, уехал в Москву не попрощавшись, а девушке пришлось начинать жизнь заново. Анна устроилась на работу барменшей в местный бар "1703". Работа ей нравилась, она быстро нашла общий язык с посетителями и коллегами. Однако вскоре она начала замечать, что всё чаще и чаще выпивает вместе с клиентами. Сначала это было просто для поддержания разговора, но постепенно Малюта начала злоупотреблять алкоголем. Она стала пропускать работу, опаздывать или вовсе не приходить. Коллеги начали беспокоиться за неё, а посетители — жаловаться на её поведение. Однажды Анна поняла, что больше так продолжаться не может. Она обратилась за помощью к своему другу-психологу, который помог ей осознать проблему и начать лечение от алкоголизма. Анна прошла курс реабилитации и теперь старается вести здоровый образ жизни. Она продолжает работать барменшей, но уже не употребляет алкоголь. Она помогает другим людям справиться с их проблемами и поддерживает их в трудные моменты. Сможет ли она продержаться долго, когда ежедневно держит зеленого змея за хвост? </p>
</div>
</div>
</div>

<div class="anders_card-wrap">
<div class="andres_img">
<img src="https://goodimages.ru/files/img/pics/anastasiia-krylova/anastasiia-krylova-27.webp">
</div>
<div class="anders_container">
<svg class="anders_angle" xmlns="https://www.kino-teatr.ru/news/30727/275468.jpg"><path></path></svg>
<span>Мария Шалыгина, 19
<em>Анастасия Крылова</em>
</span>
<div class="anders_desc">
<p>Мария - яркое солнышко, что освещает все здание ленинградского государственного университета. Одна из самых способных учеников, красавица, активистка. Участвует во всех мероприятиях, одета так, словно сошла с обложки столичного журнала. У нее нет недоброжелателей, но и друзей тоже нет. Девочки завидуют, мальчики тихо вздыхают, когда Шалыгина просто идет по шумному коридору университета. От нее всегда хотели большего, воспитывали так, словно ей уготовано большое будущее. Девушка научилась быть удобной в стенах серой родительской квартиры, закрывает глаза, когда отец кричит, прикусывает губы - когда её заставляют учить очередную тему, помогает матери, ходит в музыкальную школу, поет в ноты и никогда не перечит, не смотря на свой весьма бунтарский дух. Перечить отцу она никогда не посмеет, такова участь дочери прокурора. Даже пришлось забыть про свою иностранную любовь, потому что отец узнал и строго настрого запретил думать о чём-то другом, только о лекциях. Сможет ли она уладить конфликт или придется пойти на эту крайнюю меру, забыть молодого человека?</p>
</div>
</div>
</div>

<div class="anders_card-wrap">
<div class="andres_img">
<img src="https://www.kino-teatr.ru/news/30727/275468.jpg">
</div>
<div class="anders_container">
<svg class="anders_angle" xmlns="https://www.kino-teatr.ru/news/30727/275468.jpg"><path></path></svg>
<span>Гарри Смит, 25
<em>Джейкоб Элорди</em>
</span>
<div class="anders_desc">
<p> Гарри Смит родился в небольшом городке на юге Англии. С детства он мечтал о путешествиях и приключениях, поэтому после окончания школы решил отправиться в Россию. Он выбрал Санкт-Петербург, потому что слышал, что это один из самых красивых городов мира.
В Петербурге Смит быстро освоился. Он выучил русский язык, нашёл работу и жильё. Гарри работал гидом для иностранных туристов, которые приезжали в Петербург. Он рассказывал им об истории города, его достопримечательностях и культуре. Туристы были в восторге от рассказов молодого человека и часто благодарили его за интересную экскурсию. Однажды он познакомился с русской девушкой по имени Мария. Они встретились случайно на улице, когда Гарри показывал туристам Невский проспект. Мария была очарована рассказами парня о городе и попросила его провести для неё отдельную экскурсию. Так началась их короткая история. Мария и Гарри проводили много времени вместе. Они гуляли по городу, ходили в музеи и театры, обедали в ресторанах. Но однажды она не пришла на встречу, заблокировав его во всех социальных сетях. Неужели это конец?</p>
</div>
</div>
</div>

<div class="anders_card-wrap">
<div class="andres_img">
<img src="https://avatars.mds.yandex.net/i?id=bdf932ed9d814afac6fb9b194a344591_l-8497815-images-thumbs&n=13">
</div>
<div class="anders_container">
<svg class="anders_angle" xmlns="https://avatars.mds.yandex.net/i?id=bdf932ed9d814afac6fb9b194a344591_l-8497815-images-thumbs&n=13"><path></path></svg>
<span>Макс Александровский, 24
<em>Глеб Калюжный</em>
</span>
<div class="anders_desc">
<p>На окраинах Санкт-Петербурга, где улицы пронизаны туманом и ночной тишиной, существует Максим. Его жизнь была похожа на старую пленку, в которой резкие кадры перемешивались с размытыми, незавершёнными моментами. Он был одним из тех, кто потерялся среди серых зданий, заваленных снегом, и блеском неоновых огней. Утро в его мире начиналось не с кофе, а с того, как отмерянная доза расползалась по венам, принося забытье и временное блаженство.
Александровский непрерывно бродил по заброшенным подворотням, ища уголок, где бы можно было укрыться от навязчивых воспоминаний о потерянных мечтах и надеждах. Он вспоминал свою мать, которая когда-то шептала ему о светлом будущем, и о друзьях, смеявшихся в кафе на Невском, пока жизнь не разлучила их навсегда. Каждый вечер город одевался в ветер, а он шёл по мостам, мечтая о том, как однажды освободится от цепей наркотиков. Но в эти мгновения надежды сталкивались с мраком, и парень снова погружался в свой мир, где реальность превращалась в калейдоскоп страха и зависимости. Сможет ли он побороть свою слабость или его труп найдут в одном из дворов?</p>
</div>
</div>
</div>

<div class="anders_card-wrap">
<div class="andres_img">
<img src="https://r3.mt.ru/r1/photoE119/20864753127-0/jpeg/bp.jpeg">
</div>
<div class="anders_container">
<svg class="anders_angle" xmlns="https://www.kino-teatr.ru/news/23234/205773.jpg"><path></path></svg>
<span>Наталья Медведева, 29
<em>Анна Чиповская</em>
</span>
<div class="anders_desc">
<p>В мрачных закоулках мегаполиса, где свет уличных фонарей едва пробивался сквозь пелену тумана, обитала неординарная девушка — криминалист Наталья. Её мир был полон загадок и тайн, каждая улица хранила свои истории, а каждый случай вызывал в ней азарт, разрушавший стереотип о слабом поле.
Медведева начала свою карьеру в следственном комитете, где каждое утро начиналось с анализа улик, оставленных на месте преступления. Её страсть к разгадыванию головоломок и упорное стремление к справедливости вскоре сделали её самой ценной сотрудницей. Она досконально изучала каждый аспект, от того, как капля крови упала на асфальт, до тайных переписок между подозреваемыми.
Однако нереализованные амбиции и жажда правды влекли её всё глубже в мир опасностей. Однажды, наткнувшись на убийцу, который оставлял за собой след из жертв, Наташа поняла: это не просто работа. Это её жизнь, игра на выживание, где каждый шаг мог стать последним. Примет ли она решение работать дальше или испуг был настолько сильным, что она решит поменять место работы?
</p>
</div>
</div>
</div>

<div class="anders_card-wrap">
<div class="andres_img">
<img src="https://ic.pics.livejournal.com/dymontiger/54234047/144948260/144948260_original.jpg">
</div>
<div class="anders_container">
<svg class="anders_angle" xmlns="https://ic.pics.livejournal.com/dymontiger/54234047/144948260/144948260_original.jpg"><path></path></svg>
<span>Аглая Валитова, 23
<em>Дина Саева</em>
</span>
<div class="anders_desc">
<p>Аглая всегда мечтала о большой жизни, полной света и возможностей. Выросшая в сером районе, где мечты редко сбываются, она ждала, когда появится шанс, чтобы вырваться за пределы обыденности. Однажды она встретила человека, который предложил ей работу, о которой она никогда не думала: стать эскортницей.
Сначала Валитова колебалась, размышляя о том, как общество осудит ее выбор. Но, взглянув на свою жизнь и мечты, она поняла, что это - её шанс. В мире, полном блеска и роскоши, ей открывались двери, о которых она даже не смела мечтать.
Каждый вечер, облачившись в вечернее платье, она становилась не просто девушкой, а воплощением элегантности и уверенности. Под светом люстр роскошных ресторанов она училась говорить, флиртовать и танцевать, создавая иллюзию безмятежности и счастья. Но за этим фасадом скрывалась ее внутренняя борьба — противопоставление своих истинных желаний и той жизни, которую она выбрала.
И в этом двойственном мире она искала не только богатство, но и свое истинное «я», преодолевая преграды и страхи, которые некогда держали ее в тени.</p>
</div>
</div>
</div>

<div class="anders_card-wrap">
<div class="andres_img">
<img src="https://i.pinimg.com/736x/29/a1/62/29a162fcddd19334bbcf8a2f640b8092.jpg">
</div>
<div class="anders_container">
<svg class="anders_angle" xmlns="https://avatars.mds.yandex.net/i?id=98be68931541ba0478d9951cf6fa8b8f_l-10100636-images-thumbs&n=13"><path></path></svg>
<span>Антон Борисевич, 31
<em>Арсений Попов</em>
</span>
<div class="anders_desc">
<p>В глубине бурной души писателя терзались невыразимые мысли и чувства, что искали выход на страницы его произведений. С детства Антон бродил по узким проходам библиотек, втягивая в себя мудрость десятков авторов, каждый из которых оставлял свой след в его сознании. Его пальцы скользили по клавиатуре, как меч в руках мастера, высекая слова, способные изменить восприятие мира.
Борисевич не знал покоя, его вдохновение черпалось из собственных страданий и радостей, из наблюдений за людьми и их судьбами. Он мастерски умел превращать обыденность в волшебство, глубоко проникая в суть бытия. Каждое его произведение отражало борьбу между светом и тьмой, жизнью и смертью.
С годами стиль Антона обогащался, а слова стали звучать словно мелодия, которая могла тронуть сердце каждого читателя. Он понимал, что написать великий роман — это не только вывалить на бумагу свои мысли, но и вложить в них душу. Но сможет ли он написать тот самый бестселлер?
</p>
</div>
</div>
</div>

</div>

[/html]

спасибо за код вещий дух

Отредактировано Реклама (24-08-2024 19:41:11)

#барсук

Меню навигации

Пользовательские ссылки

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

бар «1703»

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

Поделиться109-08-2024 16:30:36

Поделиться224-08-2024 19:24:23