/
eb
/
StoolGroup
Обзор
Документация
Войти
/
eb
/
StoolGroup
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
app/index.html
1 293 строки
51 KB
EvgeniyBudaev
update index.html & style.scss
17 янв 2021, 10:02
17 янв 2021, 10:02
b0da16a
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Mebel Group</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300,500;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"/> <link rel="stylesheet" href="css/libs.min.css"> <link rel="stylesheet" href="css/style.min.css"> </head> <body> <div class=Wrapper> <div class="cursor"></div> <div class="cursor-follower"></div> <div class="content"> <header class="header"> <div class="header__top"> <div class="container"> <div class="header__top-inner"> <div class="header__box--left"> <div class="header__logo"> <a href="#"> <span>Mebel</span>Group </a> </div> <div class="header__menu"> <ul> <li> <a href="#">About us</a> </li> <li> <a href="#">Feedback</a> </li> </ul> </div> </div> <div class="header__box--right"> <div class="header__text"> <a class="header__phone menu-item" href="tel:84951265327">+7 (495) 126-53-27</a> <a class="menu-item delivery">Delivery throughout Russia</a> <a href="#" class="close"></a> </div> <div class="header__search-form"> <form> <input type="text" name="" placeholder="Search"> </form> </div> <div class="header__btn"> <a class="header__btn-menu icon-search" id="search" href="#"></a> <a class="header__btn-menu icon-user" href="#"></a> <a class="header__btn-menu icon-shopping-cart" href="#"></a> <div class="header__btn-menu"> <div class="hamburger hover-target menu-btn" id="toggle"> <div class="hamburger__span one" id="one"></div> <div class="hamburger__span two" id="two"></div> <div class="hamburger__span three" id="three"></div> </div> </div> </div> </div> </div> </div> </div> </header> <section class="categories"> <div class="container"> <div class="categories__inner categories__menu"> <div class="categories__inner--left"> <ul class="categories__menu-list"> <li> <a href="#"> Chairs <ul class="categories__inner-submenu categories__submenu"> <div class="categories__submenu-items"> <li class="categories__submenu-item"> <a href="#">Chairs</a> </li> <li class="categories__submenu-item"> <a href="#">Armchairs</a> </li> <li class="categories__submenu-item"> <a href="#">Bar chairs</a> </li> <li class="categories__submenu-item"> <a href="#">Stools</a> </li> <li class="categories__submenu-item"> <a href="#">Folding chairs</a> </li> <li class="categories__submenu-item"> <a href="#">Children's chairs</a> </li> </div> </ul> </a> </li> <li> <a href="#"> Tables <ul class="categories__inner-submenu categories__submenu"> <div class="categories__submenu-items"> <li class="categories__submenu-item"> <a href="#">Dinner table</a> </li> <li class="categories__submenu-item"> <a href="#">Bar table</a> </li> <li class="categories__submenu-item"> <a href="#">Coffee table</a> </li> <li class="categories__submenu-item"> <a href="#">Computer desk</a> </li> <li class="categories__submenu-item"> <a href="#">Children's table</a> </li> </div> </ul> </a> </li> <li> <a href="#"> Computer chairs <ul class="categories__inner-submenu categories__submenu"> <div class="categories__submenu-items"> <li class="categories__submenu-item"> <a href="#">Gaming chairs</a> </li> <li class="categories__submenu-item"> <a href="#">Executive Chairs</a> </li> <li class="categories__submenu-item"> <a href="#">Office Chairs</a> </li> <li class="categories__submenu-item"> <a href="#">Office armchairs</a> </li> <li class="categories__submenu-item"> <a href="#">Child seats</a> </li> </div> </ul> </a> </li> <li> <a href="#"> Banquet furniture <ul class="categories__inner-submenu categories__submenu"> <div class="categories__submenu-items"> <li class="categories__submenu-item"> <a href="#">Banquet chairs</a> </li> <li class="categories__submenu-item"> <a href="#">Banquet tables</a> </li> <li class="categories__submenu-item"> <a href="#">Carts</a> </li> <li class="categories__submenu-item"> <a href="#">Furniture for catering</a> </li> </div> </ul> </a> </li> <li> <a href="#"> Kits <ul class="categories__inner-submenu categories__submenu"> <div class="categories__submenu-items"> <li class="categories__submenu-item"> <a href="#">Lunch groups</a> </li> <li class="categories__submenu-item"> <a href="#">Chair sets</a> </li> </div> </ul> </a> </li> <li> <a href="#"> Other goods <ul class="categories__inner-submenu categories__submenu"> <div class="categories__submenu-items"> <li class="categories__submenu-item"> <a href="#">Consoles</a> </li> <li class="categories__submenu-item"> <a href="#">Banquets</a> </li> <li class="categories__submenu-item"> <a href="#">Puffs</a> </li> <li class="categories__submenu-item"> <a href="#">Candles</a> </li> </div> </ul> </a> </li> </ul> </div> <div class="categories__inner--right"> <ul class="categories__menu-list"> <li> <a href="#"> Collections <ul class="categories__inner-submenu categories__submenu"> <div class="categories__submenu-items"> <li class="categories__submenu-item"> <a href="#">Eames</a> </li> <li class="categories__submenu-item"> <a href="#">Tolix</a> </li> <li class="categories__submenu-item"> <a href="#">Soft armchairs</a> </li> <li class="categories__submenu-item"> <a href="#">Designer collection</a> </li> </div> </ul> </a> </li> <li> <a href="#"> Discounts <ul class="categories__inner-submenu categories__submenu"> <div class="categories__submenu-items"> <li class="categories__submenu-item"> <a href="#">Clearance sale</a> </li> <li class="categories__submenu-item"> <a href="#">Stocks</a> </li> </div> </ul> </a> </li> </ul> </div> </div> </div> </section> <section class="slider"> <div class="container"> <div class="slider__inner"> <div class="slider__item js-slider"> <div class="slider__item-img img" style="background-image: url(images/slider-1.jpg)"></div> <div class="slider__item-info"> <div class="slider__suptitle">Prices are lower</div> <div class="slider__title">Chair Eames DSW Style 24$</div> <a href="#" class="slider__btn js-slider-btn">More details</a> </div> <div class="slider__item-dots"> <div class="slider__item-dots--left"> <div class="slider__item-dots__total">4</div> </div> </div> </div> <div class="slider__item js-slider"> <div class="slider__item-img img" style="background-image: url(images/slider-2.jpg)"></div> <div class="slider__item-info"> <div class="slider__suptitle">On a remote site</div> <div class="slider__title">Discount up to 40% on office chairs</div> <a href="#" class="slider__btn js-slider-btn">More details</a> </div> <div class="slider__item-dots"> <div class="slider__item-dots--left"> <div class="slider__item-dots__total">4</div> </div> </div> </div> <div class="slider__item js-slider"> <div class="slider__item-img img" style="background-image: url(images/slider-3.jpg)"></div> <div class="slider__item-info"> <div class="slider__suptitle">New chairs in every home</div> <div class="slider__title">Discounts up to 50%</div> <a href="#" class="slider__btn js-slider-btn">More details</a> </div> <div class="slider__item-dots"> <div class="slider__item-dots--left"> <div class="slider__item-dots__total">4</div> </div> </div> </div> <div class="slider__item js-slider"> <div class="slider__item-img img" style="background-image: url(images/slider-4.jpg)"></div> <div class="slider__item-info"> <div class="slider__suptitle">The kit is cheaper!</div> <div class="slider__title">15% discount on dining groups</div> <a href="#" class="slider__btn js-slider-btn">More details</a> </div> <div class="slider__item-dots"> <div class="slider__item-dots--left"> <div class="slider__item-dots__total">4</div> </div> </div> </div> </div> </div> </section> <section class="sales-leaders" id="boxs"> <div class="container"> <div class="sales-leaders__title title">Sales leaders</div> <div class="sales-leaders__subtitle">The most popular models from all categories of the online store </div> <div class="sales-leaders__items"> <div class="sales-leaders__item box"> <div class="sales-leaders__inner"> <div class="sales-leaders__discount"> sale<span>-13% <div class="sales-leaders__discount-square"> <span></span> </div> </span> </div> <div class="sales-leaders__images"> <a href="#"><img src="images/sales-leaders-1.jpeg" alt="sales leaders images"></a> </div> <div class="sales-leaders__description"> Chair office TopChairs Benefit black </div> <div class="sales-leaders__price"> <div class="sales-leaders__price--new">78,5$</div> <div class="sales-leaders__price--old">90$</div> </div> <div class="sales-leaders__hidden"> <div class="sales-leaders__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">Buy</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> <a href="#" class="sales-leaders__buy">Buy in one click</a> </div> </div> </div> </div> <div class="sales-leaders__item box"> <div class="sales-leaders__inner"> <div class="sales-leaders__discount"> sale<span>-15% <div class="sales-leaders__discount-square"> <span></span> </div> </span> </div> <div class="sales-leaders__images"> <a href="#"><img src="images/sales-leaders-2.jpeg" alt="sales leaders images"></a> </div> <div class="sales-leaders__description"> Chair Venus diamond velor brown </div> <div class="sales-leaders__price"> <div class="sales-leaders__price--new">142,7$</div> <div class="sales-leaders__price--old">168,5$</div> </div> <div class="sales-leaders__hidden"> <div class="sales-leaders__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">Buy</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> <a href="#" class="sales-leaders__buy">Buy in one click</a> </div> </div> </div> </div> <div class="sales-leaders__item box"> <div class="sales-leaders__inner"> <div class="sales-leaders__discount"> sale<span>-37% <div class="sales-leaders__discount-square"> <span></span> </div> </span> </div> <div class="sales-leaders__images"> <a href="#"><img src="images/sales-leaders-3.jpeg" alt="sales leaders images"></a> </div> <div class="sales-leaders__description"> Coffee table Barrel </div> <div class="sales-leaders__price"> <div class="sales-leaders__price--new">142,7$</div> <div class="sales-leaders__price--old">225,5$</div> </div> <div class="sales-leaders__hidden"> <div class="sales-leaders__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">Buy</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> <a href="#" class="sales-leaders__buy">Buy in one click</a> </div> </div> </div> </div> <div class="sales-leaders__item box"> <div class="sales-leaders__inner"> <div class="sales-leaders__discount"> sale<span>-30% <div class="sales-leaders__discount-square"> <span></span> </div> </span> </div> <div class="sales-leaders__images"> <a href="#"><img src="images/sales-leaders-4.jpeg" alt="sales leaders images"></a> </div> <div class="sales-leaders__description"> Chair Monarch pink </div> <div class="sales-leaders__price"> <div class="sales-leaders__price--new">99$</div> <div class="sales-leaders__price--old">130$</div> </div> <div class="sales-leaders__hidden"> <div class="sales-leaders__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">Buy</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> <a href="#" class="sales-leaders__buy">Buy in one click</a> </div> </div> </div> </div> <div class="sales-leaders__item box lazy"> <div class="sales-leaders__inner"> <div class="sales-leaders__discount"> sale<span>-42% <div class="sales-leaders__discount-square"> <span></span> </div> </span> </div> <div class="sales-leaders__images"> <a href="#"><img src="images/sales-leaders-5.jpeg" alt="sales leaders images"></a> </div> <div class="sales-leaders__description"> Chair Eames DSW white </div> <div class="sales-leaders__price"> <div class="sales-leaders__price--new">25,5$</div> <div class="sales-leaders__price--old">44$</div> </div> <div class="sales-leaders__hidden"> <div class="sales-leaders__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">Buy</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> <a href="#" class="sales-leaders__buy">Buy in one click</a> </div> </div> </div> </div> <div class="sales-leaders__item box lazy"> <div class="sales-leaders__inner"> <div class="sales-leaders__discount"> sale<span>-23% <div class="sales-leaders__discount-square"> <span></span> </div> </span> </div> <div class="sales-leaders__images"> <a href="#"><img src="images/sales-leaders-6.jpeg" alt="sales leaders images"></a> </div> <div class="sales-leaders__description"> Arianda chair black </div> <div class="sales-leaders__price"> <div class="sales-leaders__price--new">42,7$</div> <div class="sales-leaders__price--old">55,5$</div> </div> <div class="sales-leaders__hidden"> <div class="sales-leaders__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">Buy</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> <a href="#" class="sales-leaders__buy">Buy in one click</a> </div> </div> </div> </div> <div class="sales-leaders__item box lazy"> <div class="sales-leaders__inner"> <div class="sales-leaders__discount"> sale<span>-8% <div class="sales-leaders__discount-square"> <span></span> </div> </span> </div> <div class="sales-leaders__images"> <a href="#"><img src="images/sales-leaders-7.jpeg" alt="sales leaders images"></a> </div> <div class="sales-leaders__description"> Table Eames DSW D80 glass </div> <div class="sales-leaders__price"> <div class="sales-leaders__price--new">142,7$</div> <div class="sales-leaders__price--old">155,5$</div> </div> <div class="sales-leaders__hidden"> <div class="sales-leaders__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">Buy</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> <a href="#" class="sales-leaders__buy">Buy in one click</a> </div> </div> </div> </div> <div class="sales-leaders__item box lazy"> <div class="sales-leaders__inner"> <div class="sales-leaders__discount"> sale<span>-10% <div class="sales-leaders__discount-square"> <span></span> </div> </span> </div> <div class="sales-leaders__images"> <a href="#"><img src="images/sales-leaders-8.jpeg" alt="sales leaders images"></a> </div> <div class="sales-leaders__description"> Dining table Vardi 90 * 90 walnut </div> <div class="sales-leaders__price"> <div class="sales-leaders__price--new">135,5$</div> <div class="sales-leaders__price--old">122$</div> </div> <div class="sales-leaders__hidden"> <div class="sales-leaders__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">Buy</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> <a href="#" class="sales-leaders__buy">Buy in one click</a> </div> </div> </div> </div> </div> <div class="sales-leaders__loadMore" id="loadMore"> Load more <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> </div> </div> </section> <section class="collections"> <div class="container"> <div class="collections__mainTitle title">Collections</div> <div class="collections__inner"> <div class="collections__item js-slider"> <div class="collections__item-wrapper"> <div class="collections__item-left"> <div class="collections__item-left__img img" style="background-image: url(images/collection-slider-1.jpg)"> </div> <div class="collections__item-left__info"> <div class="collections__item-left__title">Collection Eames</div> <a href="#" class="collections__item-left__btn js-slider-btn">More details</a> </div> </div> <div class="collections__item-right"> <div class="collections__item-right__img"> <img src="images/collection-slider-right-1.jpeg" alt="collection slider images"> </div> <div class="collections__item-right__inner"> <div class="collections__item-right__title">Chair Eames DSW beige</div> <div class="collections__item-right__price"> <div class="collections__item-right__price--new">28,5$</div> <div class="collections__item-right__price--old">42,7$</div> </div> <div class="collections__item-right__description"> Laconic chair made of high-quality and durable PP plastic with legs made of the cult combination of wood and metal. </div> <div class="collections__item-right__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">To favorites</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> </div> </div> </div> </div> </div> <div class="collections__item js-slider"> <div class="collections__item-wrapper"> <div class="collections__item-left"> <div class="collections__item-left__img img" style="background-image: url(images/collection-slider-2.jpg)"></div> <div class="collections__item-left__info"> <div class="collections__item-left__title">Collection Tolix</div> <a href="#" class="collections__item-left__btn js-slider-btn">More details</a> </div> </div> <div class="collections__item-right"> <div class="collections__item-right__img"> <img src="images/collection-slider-right-2.jpeg" alt="collection slider images"> </div> <div class="collections__item-right__inner"> <div class="collections__item-right__title">Bar chair TOLIX WOOD aquamarine</div> <div class="collections__item-right__price"> <div class="collections__item-right__price--new">57$</div> <div class="collections__item-right__price--old">60$</div> </div> <div class="collections__item-right__description"> Tolix bar stool with a wide comfortable seat made of wood with a natural texture and a metal frame in aquamarine color. </div> <div class="collections__item-right__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">To favorites</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> </div> </div> </div> </div> </div> <div class="collections__item js-slider"> <div class="collections__item-wrapper"> <div class="collections__item-left"> <div class="collections__item-left__img" style="background-image: url(images/collection-slider-3.jpg)"></div> <div class="collections__item-left__info"> <div class="collections__item-left__title">Soft armchairs</div> <a href="#" class="collections__item-left__btn js-slider-btn">More details</a> </div> </div> <div class="collections__item-right"> <div class="collections__item-right__img"> <img src="images/collection-slider-right-3.jpeg" alt="collection slider images"> </div> <div class="collections__item-right__inner"> <div class="collections__item-right__title">Chair Grand Velor pink</div> <div class="collections__item-right__price"> <div class="collections__item-right__price--new">235,5$</div> <div class="collections__item-right__price--old">314$</div> </div> <div class="collections__item-right__description"> A chair with a wide comfortable seat and a high soft back, upholstered in velor. </div> <div class="collections__item-right__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">To favorites</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> </div> </div> </div> </div> </div> <div class="collections__item js-slider"> <div class="collections__item-wrapper"> <div class="collections__item-left"> <div class="collections__item-left__img img" style="background-image: url(images/collection-slider-4.jpg)"></div> <div class="collections__item-left__info"> <div class="collections__item-left__title">Designer collection</div> <a href="#" class="collections__item-left__btn js-slider-btn">More details</a> </div> </div> <div class="collections__item-right"> <div class="collections__item-right__img"> <img src="images/collection-slider-right-4.jpeg" alt="collection slider images"> </div> <div class="collections__item-right__inner"> <div class="collections__item-right__title">Coffee table 120 * 60 Brooklyn silver</div> <div class="collections__item-right__price"> <div class="collections__item-right__price--new">290$</div> <div class="collections__item-right__price--old">361$</div> </div> <div class="collections__item-right__description"> Coffee table with elegant stainless steel frame, tabletop - tempered glass. </div> <div class="collections__item-right__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">To favorites</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> </div> </div> </div> </div> </div> </div> </div> </section> <section class="new-items" id="newBoxs"> <div class="container"> <div class="new-items__title title">New items</div> <div class="new-items__subtitle">Pay attention to the latest arrivals.</div> <div class="new-items__items"> <div class="new-items__item newBox"> <div class="new-items__inner"> <div class="new-items__discount"> sale<span>-5% <div class="new-items__discount-square"> <span></span> </div> </span> </div> <div class="new-items__images"> <a href="#"><img src="images/new-1.jpeg" alt="new item images"></a> </div> <div class="new-items__description"> Eames D80 Glass Dining Group, 2 Transparent Eames Chairs </div> <div class="new-items__price"> <div class="new-items__price--new">199$</div> <div class="new-items__price--old">211$</div> </div> <div class="new-items__hidden"> <div class="new-items__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">Buy</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> <a href="#" class="new-items__buy">Buy in one click</a> </div> </div> </div> </div> <div class="new-items__item newBox"> <div class="new-items__inner"> <div class="new-items__discount"> sale<span>-25% <div class="new-items__discount-square"> <span></span> </div> </span> </div> <div class="new-items__images"> <a href="#"><img src="images/new-2.jpeg" alt="new item images"></a> </div> <div class="new-items__description"> Chair Grand Velor pink </div> <div class="new-items__price"> <div class="new-items__price--new">235,5$</div> <div class="new-items__price--old">314$</div> </div> <div class="new-items__hidden"> <div class="new-items__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">Buy</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> <a href="#" class="new-items__buy">Buy in one click</a> </div> </div> </div> </div> <div class="new-items__item newBox"> <div class="new-items__inner"> <div class="sales-leaders__discount"> sale<span>-10% <div class="new-items__discount-square"> <span></span> </div> </span> </div> <div class="new-items__images"> <a href="#"><img src="images/new-3.jpeg" alt="new item images"></a> </div> <div class="new-items__description"> Chair Venus velor gray </div> <div class="new-items__price"> <div class="new-items__price--new">128,5$</div> <div class="new-items__price--old">141,3$</div> </div> <div class="new-items__hidden"> <div class="new-items__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">Buy</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> <a href="#" class="new-items__buy">Buy in one click</a> </div> </div> </div> </div> <div class="new-items__item newBox"> <div class="new-items__inner"> <div class="new-items__discount"> sale<span>-17% <div class="new-items__discount-square"> <span></span> </div> </span> </div> <div class="new-items__images"> <a href="#"><img src="images/new-4.jpeg" alt="new item images"></a> </div> <div class="new-items__description"> Chair office TopChairs Bonus gray </div> <div class="new-items__price"> <div class="new-items__price--new">99$</div> <div class="new-items__price--old">117$</div> </div> <div class="new-items__hidden"> <div class="new-items__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">Buy</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> <a href="#" class="new-items__buy">Buy in one click</a> </div> </div> </div> </div> <div class="new-items__item newBox lazy"> <div class="new-items__inner"> <div class="sales-leaders__discount"> sale<span>-5% <div class="new-items__discount-square"> <span></span> </div> </span> </div> <div class="new-items__images"> <a href="#"><img src="images/new-5.jpeg" alt="new item images"></a> </div> <div class="new-items__description"> Eames D80 dining group black, 2 Eames chairs white </div> <div class="new-items__price"> <div class="new-items__price--new">182,7$</div> <div class="new-items__price--old">192,4$</div> </div> <div class="new-items__hidden"> <div class="new-items__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">Buy</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> <a href="#" class="new-items__buy">Buy in one click</a> </div> </div> </div> </div> <div class="new-items__item newBox lazy"> <div class="new-items__inner"> <div class="new-items__discount"> sale<span>-15% <div class="new-items__discount-square"> <span></span> </div> </span> </div> <div class="new-items__images"> <a href="#"><img src="images/new-6.jpeg" alt="new item images"></a> </div> <div class="new-items__description"> Gudi Dining Group, Vincent Chairs Beige </div> <div class="new-items__price"> <div class="new-items__price--new">441,3$</div> <div class="new-items__price--old">519,3$</div> </div> <div class="new-items__hidden"> <div class="new-items__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">Buy</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> <a href="#" class="new-items__buy">Buy in one click</a> </div> </div> </div> </div> <div class="new-items__item newBox lazy"> <div class="new-items__inner"> <div class="new-items__discount"> sale<span>-15% <div class="new-items__discount-square"> <span></span> </div> </span> </div> <div class="new-items__images"> <a href="#"><img src="images/new-7.jpeg" alt="new item images"></a> </div> <div class="new-items__description"> Oswald lunch group, chairs Valencia velor gray </div> <div class="new-items__price"> <div class="new-items__price--new">292,7$</div> <div class="new-items__price--old">345$</div> </div> <div class="new-items__hidden"> <div class="new-items__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">Buy</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> <a href="#" class="new-items__buy">Buy in one click</a> </div> </div> </div> </div> <div class="new-items__item newBox lazy"> <div class="new-items__inner"> <div class="new-items__discount"> sale<span>-15% <div class="new-items__discount-square"> <span></span> </div> </span> </div> <div class="new-items__images"> <a href="#"><img src="images/new-8.jpeg" alt="new item images"></a> </div> <div class="new-items__description"> Lunch group Oswald, chairs Lyon velor with mint rhombuses </div> <div class="new-items__price"> <div class="new-items__price--new">385,5$</div> <div class="new-items__price--old">453,5$</div> </div> <div class="new-items__hidden"> <div class="new-items__bottom"> <a class="button-buy" href="#"> <div class="button-buy__text">Buy</div> <div class="button-buy__icon icon-shopping-cart"></div> </a> <a href="#" class="new-items__buy">Buy in one click</a> </div> </div> </div> </div> </div> <div class="new-items__loadMore" id="newItemsLoadMore"> Load more <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> </div> </div> </section> <section class="projects"> <div class="container"> <div class="projects__title title">Projects</div> <div class="projects__subtitle">Projects Stool Group</div> <a class="projects__goToProjects" href="#">Go to projects</a> <div class="projects__cards"> <div class="projects__card"> <div class="projects__card-inner"> <img src="images/projects-card-1.jpg" alt="projects card images"> <div class="projects__card-link"> <div class="projects__card-title">Beauty salon Lumi Bar</div> <div class="projects__card-info"> <div class="projects__card-descr">Russia</div> <div class="projects__card-details">More details</div> </div> </div> </div> </div> <div class="projects__card"> <div class="projects__card-inner"> <img src="images/projects-card-2.jpg" alt="projects card images"> <div class="projects__card-link"> <div class="projects__card-title">Casa Picassa</div> <div class="projects__card-info"> <div class="projects__card-descr">Russia</div> <div class="projects__card-details">More details</div> </div> </div> </div> </div> </div> </div> </section> <!-- start sidebar --> <div class="menu"> <div class="close-menu"> <ion-icon name="close"></ion-icon> </div> <div class="nav"> <ul class="main-menu"> <li class="main-menu-item sidebar__title">Catalog</li> <li class="main-menu-item hover-target"> <a href="#">Chairs <ion-icon name="add"></ion-icon> </a> <ul class="sidebar__submenu"> <li class="submenu-item hover-target"> <a href="#">Chairs</a> </li> <li class="submenu-item hover-target"> <a href="#">Armchairs</a> </li> <li class="submenu-item hover-target"> <a href="#">Bar chairs</a> </li> <li class="submenu-item hover-target"> <a href="#">Stools</a> </li> <li class="submenu-item hover-target"> <a href="#">Folding chairs</a> </li> <li class="submenu-item hover-target"> <a href="#">Children chairs</a> </li> </ul> </li> <li class="main-menu-item hover-target"> <a href="#">Tables <ion-icon name="add"></ion-icon> </a> <ul class="sidebar__submenu"> <li class="submenu-item hover-target"> <a href="#">Dinner table</a> </li> <li class="submenu-item hover-target"> <a href="#">Bar table</a> </li> <li class="submenu-item hover-target"> <a href="#">Coffee table</a> </li> <li class="submenu-item hover-target"> <a href="#">Computer desk</a> </li> <li class="submenu-item hover-target"> <a href="#">Children's table</a> </li> </ul> </li> <li class="main-menu-item hover-target"> <a href="#">Computer chairs <ion-icon name="add"></ion-icon> </a> <ul class="sidebar__submenu"> <li class="submenu-item hover-target"> <a href="#">Gaming chairs</a> </li> <li class="submenu-item hover-target"> <a href="#">Executive chairs</a> </li> <li class="submenu-item hover-target"> <a href="#">Office chairs</a> </li> <li class="submenu-item hover-target"> <a href="#">Office armchairs</a> </li> <li class="submenu-item hover-target"> <a href="#">Child seats</a> </li> </ul> </li> <li class="main-menu-item hover-target"> <a href="#">Banquet furniture <ion-icon name="add"></ion-icon> </a> <ul class="sidebar__submenu"> <li class="submenu-item hover-target"> <a href="#">Banquet chairs</a> </li> <li class="submenu-item hover-target"> <a href="#">Banquet tables</a> </li> <li class="submenu-item hover-target"> <a href="#">Carts</a> </li> <li class="submenu-item hover-target"> <a href="#">Furniture for catering</a> </li> </ul> </li> <li class="main-menu-item hover-target"> <a href="#">Kits <ion-icon name="add"></ion-icon> </a> <ul class="sidebar__submenu"> <li class="submenu-item hover-target"> <a href="#">Lunch groups</a> </li> <li class="submenu-item hover-target"> <a href="#">Chair sets</a> </li> </ul> </li> <li class="main-menu-item hover-target"> <a href="#">Other goods <ion-icon name="add"></ion-icon> </a> <ul class="sidebar__submenu"> <li class="submenu-item hover-target"> <a href="#">Consoles</a> </li> <li class="submenu-item hover-target"> <a href="#">Banquets</a> </li> <li class="submenu-item hover-target"> <a href="#">Puffs</a> </li> <li class="submenu-item hover-target"> <a href="#">Candles</a> </li> </ul> </li> <li class="main-menu-item hover-target"> <a href="#">Collections <ion-icon name="add"></ion-icon> </a> <ul class="sidebar__submenu"> <li class="submenu-item hover-target"> <a href="#">Eames</a> </li> <li class="submenu-item hover-target"> <a href="#">Tolix</a> </li> <li class="submenu-item hover-target"> <a href="#">Soft armchairs</a> </li> <li class="submenu-item hover-target"> <a href="#">Designer collection</a> </li> </ul> </li> <li class="main-menu-item hover-target"> <a href="#">Discounts <ion-icon name="add"></ion-icon> </a> <ul class="sidebar__submenu"> <li class="submenu-item hover-target"> <a href="#">Clearance sale</a> </li> <li class="submenu-item hover-target"> <a href="#">Stocks</a> </li> </ul> </li> <li class="main-menu-item sidebar__title">Contacts</li> <li class="main-menu-item sidebar__title">Support Service</li> <li class="main-menu-item sidebar__title">Personal Area</li> </ul> </div> </div> <!-- end sidebar --> </div> <footer class="footer"> <div class="container"> <div class="footer__inner"> <div class="footer__inner-title title">Mebel Group</div> <div class="footer__items"> <div class="footer__item"> <div class="footer__item-title">Contacts</div> <ul class="footer__item-list"> <li><a href="#">About as</a></li> <li><a href="tel:84951265327">+7 (495) 126-53-27</a></li> <li><a href="mailto:info@stoolgroup.ru">info@stoolgroup.ru</a></li> </ul> </div> <div class="footer__item"> <div class="footer__item-title">Support Service</div> <ul class="footer__item-list"> <li><a href="#">Feedback</a></li> <li><a href="#">Map of site</a></li> <li><a href="#">Terms of service</a></li> </ul> </div> <div class="footer__item"> <div class="footer__item-title">Personal Area</div> <ul class="footer__item-list"> <li><a href="#">Personal area</a></li> <li><a href="#">History of orders</a></li> <li><a href="#">Newsletter</a></li> </ul> </div> <div class="footer__item"> <div class="footer__item-title">Designed by</div> <ul class="footer__item-list"> <li> <a href="#"> <img class="icon__payments" src="images/small_payments.png" alt="payments"> </a> </li> <li> <a href="#"> <img src="images/sellavi-logo.png" alt="sellavi-logo"> </a> </li> </ul> </div> </div> <div class="footer__bottom"> <div class="footer__bottom-copyright">© 2020 Mebel Group</div> <div class="footer__bottom-privacyPolicy">Privacy Policy</div> <div class="footer__bottom-termsOfUse">Terms of use</div> </div> </div> </div> </footer> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="https://unpkg.com/ionicons@4.5.5/dist/ionicons.js"></script> <script src="https://unpkg.com/scrollreveal"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script> <script src="js/libs.min.js"></script> <script src="js/main.js"></script> </body> </html>