туристический справочник

Поделиться12024-03-12 17:07:57

Автор: scarecrow
kar di kar
лз:
смерть - та же женщина, ее нельзя бояться, но ее можно не хотеть
Сообщений: 25
Уважение: +68
Последний визит:
2024-04-30 14:52:15

Код:

<!--HTML-->
<div class="html_wrapper theme">
<div class="html_item darkcover">
<p>занимательные места</p>
</div>
<div class="html_item lightcover">
<p>Здесь представленные самые яркие и знаменитые места лондонского конгломерата, вокруг которых так или иначе завязана жизнь халазийцев. Некоторые из этих заведений с определенными ограничениями открывают свои двери и для обывателей, некоторые - успешно балансируют между двумя мирами. Но каждое из них в той или иной степени заслуживает вашего внимания</p>
</div></div>

+1

Поделиться22024-03-12 17:08:14

Автор: scarecrow
kar di kar
лз:
смерть - та же женщина, ее нельзя бояться, но ее можно не хотеть
Сообщений: 25
Уважение: +68
Последний визит:
2024-04-30 14:52:15

[html]
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">

<div class="gallean_wrap">
<div class="gallean_first_wrap">
<span>"сумерки"</span>
<em> "twilight"| 34 Redchurch St, London E2 7DP </em>
</div>
<div class="gallean_second_wrap">
<div class="gallean_scroll">
<span class="header">частный ночной клуб</span>
<div>'последние три этажа невзрачного здания склада занимают сокрытые от взгляда обывателя "сумерки". некоторые считают, что попасть сюда сложнее, чем добиться аудиенции королевы, но для владельцев антрацитовой карты с золотым тиснением нет ничего невозможного. два этажа занимает танцпол с лаконичным и богатым интерьером, в котором магия сплетается с выдумкой лучших дизайнеров, зона бара и небольшой лаундж с отменной звукоизоляцией. третий этаж отведен под проведение частных мероприятий, является вотчиной лорда протектора - владельца "сумерек". изюминкой клуба по праву считается крыша, где удачно расположился бассейн под открытым небом, а также застекленная терраса, с которой можно насладиться потрясающим видом ночного города.</br>
статус заведения гарантирует высокий сервис и конфиденциальность. о вечерах, проведенных в "сумерках" принято говорить с придыханием восторга и трепетом. клуб открыт ежедневно с 23.00 до 06:00.</div>
</div>
</div>
</div>

* {
scrollbar-width: thin;
}

.gallean_wrap {
width: 600px; /* ширина */
height: 300px; /* высота */
overflow: hidden;
position: relative;
margin: auto;
background: url(https://forumupload.ru/uploads/001c/14/71/4/334386.png); /* фон картинкой */
background-size: cover;
box-sizing: border-box;
padding: var(--g-padding)
}

.gallean_first_wrap {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
color: var(--g-text-title);
text-shadow: var(--g-text-shadow);
letter-spacing: .1em;
transition: all 2s cubic-bezier(0.72, -0.01, 0, 1);
}

.gallean_first_wrap span {
font: 900 normal 70px inter; /* шрифт shadowsong */
}

.gallean_first_wrap em {
font: 500 normal 13px inter !important; /* шрифт Death, it's shadows, spreads its wings around me. */
}

.gallean_second_wrap {
background: var(--g-bg);
box-shadow: var(--g-box-shadow);
position: absolute;
width: calc(var(--g-calc));
height: calc(var(--g-calc));
top: 30px;
left: 30px;
box-sizing: border-box;
padding: var(--g-padding);
transition: transform 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s, opacity 1s cubic-bezier(0.72, -0.01, 0, 1) .05s;
transform: scale(2);
opacity: 0
}

.gallean_scroll {
height: 100%;
overflow-y: auto;
padding-right: 10px;
}

.gallean_second_wrap .header {
display: block;
color: var(--g-text-accent);
font: 900 normal 40px inter; /* шрифт long live death */
text-transform: lowercase;
}

.gallean_scroll div {
color: var(--g-base-text);
text-align: justify;
font: 500 12px/150% inter; /* шрифт основного текста*/
}

.gallean_wrap:hover .gallean_first_wrap {
transform: scale(0);
filter: blur(40px)
}

.gallean_wrap:hover .gallean_second_wrap {
transform: scale(1);
opacity: 1;
transition: transform 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s, opacity 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s;
}
</style>[/html]

[html]
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">

<div class="gallean_wrap">
<div class="gallean_first_wrap">
<span>"призрачный город"</span>
<em> "ghost town"| 34 Kingly Street, London W1B 5QH </em>
</div>
<div class="gallean_second_wrap">
<div class="gallean_scroll">
<span class="header">игорный дом</span>
<div>в богатейшем районе лондонского конгломерата расположился "призрачный город" - игорный дом, где можно выиграть состояние и проиграть жизнь. здесь вы не увидите одноруких бандитов - покер, рулетка, игра в кости. интерьер удачно совмещает лучшее от французского арт-деко и азиатского колорита. после полуночи каждое полнолуние двери "призрачного города" распахиваются для всех желающих. чарующая музыка, тихих смех, шелест шелка и звон хрусталя, едва уловимый запах благовоний и призрачная дымка опиума. за закрытыми дверьми делают ставки на годы жизни, способности и даже души в надежде ухватит лакомый кусок. помимо ставок, "призрачный город" удачно совмещает в себе все прелести порочных наслаждений</div>
</div>
</div>
</div>

* {
scrollbar-width: thin;
}

.gallean_wrap {
width: 600px; /* ширина */
height: 300px; /* высота */
overflow: hidden;
position: relative;
margin: auto;
background: url(https://forumupload.ru/uploads/001c/14/71/4/83479.png); /* фон картинкой */
background-size: cover;
box-sizing: border-box;
padding: var(--g-padding)
}