66 lines
2.5 KiB
PHP
66 lines
2.5 KiB
PHP
<section class="lux-hero">
|
||
<div class="lux-city-photo hero-photo"></div>
|
||
<div class="lux-city-overlay"></div>
|
||
<div class="lux-cream-panel"></div>
|
||
|
||
<div class="lux-lace" aria-hidden="true">
|
||
<svg viewBox="0 0 110 640" preserveAspectRatio="none">
|
||
<g fill="none" stroke="currentColor" stroke-width="1.8">
|
||
<path d="M14 0h84v640H14zM25 0v640M87 0v640"/>
|
||
<path d="M15 88h83M15 546h83"/>
|
||
<path d="M29 120h54v358H29zM39 140h34v318H39z"/>
|
||
<path d="M56 140v318M39 299h34"/>
|
||
<path d="M31 60l12-14 13 14 13-14 12 14"/>
|
||
<path d="M31 566l12 14 13-14 13 14 12-14"/>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
|
||
<div class="lux-water-zone" aria-hidden="true">
|
||
<div class="water-surface surface-a"></div>
|
||
<div class="water-surface surface-b"></div>
|
||
<div class="water-rays"></div>
|
||
<div class="bubble-field">
|
||
<i style="--x:8%;--d:0s;--s:8px"></i>
|
||
<i style="--x:15%;--d:3s;--s:5px"></i>
|
||
<i style="--x:29%;--d:1s;--s:7px"></i>
|
||
<i style="--x:43%;--d:4s;--s:4px"></i>
|
||
<i style="--x:62%;--d:2s;--s:6px"></i>
|
||
<i style="--x:76%;--d:5s;--s:8px"></i>
|
||
<i style="--x:91%;--d:1.7s;--s:5px"></i>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<div class="lux-water-phrase">ИРКУТСК —<br>ГЛУБЖЕ, ЧЕМ КАЖЕТСЯ</div>
|
||
</div>
|
||
|
||
<div class="lux-copy">
|
||
<div class="lux-eyebrow">→ СИБИРЬ НАЧИНАЕТСЯ ЗДЕСЬ</div>
|
||
<h1>ИРКУТСК</h1>
|
||
<h2>ЧТО МЫ МОЖЕМ РАССКАЗАТЬ<br>О ГОРОДЕ</h2>
|
||
<div class="lux-note">—◆— ПАМЯТКА ДЛЯ ГОСТЕЙ ГОРОДА</div>
|
||
<div class="lux-buttons">
|
||
<a class="lux-primary" href="#route">Составить маршрут <span>→</span></a>
|
||
<a class="lux-secondary" href="#route">⌖ Смотреть карту</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="lux-badge">
|
||
<span>⌖</span>
|
||
<b>АНГАРА</b>
|
||
<small>ВДОХНОВЛЯЕТ</small>
|
||
<a href="#route">↓</a>
|
||
</div>
|
||
|
||
<div class="lux-bottom-waves" aria-hidden="true">
|
||
<svg viewBox="0 0 1600 210" preserveAspectRatio="none">
|
||
<path class="bw1" d="M0 84C170 35 278 174 456 103s343-32 486 26 316 68 658-8v89H0z"/>
|
||
<path class="bw2" d="M0 124C193 70 350 185 523 122s313-45 470 18 333 55 607-6v76H0z"/>
|
||
<path class="bwline" d="M0 91C170 43 287 167 456 103s335-33 482 22 330 70 662-10"/>
|
||
<path class="bwline bwline2" d="M0 132C194 77 356 178 526 121s318-38 469 17 334 55 605-5"/>
|
||
</svg>
|
||
</div>
|
||
</section>
|