footer.html

<footer role="contentinfo" class="footer">
    <div class="wrapper footer__wrapper">
        <div class="footer__f-line">
            <a href="#">
                <svg class="footer__logo-ico">
                    <use xlink:href="img/sprite-vector.svg#logo"></use>
                </svg>
            </a>
            <div class="footer__search">
                <input class="footer__search-input" type="search">
                <button class="footer__search-btn">
                    <svg class="footer__search-ico">
                        <use xlink:href="img/sprite-vector.svg#search"></use>
                    </svg>
                </button>
            </div>
        </div>
        <div class="footer__main">
            <div class="footer__main-item">
                <a href="#" class="footer__list-h">Продукция</a>
                <ul class="footer__list">
                    <li class="footer__item">
                        <a href="#" class="footer__item-link">Колесные мини-погрузчики</a>
                    </li>
                    <li class="footer__item">
                        <a href="#" class="footer__item-link">Гусеничные мини-погрузчики</a>
                    </li>
                    <li class="footer__item">
                        <a href="#" class="footer__item-link">Мини экскаваторы</a>
                    </li>
                    <li class="footer__item">
                        <a href="#" class="footer__item-link">Телескопические погрузчики</a>
                    </li>
                    <li class="footer__item">
                        <a href="#" class="footer__item-link">Экскаваторы погрузчики</a>
                    </li>
                    <li class="footer__item">
                        <a href="#" class="footer__item-link">Навесное оборудование</a>
                    </li>
                </ul>
            </div>
            <div class="footer-hr"></div>
            <div class="footer__main-item">
                <a href="#" class="footer__list-h">Услуги</a>
                <ul class="footer__list">
                    <li class="footer__item">
                        <a href="#" class="footer__item-link">Запчасти и аксессуары</a>
                    </li>
                    <li class="footer__item">
                        <a href="#" class="footer__item-link">Обслуживание и поддержка</a>
                    </li>
                    <li class="footer__item">
                        <a href="#" class="footer__item-link">Подержанное оборудование</a>
                    </li>
                    <li class="footer__item">
                        <a href="#" class="footer__item-link">Часто задаваемые вопросы</a>
                    </li>
                </ul>
            </div>
            <div class="footer-hr"></div>
            <div class="footer__main-item footer__main-item-last">
                <div class="footer__phone">
                    <div class="footer__phone-title">
                        <svg class="footer__phone-ico">
                            <use xlink:href="img/sprite-vector.svg#phone-icon"></use>
                        </svg>
                        <p class="footer__phone-title-text">Контактный центр</p>
                    </div>
                    <div class="footer__phone-num"><a class="footer__phone-link" href="tel:+7888888888">8-800-000-00-00</a></div>
                    <div class="footer__phone-desc">(Звонок по России бесплатный)</div>
                </div>
                <div class="footer__mail">
                    <a href="#" class="footer__mail-link">
                    <svg class="footer__mail-ico">
                        <use xlink:href="img/sprite-vector.svg#mail-icon"></use>
                    </svg>
                    <p class="footer__mail-text">Bobcat Profi»mail.ru</p>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="footer__copyright">
        <p class="footer__copyright-text">2018 Copyright © Bobcat Profi</p>
    </div>
</footer>
</body>
<script src="js/swiper.js"></script>
<script src="js/nouislider.js"></script>
<script src="js/all.js"></script>
</html>