/
lr-ru_gitVerse
/
front
Обзор
Документация
Войти
/
lr-ru_gitVerse
/
front
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
source/cart.html
1 077 строк
47 KB
Artem Naumov
init
28 окт 2024, 01:39
28 окт 2024, 01:39
9aa6803
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>LR.RU – Cart</title> <link rel="preload" href="font/open-sans-v18-latin-300.woff2" as="font" crossorigin> <link rel="preload" href="font/open-sans-v18-latin-800.woff2" as="font" crossorigin> <link rel="stylesheet" href="css/style.css"> </head> <body class="page-body"> <div class="page-body__container"> <!-- Header cart --> <header class="header-cart"> <!-- header cart mobile --> <div class="header-cart-mobile"> <!-- logo --> <a href="index.html" class="header-cart-mobile__logo"> <img src="img/header-logo.svg" alt=""> </a> <div class="header-cart-mobile__inner"> <!-- info --> <div class="header-cart-mobile__info"> <!-- location --> <div class="header-cart-mobile__user-location"> Ваш город: <br> <span>Москва</span> </div> <!-- phone --> <!-- <div class="header-cart-mobile__phone"> +7 495 649 60 60 </div> --> </div> <!-- panel --> <div class="header-cart-mobile__panel"> <!-- navigation --> <ul class="header-cart-mobile__nav-list"> <li class="header-cart-mobile__nav-item header-cart-mobile__nav-item--current"><a href="#">корзина</a></li> <li class="header-cart-mobile__nav-item"><a href="#">покупатель</a></li> <li class="header-cart-mobile__nav-item"><a href="#">получение</a></li> <li class="header-cart-mobile__nav-item"><a href="#">оплата</a></li> <li class="header-cart-mobile__nav-item"><a href="#">отправить</a></li> </ul> <!-- user --> <div class="header-cart-mobile__user"> <a href="" class="header-cart-mobile__favorites"> <img src="img/favorites-icon.svg" alt=""> <span>7</span> </a> <a href="" class="header-cart-mobile__shopping-cart"> <img src="img/shopping-cart-icon.svg" alt=""> <span>12</span> </a> <div class="header-cart-mobile__hamburger"> <div class="header-cart-mobile__hamburger-btn"> <a class="header-cart-mobile__hamburger-btn-icon" > <span class="hbc-line line-1"></span> <span class="hbc-line line-2"></span> <span class="hbc-line line-3"></span> </a> </div> <div class="header-cart-mobile__hamburger-menu"> <ul class="header-cart-mobile__hamburger-links"> <li class="header-cart-mobile__hamburger-link"><a href="#">Faq</a></li> <li class="header-cart-mobile__hamburger-link"><a href="#">Контакты</a></li> </ul> <a href="#" class="header-cart-mobile__hamburger-call-btn">позвонить</a> </div> </div> </div> </div> </div> </div> <!-- header cart desktop --> <div class="header-cart-desktop"> <!-- logo --> <a href="index.html" class="header-cart-desktop__logo"> <img src="img/header-logo.svg" alt=""> </a> <div class="header-cart-desktop__inner"> <!-- info --> <div class="header-cart-desktop__info"> <!-- location --> <div class="header-cart-desktop__user-location"> Мы доставляем в ваш город: <span>Москва</span> </div> <div class="header-cart-desktop__info-wrapper"> <!-- phone --> <ul class="header-cart-desktop__phone"> <li class="header-cart-desktop__number"><a>+7 (495) 649 60 60</a></li> <li class="header-cart-desktop__number"><a>+7 (495) 649 60 60</a></li> </ul> <!-- links --> <ul class="header-cart-desktop__links"> <li class="header-cart-desktop__link"><a href="#">FAQ</a></li> <li class="header-cart-desktop__link"><a href="#">Контакты</a></li> </ul> </div> </div> <!-- panel --> <div class="header-cart-desktop__panel"> <!-- navigation --> <ul class="header-cart-desktop__nav-list"> <li class="header-cart-desktop__nav-item header-cart-desktop__nav-item--current"><a href="cart.html">корзина</a></li> <li class="header-cart-desktop__nav-item"><a href="cart-customer.html">покупатель</a></li> <li class="header-cart-desktop__nav-item"><a href="cart-delivery.html">получение</a></li> <li class="header-cart-desktop__nav-item"><a href="cart-payment.html">оплата</a></li> <li class="header-cart-desktop__nav-item"><a href="cart-confirmation.html">отправить</a></li> </ul> <!-- user --> <div class="header-cart-desktop__user"> <a href="" class="header-cart-desktop__favorites"> <img src="img/favorites-icon.svg" alt=""> <span>7</span> <p>Избранное</p> </a> <a href="" class="header-cart-desktop__shopping-cart"> <img src="img/shopping-cart-icon.svg" alt=""> <span>12</span> <p>Корзина</p> </a> <a href="" class="header-cart-desktop__enter"> <img src="img/enter-icon.svg" alt=""> <p>Вход</p> </a> </div> </div> </div> </div> </header> <!-- Cart section --> <section class="cart"> <!-- title + reload-btn --> <div class="cart__title-inner"> <h1 class="cart__title">Корзина</h1> <button class="cart__refresh-btn">обновить</button> </div> <!-- mobile products --> <ul class="cart__mobile-products"> <!-- cart product --> <li class="cart__mobile-product cart-mobile-product"> <!-- action --> <div class="cart-mobile-product__action-inner"> <div class="cart-mobile-product__action"> <div class="cart-mobile-product__favorite-wrapper"> <div class="cart-mobile-product__favorite">в избранное</div> <div class="cart-mobile-product__favorite-active">в избранном</div> </div> <a class="cart-mobile-product__delete">убрать</a> </div> <div class="cart-mobile-product__price">цена (шт):<p>45 500</p></div> </div> <!-- description --> <div class="cart-mobile-product__inner"> <div class="cart-mobile-product__picture"> <a href=""> <img src="img/cart/cart-product-pic3.jpg" alt=""> </a> </div> <div class="cart-mobile-product__description"> <div class="cart-mobile-product__description-inner"> <div class="cart-mobile-product__vendor-code">Артикул: <span>VPLGR0102</span></div> <div class="cart-mobile-product__manufactor">LAND ROVER</div> <div class="cart-mobile-product__quality">BRAND</div> <div class="cart-mobile-product__replacement"><img src="img/cart/cart-replace-icon.svg" alt=""></div> </div> <!-- title --> <div class="cart-mobile-product__title"> <a href=""> Поперечины багажника RR 13-, RRS 14 (2 шт, серебристые) </a> </div> <!-- delivery --> <div class="cart-mobile-product__delivery"> <div class="cart-mobile-product__shop">lr.ru - 6 <span>шт</span></div> <div class="cart-mobile-product__delivery-info">Отгрузим через 3 дня</div> </div> </div> </div> <!-- cost --> <div class="cart-mobile-product__cost-inner"> <div class="cart-mobile-product__cost">стоимость:<p>136 500</p></div> <div class="cart-mobile-product__quantity cart-mobile-product-quantity"> <div class="cart-mobile-product-quantity__btn-minus cart-mobile-product-quantity__btn-minus--disable"></div> <input class="cart-mobile-product-quantity__default-input" placeholder="1"> <div class="cart-mobile-product-quantity__btn-plus"></div> </div> </div> </li> <div class="cart__mobile-product-separator"></div> <!-- cart product --> <li class="cart__mobile-product cart-mobile-product"> <!-- action --> <div class="cart-mobile-product__action-inner"> <div class="cart-mobile-product__action"> <div class="cart-mobile-product__favorite-wrapper"> <div class="cart-mobile-product__favorite">в избранное</div> <div class="cart-mobile-product__favorite-active">в избранном</div> </div> <a class="cart-mobile-product__delete">убрать</a> </div> <div class="cart-mobile-product__price">цена (шт):<p>45 500</p></div> </div> <!-- description --> <div class="cart-mobile-product__inner"> <div class="cart-mobile-product__picture"> <a href=""> <img src="img/cart/cart-product-pic3.jpg" alt=""> </a> </div> <div class="cart-mobile-product__description"> <div class="cart-mobile-product__description-inner"> <div class="cart-mobile-product__vendor-code">Артикул: <span>VPLGR0102</span></div> <div class="cart-mobile-product__manufactor">LAND ROVER</div> <div class="cart-mobile-product__quality">BRAND</div> <div class="cart-mobile-product__replacement"><img src="img/cart/cart-replace-icon.svg" alt=""></div> </div> <!-- title --> <div class="cart-mobile-product__title"> <a href=""> Поперечины багажника RR 13-, RRS 14 (2 шт, серебристые) </a> </div> <!-- delivery --> <div class="cart-mobile-product__delivery"> <div class="cart-mobile-product__shop">lr.ru - 6 <span>шт</span></div> <div class="cart-mobile-product__delivery-info">Отгрузим через 3 дня</div> </div> </div> </div> <!-- cost --> <div class="cart-mobile-product__cost-inner"> <div class="cart-mobile-product__cost">стоимость:<p>136 500</p></div> <div class="cart-mobile-product__quantity cart-mobile-product-quantity"> <div class="cart-mobile-product-quantity__btn-minus cart-mobile-product-quantity__btn-minus--disable"></div> <input class="cart-mobile-product-quantity__default-input" placeholder="1"> <div class="cart-mobile-product-quantity__btn-plus"></div> </div> </div> </li> <div class="cart__mobile-product-separator"></div> </ul> <!-- desktop products --> <div class="cart__desktop-products"> <!-- products panel --> <div class="cart__desktop-products-panel cart-desktop-products-panel"> <div class="cart-desktop-products-panel__name">Наименование</div> <div class="cart-desktop-products-panel__price">Цена (<span>шт</span>)</div> <div class="cart-desktop-products-panel__quantity">Количество</div> <div class="cart-desktop-products-panel__cost">Стоимость</div> <div class="cart-desktop-products-panel__ghost"></div> </div> <!-- products --> <ul class="cart__desktop-products-inner"> <!-- product --> <li class="cart__desktop-product cart-desktop-product"> <div class="cart-desktop-product__description-inner"> <div class="cart-desktop-product__picture"> <a href=""> <img src="img/cart/cart-product-pic.jpg" alt=""> </a> </div> <!-- product description --> <div class="cart-desktop-product__description"> <!-- inner --> <div class="cart-desktop-product__inner"> <div class="cart-desktop-product__vendor-code">Артикул: <span>ERR3340</span></div> <div class="cart-desktop-product__manufactor">eurospare</div> <div class="cart-desktop-product__quality">genuine</div> <div class="cart-desktop-product__replacement"><img src="img/cart/cart-replace-icon.svg" alt=""></div> </div> <!-- title --> <div class="cart-desktop-product__title"> <a href=""> Фильтр тонкой очистки масла двигателя для автомобилей Land Rover Discovery 3, Land Rover Discovery 3, Land rover </a> </div> <!-- delivery --> <div class="cart-desktop-product__delivery"> <div class="cart-desktop-product__shop">lr.ru - 6 <span>шт</span></div> <div class="cart-desktop-product__delivery-info">Отгрузим через 2 дня</div> </div> </div> </div> <!-- price --> <div class="cart-desktop-product__price"><p>6 000</p></div> <!-- quantity --> <div class="cart-desktop-product__quantity cart-desktop-product-quantity" style="display: none;"> <div class="cart-desktop-product-quantity__btn-minus"></div> <input class="cart-desktop-product-quantity__default-input" placeholder="1"> <div class="cart-desktop-product-quantity__btn-plus"></div> </div> <!-- custom --> <div class="cart-desktop-product-quantity--custom" style="display: flex;"> <div class="cart-desktop-product-quantity__back-btn"></div> <div class="cart-desktop-product-quantity__custom-input-wrapper"> <input class="cart-desktop-product-quantity__custom-input" placeholder="1" type="number" maxlength="3"> <a class="cart-desktop-product-quantity__apply-btn"></a> </div> </div> <!-- cost --> <div class="cart-desktop-product__cost"><p>6 000</p></div> <!-- action --> <div class="cart-desktop-product__action"> <div class="cart-desktop-product__favorite-wrapper"> <div class="cart-desktop-product__favorite"></div> <div class="cart-desktop-product__favorite-active cart-desktop-product__favorite-active--on"></div> </div> <div class="cart-desktop-product__delete"></div> </div> </li> <div class="cart__desktop-product-separator"></div> <!-- product --> <li class="cart__desktop-product cart-desktop-product-disabled"> <div class="cart-desktop-product-disabled__description-inner"> <div class="cart-desktop-product-disabled__picture"> <a href=""> <img src="img/cart/cart-product-pic2.jpg" alt=""> </a> </div> <!-- product description --> <div class="cart-desktop-product-disabled__description"> <!-- inner --> <div class="cart-desktop-product-disabled__inner"> <div class="cart-desktop-product-disabled__vendor-code">Артикул: <span>LR013275</span></div> <div class="cart-desktop-product-disabled__manufactor">bosh</div> <div class="cart-desktop-product-disabled__quality">brand</div> <div class="cart-desktop-product-disabled__replacement"><img src="img/cart/cart-replace-icon.svg" alt=""></div> </div> <!-- title --> <div class="cart-desktop-product-disabled__title"> <a href=""> Свеча накаливания для дизельных двигателей 3,0TDV6 и 4,4TDV8 </a> </div> <!-- change-text --> <div class="cart-desktop-product-disabled__change-text"> Товар закончился </div> </div> </div> <a href="#" class="cart-desktop-product-disabled__change-btn">Подобрать похожие товары</a> <!-- action --> <div class="cart-desktop-product-disabled__action"> <div class="cart-desktop-product__favorite-wrapper"> <div class="cart-desktop-product__favorite"></div> <div class="cart-desktop-product__favorite-active"></div> </div> <div class="cart-desktop-product__delete"></div> </div> </li> <div class="cart__desktop-product-separator"></div> <!-- product --> <li class="cart__desktop-product cart-desktop-product"> <div class="cart-desktop-product__description-inner"> <div class="cart-desktop-product__picture"> <a href=""> <img src="img/cart/cart-product-pic3.jpg" alt=""> </a> </div> <!-- product description --> <div class="cart-desktop-product__description"> <!-- inner --> <div class="cart-desktop-product__inner"> <div class="cart-desktop-product__vendor-code">Артикул: <span>VPLGR0102</span></div> <div class="cart-desktop-product__manufactor">LAND ROVER</div> <div class="cart-desktop-product__quality">brand</div> <div class="cart-desktop-product__replacement"><img src="img/cart/cart-replace-icon.svg" alt=""></div> </div> <!-- title --> <div class="cart-desktop-product__title"> <a href=""> Поперечины багажника RR 13-, RRS 14 (2 шт, серебристые) </a> </div> <!-- delivery --> <div class="cart-desktop-product__delivery"> <div class="cart-desktop-product__shop">lr.ru - 6 <span>шт</span></div> <div class="cart-desktop-product__delivery-info">Отгрузим через 3 дня</div> </div> </div> </div> <!-- price --> <div class="cart-desktop-product__price"><p>45 500</p></div> <!-- quantity --> <div class="cart-desktop-product__quantity cart-desktop-product-quantity"> <div class="cart-desktop-product-quantity__btn-minus--disable"></div> <input class="cart-desktop-product-quantity__default-input" placeholder="1"> <div class="cart-desktop-product-quantity__btn-plus"></div> </div> <!-- cost --> <div class="cart-desktop-product__cost"><p>136 500</p></div> <!-- action --> <div class="cart-desktop-product__action"> <div class="cart-desktop-product__favorite-wrapper"> <div class="cart-desktop-product__favorite"></div> <div class="cart-desktop-product__favorite-active"></div> </div> <div class="cart-desktop-product__delete"></div> </div> </li> <div class="cart__desktop-product-separator"></div> </ul> </div> <!-- mobile starter price --> <div class="cart__mobile-starter-price cart-mobile-starter-price"> <!-- promocode-input + refresh btn --> <div class="cart-mobile-starter-price__panel"> <!-- promocode input --> <input type="text" class="cart-mobile-starter-price__promocode-input" placeholder="ВВедите номер купона"> <!-- refresh btn --> <button class="cart-mobile-starter-price__refresh-btn">обновить</button> </div> <!-- starter cost --> <div class="cart-mobile-starter-price__cost"> <div class="cart-mobile-starter-price__cost-title">всего:</div> <div class="cart-mobile-starter-price__cost-output">174 000</div> </div> <!-- promocode --> <div class="cart-mobile-starter-price__promocode"> <div class="cart-mobile-starter-price__promocode-title">Скидка по купону:</div> <div class="cart-mobile-starter-price__promocode-output"><span></span>15 000</div> </div> <!-- discount --> <div class="cart-mobile-starter-price__discount"> <div class="cart-mobile-starter-price__discount-title"> Дополнительная скидка по акции “скоро 23 феваля - купи подарок мужу”: </div> <div class="cart-mobile-starter-price__discount-output"><span></span>300</div> </div> </div> <!-- desktop starter price --> <div class="cart__desktop-starter-price cart-desktop-starter-price"> <!-- starter cost --> <div class="cart-desktop-starter-price__cost"> <!-- refresh btn --> <button class="cart-desktop-starter-price__refresh-btn">обновить</button> <!-- title + output --> <div class="cart-desktop-starter-price__cost-inner"> <div class="cart-desktop-starter-price__cost-title">всего:</div> <div class="cart-desktop-starter-price__cost-output">174 000</div> </div> </div> <!-- starter promocode --> <div class="cart-desktop-starter-price__promocode"> <!-- promocode input --> <input type="text" class="cart-desktop-starter-price__promocode-input" placeholder="ВВедите номер купона"> <!-- title + output --> <div class="cart-desktop-starter-price__promocode-inner"> <div class="cart-desktop-starter-price__promocode-title">СКИДКА ПО КУПОНУ:</div> <div class="cart-desktop-starter-price__promocode-output"><span></span>15 000</div> </div> </div> <!-- starter discount --> <div class="cart-desktop-starter-price__discount"> <div class="cart-desktop-starter-price__discount-title"> Дополнительная скидка по акции “скоро 23 феваля - купи подарок мужу”: </div> <div class="cart-desktop-starter-price__discount-output"><span></span>300</div> </div> </div> <!-- personal-discount --> <div class="cart__personal-discount cart-personal-discount"> <div class="cart-personal-discount__inner"> <div class="cart-personal-discount__picture"></div> <div class="cart-personal-discount__description-inner"> <div class="cart-personal-discount__description"> Ваша текущая скидка на момент покупки <p class="cart-personal-discount__percent-output"><span>3</span></p>, </div> <div class="cart-personal-discount__description"> Добавьте товаров на <span class="cart-personal-discount__rub-output">1 500</span> и ПЕРЕЙДИТЕ НА СЛЕДУЮЩИЙ УРОВЕНЬ <span class="cart-personal-discount__percent-output"><span>5</span></span> <br> ( Выгода <span class="cart-personal-discount__rub-output">1 456</span>) </div> <!-- btn + price-output --> <div class="cart-personal-discount__panel"> <a href="#" class="cart-personal-discount__btn">Продолжить покупки</a> <div class="cart-personal-discount__price-output"><span></span><p>300</p></div> </div> </div> </div> </div> <!-- final price --> <div class="cart__final-price cart-final-price"> <div class="cart-final-price__inner"> <div class="cart-final-price__title">итого с учетом скидок:</div> <div class="cart-final-price__price-output">158 700</div> </div> </div> <!-- cargo + btns --> <div class="cart__cargo-inner"> <!-- cargo --> <div class="cart__cargo cart-cargo"> <!-- cargo parameters --> <div class="cart-cargo__parameters"> <!-- weight --> <div class="cart-cargo__weight cart-cargo-weight"> <div class="cart-cargo-weight__title">вес груза, кг :</div> <div class="cart-cargo-weight__value">15,2</div> </div> <!-- size --> <div class="cart-cargo__size cart-cargo-size"> <div class="cart-cargo-size__title">Размер груза, м :</div> <div class="cart-cargo-size__values"> <div class="cart-cargo-size__height">1,2</div> <div class="cart-cargo-size__value-separator"></div> <div class="cart-cargo-size__width">0,22</div> <div class="cart-cargo-size__value-separator"></div> <div class="cart-cargo-size__deep">0,34</div> </div> </div> <!-- volume --> <div class="cart-cargo__volume cart-cargo-volume"> <div class="cart-cargo-volume__title">объём груза, м :<span>3</span></div> <div class="cart-cargo-volume__value">0,033</div> </div> </div> <!-- cargo info --> <div class="cart-cargo__info cart-cargo-info"> <div class="cart-cargo-info__icon"></div> <div class="cart-cargo-info__description"> <p>Для правильного расчета параметров груза не хватает данных по некоторы товарам. Наши менеджеры уточнят информацию после получения Вашего заказа.</p> <p>В заказе содержатся позиции, требующие особых условий доставки и упаковки. Не все способы доставки могут быть доступны.<br>Наши менеджеры предоставят более подробную информацию после получения Вашего заказа.</p> </div> </div> </div> <!-- btns --> <div class="cart__btn-inner"> <!-- next step btn --> <a href="#" class="cart__next-step-btn cart-next-step-btn"> <div class="cart-next-step-btn__text"> <p>перейти к оформлению заказа:</p> <p>Указать покупателя, способы получения и т.д.</p> </div> <div class="cart-next-step-btn__icon"></div> </a> <!-- fast buy btn --> <a class="cart__fast-buy-btn cart-fast-buy-btn"> <div class="cart-fast-buy-btn__text"> <p>экспресс-заказ</p> <p>Согласовать оплату и доставку позднее в диалоге с менеджером (может занять более длительное время)</p> </div> <div class="cart-fast-buy-btn__icon"></div> </a> </div> </div> </section> <!-- recommended banner of installation service - ADDITION for CART section --> <div class="recommended-installation-service"> <div class="recommended-installation-service__inner"> <div class="recommended-installation-service__picture"></div> <div class="recommended-installation-service__description-inner"> <div class="recommended-installation-service__title">ТРЕБУЕТСЯ УСЛУГА ПО УСТАНОВКЕ ПРИОБРЕТЕННЫХ ДЕТАЛЕЙ?</div> <div class="recommended-installation-service__text">Наш Сервисный центр и Магазин запчастей работают каждый день с 9.00 до 20.00 ПН-СБ <br> У нас две зоны ожидания, одна напротив телевизоров, транслирующих он-лайн картинку сервиса, а опднявшись по лестнице, вы окажетесь в приватной зоне на балконе шоурума. Здесь вы можете отдохнуть и даже вздремнуть. Бесплатный WiFi, несколько сортов чая и зерновой кофе. </div> <div class="recommended-installation-service__btn-inner"> <a href="#" class="recommended-installation-service__btn">установить детали</a> <a href="#" class="recommended-installation-service__link">Подробнее о сервисе</a> </div> </div> </div> </div> <footer class="footer"> <!-- footer preambula --> <div class="footer__preambula"> <p>Преамбула футера с какой-то очень интересной информацией</p> </div> <!-- footer social --> <ul class="footer__social-list"> <li class="footer__social-item"> <a class="footer__social-item--utube" href="https://www.youtube.com/"></a> </li> <li class="footer__social-item"> <a class="footer__social-item--vk" href="https://vk.com/"></a> </li> <li class="footer__social-item"> <a class="footer__social-item--fbook" href="https://www.facebook.com/"></a> </li> <li class="footer__social-item"> <a class="footer__social-item--insta" href="https://www.instagram.com/"></a> </li> </ul> <!-- footer contain container --> <div class="footer-contain"> <!-- footer contacts --> <div class="footer__contacts footer-contacts"> <img class="footer-contacts__logo" src="img/footer/footer-logo.png" alt=""> <div class="footer-contacts__tel"> <a class="footer-contacts__tel--icon-number" href="callto:+74956496060">+7 (495) 649 60 60</a> <a class="footer-contacts__tel--" href="callto:+74956496060">+7 (495) 649 60 60</a> </div> </div> <!-- footer panel --> <div class="footer__panel footer-panel"> <!-- footer panel list --> <ul class="footer-panel__list"> <li class="footer-panel__item"> <a class="footer-panel__item--contact" href="#">Контакты</a> </li> <li class="footer-panel__item"> <a class="footer-panel__item--map" href="#">Схема проезда</a> </li> <li class="footer-panel__item"> <a class="footer-panel__item--clock" href="#">Часы работы</a> </li> </ul> <!-- footer panel buttons --> <div class="footer-panel__buttons"> <a class="footer-panel__button footer-panel__button--call" href="#"> звонок </a> <a class="footer-panel__button footer-panel__button--chat" href="#"> онлайн чат </a> <a class="footer-panel__button footer-panel__button--review" href="#"> отзывы и пожелания </a> </div> </div> </div> <!-- footer information block --> <div class="footer__information"> <!-- footer information list --> <ul class="footer__information-list"> <div class="footer__information-title">какая-то информация о магазине</div> <li class="footer__information-item"> <a href="#">О Компании</a> </li> <li class="footer__information-item"> <a href="#">Сотрудничество</a> </li> <li class="footer__information-item"> <a href="#">Реквизиты</a> </li> <li class="footer__information-item"> <a href="#">Оптовикам</a> </li> <li class="footer__information-item"> <a href="#">Вакансии</a> </li> </ul> <!-- footer information list --> <ul class="footer__information-list"> <div class="footer__information-title">какая-то информация об еще одном магазине</div> <li class="footer__information-item"> <a href="#">О Компании</a> </li> <li class="footer__information-item"> <a href="#">Сотрудничество</a> </li> <li class="footer__information-item"> <a href="#">Реквизиты</a> </li> <li class="footer__information-item"> <a href="#">Оптовикам</a> </li> <li class="footer__information-item"> <a href="#">Вакансии</a> </li> </ul> </div> <div class="footer__information-separator"></div> <!-- footer information block --> <div class="footer__information"> <!-- footer information list --> <ul class="footer__information-list"> <div class="footer__information-title">какая-то очень длинная информация о магазине</div> <li class="footer__information-item"> <a href="#">О Компании</a> </li> <li class="footer__information-item"> <a href="#">Сотрудничество</a> </li> <li class="footer__information-item"> <a href="#">Реквизиты</a> </li> <li class="footer__information-item"> <a href="#">Оптовикам</a> </li> <li class="footer__information-item"> <a href="#">Вакансии</a> </li> </ul> <!-- footer information list --> <ul class="footer__information-list"> <div class="footer__information-title">информация о магазине</div> <li class="footer__information-item"> <a href="#">О Компании</a> </li> <li class="footer__information-item"> <a href="#">Сотрудничество</a> </li> <li class="footer__information-item"> <a href="#">Реквизиты</a> </li> <li class="footer__information-item"> <a href="#">Оптовикам</a> </li> <li class="footer__information-item"> <a href="#">Вакансии</a> </li> </ul> </div> <!-- footer copyright --> <div class="footer__copyright"> <p>© Copyright 2013-2021. All rights is reserved</p> </div> </footer> </div> <script src="js/script.js"></script> </body> </html>