/
eb
/
MebelGroup
Обзор
Документация
Войти
/
eb
/
MebelGroup
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
app/index.html
1 287 строк
53 KB
Evgeniy Budaev
finish animation
29 июн 2020, 08:50
29 июн 2020, 08:50
df14263
Код
Авторство
О чём код?
<!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.13.1/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" /> <link rel="stylesheet" href="css/slick.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 class="cursor-follower"></div> </div> <div class="content"> <header class="header"> <div class="header__top"> <div class="container"> <div class="header__top-inner animate__animated animate__fadeInDown"> <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="header__delivery delivery menu-item" href="#">Delivery throughout Russia</a> <a class="close" href="#"></a> </div> <div class="header__search-form"> <form> <input type="text" placeholder="Search"> </form> </div> <div class="header__btn"> <a class="header__btn-menu icon-search" href="#" id="search"></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 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 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 table</a> <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="#">Exucutive 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 class="categories__submenu-item"> <a href="#">Children's 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 table</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> <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="#"> 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 class="slider__btn js-slider-btn" href="#">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 class="slider__btn js-slider-btn" href="#">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 very home</div> <div class="slider__title">Discount up to 50%</div> <a class="slider__btn js-slider-btn" href="#">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</div> <a class="slider__btn js-slider-btn" href="#">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"> <div class="container"> <div class="sales-leaders__title title animate-right">Sales leaders</div> <div class="sales-leaders__subtitle animate-right">The most popupar models from all categories of the online store</div> <div class="sales-leaders__items" id="boxs"> <div class="sales-leaders__item box animate-bottom"> <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="botton-buy" href="#"> <div class="sales-leaders__text">Buy</div> <div class="sales-leaders__icon icon-shopping-cart"></div> </a> <a class="sales-leaders__buy" href="#">Buy in one click</a> </div> </div> </div> </div> <div class="sales-leaders__item box animate-bottom"> <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="botton-buy" href="#"> <div class="sales-leaders__text">Buy</div> <div class="sales-leaders__icon icon-shopping-cart"></div> </a> <a class="sales-leaders__buy" href="#">Buy in one click</a> </div> </div> </div> </div> <div class="sales-leaders__item box animate-bottom"> <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="botton-buy" href="#"> <div class="sales-leaders__text">Buy</div> <div class="sales-leaders__icon icon-shopping-cart"></div> </a> <a class="sales-leaders__buy" href="#">Buy in one click</a> </div> </div> </div> </div> <div class="sales-leaders__item box animate-bottom"> <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="botton-buy" href="#"> <div class="sales-leaders__text">Buy</div> <div class="sales-leaders__icon icon-shopping-cart"></div> </a> <a class="sales-leaders__buy" href="#">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>-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="botton-buy" href="#"> <div class="sales-leaders__text">Buy</div> <div class="sales-leaders__icon icon-shopping-cart"></div> </a> <a class="sales-leaders__buy" href="#">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>-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="botton-buy" href="#"> <div class="sales-leaders__text">Buy</div> <div class="sales-leaders__icon icon-shopping-cart"></div> </a> <a class="sales-leaders__buy" href="#">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>-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="botton-buy" href="#"> <div class="sales-leaders__text">Buy</div> <div class="sales-leaders__icon icon-shopping-cart"></div> </a> <a class="sales-leaders__buy" href="#">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>-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="botton-buy" href="#"> <div class="sales-leaders__text">Buy</div> <div class="sales-leaders__icon icon-shopping-cart"></div> </a> <a class="sales-leaders__buy" href="#">Buy in one click</a> </div> </div> </div> </div> </div> <div class="sales-leaders__loadMore" id="loadMore"> Load more </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 class="collections__item-left__btn js-slider-btn" href="#">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 cult of wood and metal. </div> <div class="collections__item-right__bottom"> <a class="button-buy" href="#"></a> <div class="button-buy__text">To favorites</div> <div class="button-buy__icon icon-shopping-cart"></div> </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 class="collections__item-left__btn js-slider-btn" href="#">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 mode 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="#"></a> <div class="button-buy__text">To favorites</div> <div class="button-buy__icon icon-shopping-cart"></div> </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-3.jpg);"></div> <div class="collections__item-left__info"> <div class="collections__item-left__title">Sofr armshairs</div> <a class="collections__item-left__btn js-slider-btn" href="#">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 a high soft back, upholstered in velor. </div> <div class="collections__item-right__bottom"> <a class="button-buy" href="#"></a> <div class="button-buy__text">To favorites</div> <div class="button-buy__icon icon-shopping-cart"></div> </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 class="collections__item-left__btn js-slider-btn" href="#">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 Broklyn 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 stinless stell frame, tabletop - tempred glass/ </div> <div class="collections__item-right__bottom"> <a class="button-buy" href="#"></a> <div class="button-buy__text">To favorites</div> <div class="button-buy__icon icon-shopping-cart"></div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="new-items"> <div class="container"> <div class="new-items__title title animate-left">New items</div> <div class="new-items__subtitle animate-left">Pay attention to the latest arrivals</div> <div class="new-items__items" id="newBoxs"> <div class="new-items__item newBox animate-bottom"> <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-items-1.jpeg" alt="new-items 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="botton-buy" href="#"> <div class="new-items__text">Buy</div> <div class="new-items__icon icon-shopping-cart"></div> </a> <a class="new-items__buy" href="#">Buy in one click</a> </div> </div> </div> </div> <div class="new-items__item newBox animate-bottom"> <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-itemss__images"> <a href="#"><img src="images/new-items-2.jpeg" alt="new-items 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="sales-leaders__bottom"> <a class="botton-buy" href="#"> <div class="new-items__text">Buy</div> <div class="new-items__icon icon-shopping-cart"></div> </a> <a class="new-items__buy" href="#">Buy in one click</a> </div> </div> </div> </div> <div class="new-items__item newBox animate-bottom"> <div class="new-items__inner"> <div class="new-items__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-items-3.jpeg" alt="new-items 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="botton-buy" href="#"> <div class="new-items__text">Buy</div> <div class="new-items__icon icon-shopping-cart"></div> </a> <a class="new-items__buy" href="#">Buy in one click</a> </div> </div> </div> </div> <div class="new-items__item newBox animate-bottom"> <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-items-4.jpeg" alt="new-items 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="botton-buy" href="#"> <div class="new-items__text">Buy</div> <div class="new-items__icon icon-shopping-cart"></div> </a> <a class="new-items__buy" href="#">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>-5% <div class="new-items__discount-square"> <span></span> </div> </span> </div> <div class="new-items__images"> <a href="#"><img src="images/new-items-5.jpeg" alt="new-items images"></a> </div> <div class="new-items__description"> Eames D80 dining group, 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="botton-buy" href="#"> <div class="new-items__text">Buy</div> <div class="new-items__icon icon-shopping-cart"></div> </a> <a class="new-items__buy" href="#">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>-15% <div class="new-items__discount-square"> <span></span> </div> </span> </div> <div class="new-items__images"> <a href="#"><img src="images/new-items-6.jpeg" alt="new-items 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="botton-buy" href="#"> <div class="new-items__text">Buy</div> <div class="new-items__icon icon-shopping-cart"></div> </a> <a class="new-items__buy" href="#">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>-15% <div class="new-items__discount-square"> <span></span> </div> </span> </div> <div class="new-items__images"> <a href="#"><img src="images/new-items-7.jpeg" alt="new-items images"></a> </div> <div class="new-items__description"> Oswald launch 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="botton-buy" href="#"> <div class="new-items__text">Buy</div> <div class="new-items__icon icon-shopping-cart"></div> </a> <a class="new-items__buy" href="#">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>-15% <div class="new-items__discount-square"> <span></span> </div> </span> </div> <div class="new-items__images"> <a href="#"><img src="images/new-items-8.jpeg" alt="new-items images"></a> </div> <div class="new-items__description"> Launch 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="botton-buy" href="#"> <div class="new-items__text">Buy</div> <div class="new-items__icon icon-shopping-cart"></div> </a> <a class="new-items__buy" href="#">Buy in one click</a> </div> </div> </div> </div> </div> <div class="new-items__loadMore" id="newItemsLoadMore"> Load more </div> </div> </section> <section class="projects"> <div class="container"> <div class="projects__title title animate-left">Projects</div> <div class="projects__subtitle animate-left">Projects Mebel Group</div> <a class="projects__goToProjects animate-left" href="#">Go to projects</a> <div class="projects__cards"> <div class="projects__card animate-bottom"> <div class="projects__card-inner"> <img src="images/projects-card-1.jpg" alt="projects-card"> <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> <a class="projects__card-details" href="#">More details</a> </div> </div> </div> </div> <div class="projects__card animate-bottom"> <div class="projects__card-inner"> <img src="images/projects-card-2.jpg" alt="projects-card"> <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> <a class="projects__card-details" href="#">More details</a> </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"> <a href="#">Chairs <ion-icon name='add'></ion-icon> </a> <ul class="sidebar__submenu"> <li class="submenu-item"> <a href="#">Chairs</a> </li> <li class="submenu-item"> <a href="#">Armchairs</a> </li> <li class="submenu-item"> <a href="#">Bar chairs</a> </li> <li class="submenu-item"> <a href="#">Stools</a> </li> <li class="submenu-item"> <a href="#">Folding chairs</a> </li> <li class="submenu-item"> <a href="#">Children chairs</a> </li> </ul> </li> <li class="main-menu-item"> <a href="#">Tables <ion-icon name='add'></ion-icon> </a> <ul class="sidebar__submenu"> <li class="submenu-item"> <a href="#">Dinner table</a> </li> <li class="submenu-item"> <a href="#">Bar table</a> </li> <li class="submenu-item"> <a href="#">Coffee table</a> </li> <li class="submenu-item"> <a href="#">Computer table</a> </li> <li class="submenu-item"> <a href="#">Children's table</a> </li> </ul> </li> <li class="main-menu-item"> <a href="#">Computer chairs <ion-icon name='add'></ion-icon> </a> <ul class="sidebar__submenu"> <li class="submenu-item"> <a href="#">Gaming chairs</a> </li> <li class="submenu-item"> <a href="#">Executive chairs</a> </li> <li class="submenu-item"> <a href="#">Coffee chairs</a> </li> <li class="submenu-item"> <a href="#">Office armchairs</a> </li> <li class="submenu-item"> <a href="#">Children's chairs</a> </li> </ul> </li> <li class="main-menu-item"> <a href="#">Banquet furniture <ion-icon name='add'></ion-icon> </a> <ul class="sidebar__submenu"> <li class="submenu-item"> <a href="#">Banquet chairs</a> </li> <li class="submenu-item"> <a href="#">Banquet tables</a> </li> <li class="submenu-item"> <a href="#">Carts</a> </li> <li class="submenu-item"> <a href="#">Furniture for catering</a> </li> </ul> </li> <li class="main-menu-item"> <a href="#">Kits <ion-icon name='add'></ion-icon> </a> <ul class="sidebar__submenu"> <li class="submenu-item"> <a href="#">Lunch groups</a> </li> <li class="submenu-item"> <a href="#">Chairs sets</a> </li> </ul> </li> <li class="main-menu-item"> <a href="#">Other goods <ion-icon name='add'></ion-icon> </a> <ul class="sidebar__submenu"> <li class="submenu-item"> <a href="#">Consoles</a> </li> <li class="submenu-item"> <a href="#">Banquets</a> </li> <li class="submenu-item"> <a href="#">Puffs</a> </li> <li class="submenu-item"> <a href="#">Candles</a> </li> </ul> </li> <li class="main-menu-item"> <a href="#">Collections <ion-icon name='add'></ion-icon> </a> <ul class="sidebar__submenu"> <li class="submenu-item"> <a href="#">Eames</a> </li> <li class="submenu-item"> <a href="#">Tolix</a> </li> <li class="submenu-item"> <a href="#">Soft armchairs</a> </li> <li class="submenu-item"> <a href="#">Designer collection</a> </li> </ul> </li> <li class="main-menu-item"> <a href="#">Discounts <ion-icon name='add'></ion-icon> </a> <ul class="sidebar__submenu"> <li class="submenu-item"> <a href="#">Clearence sale</a> </li> <li class="submenu-item"> <a href="#">Stocks</a> </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@mebelgroup.ru">info@mebelgroup.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="logo 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.5.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@5.0.0/dist/ionicons.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script> <script src="https://unpkg.com/scrollreveal"></script> <script src="js/libs.min.js"></script> <script src="js/main.js"></script> </body> </html>