src/html/blocks/header.html - master - creativezen/insidium

src/html/blocks/header.html
117 строк6 KB
Anton Goul'art
git first commit
28 июн 2024, 20:39
28 июн 2024, 20:39bb21df9
<header class="header">
    <div class="container">
        <div class="header__top">
            <div id="menu-burger" class="header__burger js-menu-burger">
                <div class="button-menu">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
            <div class="header__logo">
                <img src="https://insidium.ru/wp-content/uploads/2023/07/logo.svg"
                    alt="Центри системного развития личности">
            </div>
            <div class="header__tagline">
                <p><span>Центр</span> системного развития личности</p>
            </div>
            <div class="header__contacts">
                <a class="contact-icon" href="https://t.me/soroka_support_bot?fuid=223660839" target="_blank">
                    <img loading="lazy" src="/img/icons/icon-telegram.svg" alt="Insidium в телеграм">
                </a>
                <a class="contact-tel" href="tel:+78003509685?fuid=223660839">
                    <span>
                        +7 (800) 350-96-85 </span>
                    <img loading="lazy" src="/img/icons/icon-phone.svg" alt="Позвонить">
                </a>
            </div>
            <div class="header__buttons">
                <div class="dropdown-control js-dropdown">
                    <button class="button-dropdown" data-button="">
                        <span id="city-selected">
                            Красноярск </span>
                        <svg viewBox="0 0 10 10">
                            <use xlink:href="#icon-dropdown-arrow"></use>
                        </svg>
                    </button>
                    <ul class="dropdown-list dropdown-cities-list" data-list="">
                        <li class="city-item " data-city="all">
                            <span>
                                Все </span>
                        </li>
                        <li class="city-item " data-city="moscow">
                            <span>
                                Москва </span>
                        </li>
                        <li class="city-item selected" data-city="krasnoyarsk">
                            <span>
                                Красноярск </span>
                        </li>
                    </ul>
                    <style>
                        .dropdown-cities-list li {
                            cursor: pointer;
                        }

                        .dropdown-cities-list li.selected {
                            opacity: 0.5;
                            cursor: not-allowed;
                        }
                    </style>

                </div>
                <a href="https://t.me/soroka_support_bot?fuid=223660839" class="button small">Задать вопрос</a>
            </div>
        </div>
    </div>
    <div class="container">
        <nav class="header__nav">
            <ul id="main-navigation" class="header__menu" itemprop="about" itemscope=""
                itemtype="http://schema.org/ItemList" data-menu="main">
                <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
                    <meta itemprop="name" content="Мероприятия">
                    <p><span>Мероприятия</span><svg viewBox="0 0 10 10">
                            <use xlink:href="#icon-dropdown-arrow"></use>
                        </svg></p>
                    <ul class="dropdown-list">
                        <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
                            <meta itemprop="name" content="Живые мероприятия"><a
                                href="https://insidium.ru/meropriyatiya/?fuid=223660839">Живые мероприятия</a>
                        </li>
                        <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
                            <meta itemprop="name" content="Онлайн-продукты"><a
                                href="https://insidium.ru/online-products/?fuid=223660839">Онлайн-продукты</a>
                        </li>
                    </ul>
                </li>
                <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
                    <meta itemprop="name" content="О нас">
                    <p><span>О нас</span><svg viewBox="0 0 10 10">
                            <use xlink:href="#icon-dropdown-arrow"></use>
                        </svg></p>
                    <ul class="dropdown-list">
                        <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
                            <meta itemprop="name" content="О центре"><a
                                href="https://insidium.ru/o-tsentre/?fuid=223660839">О центре</a>
                        </li>
                        <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
                            <meta itemprop="name" content="Партнерам"><a
                                href="https://insidium.ru/partneram/?fuid=223660839">Партнерам</a>
                        </li>
                    </ul>
                </li>
                <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
                    <meta itemprop="name" content="Блог"><a href="https://insidium.ru/blog/?fuid=223660839">Блог</a>
                </li>
                <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
                    <meta itemprop="name" content="Отзывы"><a
                        href="https://insidium.ru/otzyvy/?fuid=223660839">Отзывы</a>
                </li>
                <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
                    <meta itemprop="name" content="Контакты"><a
                        href="https://insidium.ru/kontakty/?fuid=223660839">Контакты</a>
                </li>
            </ul>
        </nav>
    </div>
</header>