header.html

<!DOCTYPE html>
<html>
<head lang="ru">
    <meta charset="UTF-8">
    <title>Bobcat SU</title>
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/nouislider.css">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header class="header">
    <div class="wrapper header__wrapper">
        <div class="header__bl header__bl-nav">
            <div class="logo__main">
                <img src="img/logo-main.png" alt="Лого">
            </div>
            <nav class="header__nav">
                <ul class="header__nav-list nav__list">
                    <li class="nav__item"><a class="nav__link" href="#">Каталог</a></li>
                    <li class="nav__item"><a class="nav__link" href="#">Сервис</a></li>
                    <li class="nav__item"><a class="nav__link" href="#">Запчасти</a></li>
                    <li class="nav__item"><a class="nav__link" href="#">Аренда</a></li>
                    <li class="nav__item"><a class="nav__link" href="#">Техника Б/У</a></li>
                    <li class="nav__item"><a class="nav__link" href="#">Акции</a></li>
                    <li class="nav__item"><a class="nav__link" href="#">Контакты</a></li>
                </ul>
            </nav>
        </div>
        <div class="header__bl header__bl-contacts">
            <ul class="header__contacts-list">
                <li class="header__contacts-item header__contacts-mail">
                    <a class="header__mail" href="mailto:test@test.ru">
                        <svg class="header__mail-ico">
                            <use xlink:href="img/sprite-vector.svg#mail-icon"></use>
                        </svg>
                    </a>
                </li>
                <li class="header__contacts-item header__contacts-phone">
                    <a class="header__phone" href="tel:+78008888888">
                        <svg class="header__phone-ico">
                            <use xlink:href="img/sprite-vector.svg#phone-icon"></use>
                        </svg>
                        <p class="header__phone-text">8(800)888-88-88</p>
                    </a>
                </li>
                <li class="header__contacts-item">
                    <a class="header__logo" href="#">
                        <svg class="header__logo-ico">
                            <use xlink:href="img/sprite-vector.svg#logo"></use>
                        </svg>
                    </a>
                </li>
            </ul>
        </div>
        <a id="hamburger-icon" href="#" title="Menu">
            <span class="line line-1"></span>
            <span class="line line-2"></span>
            <span class="line line-3"></span>
        </a>
    </div>
</header>