header.html

<header class="header">
    <div class="header__container">
        <div class="header__inner">
            <a class="header__logo logo" href="#">
                <img src="img/logo.svg" alt="Logo Cactus Era">
            </a>
            <nav class="header__menu menu">
                <ul class="menu__list">
                    <li class="menu__item">
                        <a class="menu__link" href="#">
                            Як ми працюємо
                        </a>
                    </li>
                    <li class="menu__item">
                        <a class="menu__link" href="#">
                            Предмети
                        </a>
                    </li>
                    <li class="menu__item">
                        <a class="menu__link" href="#">
                            Викладачі
                        </a>
                    </li>
                    <li class="menu__item">
                        <a class="menu__link" href="#">
                            Контакти
                        </a>
                    </li>
                </ul>
            </nav>
            <nav class="menu-mobile">
                <button class="menu-mobile__close"><img src="img/close.svg" alt="Close menu"></button>
                <ul class="menu-mobile__controls-list">
                    <li class="menu-mobile__controls-item"><a class="menu-mobile__controls-link" href="#">
                            Всі курси
                        </a></li>
                    <li class="menu-mobile__controls-item"><a class="menu-mobile__controls-link" href="#">
                            Зареєструватись
                        </a></li>
                    <li class="menu-mobile__controls-item"><a class="menu-mobile__controls-link" href="#">
                            Увійти
                        </a></li>
                </ul>

                <ul class="menu-mobile__list">
                    <li class="menu-mobile__item"><a class="menu-mobile__link" href="#">
                            Як ми працюємо
                        </a></li>
                    <li class="menu-mobile__item"><a class="menu-mobile__link" href="#">
                            Предмети
                        </a></li>
                    <li class="menu-mobile__item"><a class="menu-mobile__link" href="#">
                            Викладачі
                        </a></li>
                    <li class="menu-mobile__item"><a class="menu-mobile__link" href="#">
                            Контакти
                        </a></li>
                </ul>

                <ul class="menu-mobile__social-list">
                    <li class="menu-mobile__social-item"><a class="menu-mobile__social-link" href="#">
                            <img src="img/telegram.svg" alt="Telegram link">
                        </a></li>
                    <li class="menu-mobile__social-item"><a class="menu-mobile__social-link" href="#">
                            <img src="img/youtube.svg" alt="Youtube link">
                        </a></li>
                    <li class="menu-mobile__social-item"><a class="menu-mobile__social-link" href="#">
                            <img src="img/instagram.svg" alt="Instagramlink">
                        </a></li>
                </ul>
            </nav>
            <div class="header__controls header-controls">
                <div class="header-controls__item header-controls__item--first">
                    <div class="header-controls__item-left"></div>
                    <div class="header-controls__item-center">
                        <a class="header-controls__item-link" href="#">Всі
                            курси</a>
                    </div>
                    <div class="header-controls__item-right"></div>
                </div>
                <div class="header-controls__item header-controls__item--second">
                    <div class="header-controls__item-left"></div>
                    <div class="header-controls__item-center">
                        <a class="header-controls__item-link" href="/register">Зареєструватись</a>
                    </div>
                    <div class="header-controls__item-right"></div>
                </div>
                <div class="header-controls__item header-controls__item--third">
                    <div class="header-controls__item-left"></div>
                    <div class="header-controls__item-center">
                        <a class="header-controls__item-link" href="/login">Увійти</a>
                    </div>
                    <div class="header-controls__item-right"></div>
                </div>

            </div>
            <button class="header__menu-btn">Меню <img src="img/menu-ico.svg" alt="Menu"></button>
        </div>
    </div>
</header>