-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
826 lines (821 loc) · 47.2 KB
/
index.html
1
<!DOCTYPE html><html lang="ru"> <head> <title>Главная</title> <meta charset="UTF-8"> <meta name="format-detection" content="telephone=no"> <link rel="stylesheet" href="css/style.min.css"> <link rel="shortcut icon" href="favicon.ico"> <!-- <meta name="robots" content="noindex, nofollow"> --> <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body> <div class="wrapper"> <header class="header"> <div class="header__content"> <div class="header__top"> <a href="./index.html" class="header__logo"> <span class="header__logo-icon"> <svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="header__logo-svg" fill-rule="evenodd" clip-rule="evenodd" d="M11.9167 21.754C16.3711 21.284 19.8875 17.4261 20.1508 12.6397H11.9167V21.754ZM21.9868 12.6397H22V12.0625V0.375L11 0.375001C4.92486 0.375002 -5.31105e-07 5.60767 0 12.0625C5.31105e-07 18.5173 4.92486 23.75 11 23.75C16.893 23.75 21.7036 18.8263 21.9868 12.6397ZM11 2.32292C5.93739 2.32292 1.83333 6.68347 1.83333 12.0625C1.83333 17.1128 5.45112 21.2653 10.0833 21.754V10.6918H20.1667V2.32292H11Z" fill="#1B2437" /> </svg> </span> <span class="header__logo-text">Clay Shop</span> </a> <ul class="header__social-list social__list social__list_one"> <li> <a href="https://www.instagram.com/" class="social__item"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="social__svg" fill-rule="evenodd" clip-rule="evenodd" d="M20.8576 8.70406C20.82 7.85391 20.6825 7.26945 20.4856 6.763C20.2824 6.22542 19.9697 5.74412 19.5601 5.34402C19.16 4.93769 18.6754 4.62195 18.144 4.42196C17.6344 4.22502 17.0529 4.08754 16.2027 4.05006C15.346 4.0094 15.074 4 12.9013 4C10.7286 4 10.4566 4.0094 9.60315 4.04688C8.75284 4.08437 8.16827 4.22197 7.66184 4.41878C7.12403 4.62195 6.64265 4.93451 6.24247 5.34402C5.83606 5.74412 5.52038 6.22859 5.32023 6.75994C5.12326 7.26945 4.98575 7.85074 4.94826 8.70088C4.9076 9.55738 4.89819 9.82928 4.89819 12.0016C4.89819 14.1739 4.9076 14.4458 4.94509 15.2991C4.98258 16.1493 5.1202 16.7338 5.31718 17.2402C5.52038 17.7778 5.83606 18.259 6.24247 18.6591C6.64265 19.0655 7.12721 19.3812 7.65867 19.5812C8.16827 19.7782 8.74967 19.9156 9.6001 19.9531C10.4535 19.9907 10.7255 20 12.8983 20C15.071 20 15.3429 19.9907 16.1964 19.9531C17.0468 19.9156 17.6313 19.7782 18.1377 19.5812C19.2132 19.1655 20.0636 18.3154 20.4793 17.2402C20.6762 16.7306 20.8138 16.1493 20.8513 15.2991C20.8888 14.4458 20.8982 14.1739 20.8982 12.0016C20.8982 9.82928 20.895 9.55738 20.8576 8.70406ZM19.4164 15.2366C19.382 16.018 19.2507 16.44 19.1413 16.7213C18.8724 17.4183 18.3191 17.9715 17.6219 18.2404C17.3405 18.3498 16.9155 18.481 16.1369 18.5154C15.2928 18.553 15.0397 18.5622 12.9045 18.5622C10.7692 18.5622 10.5129 18.553 9.67191 18.5154C8.89035 18.481 8.46831 18.3498 8.18695 18.2404C7.84001 18.1122 7.52422 17.909 7.26789 17.6434C7.00216 17.3839 6.79896 17.0713 6.67074 16.7245C6.56131 16.4431 6.43004 16.018 6.39572 15.2398C6.35811 14.3958 6.34883 14.1426 6.34883 12.0078C6.34883 9.87299 6.35811 9.61671 6.39572 8.77597C6.43004 7.99457 6.56131 7.57261 6.67074 7.2913C6.79896 6.94431 7.00216 6.6287 7.27107 6.3723C7.53044 6.10662 7.84307 5.90346 8.19012 5.77538C8.47148 5.66598 8.8967 5.53473 9.67507 5.5003C10.5192 5.46282 10.7724 5.45342 12.9076 5.45342C15.046 5.45342 15.2991 5.46282 16.1401 5.5003C16.9216 5.53473 17.3437 5.66598 17.6251 5.77538C17.972 5.90346 18.2878 6.10662 18.5441 6.3723C18.8099 6.63174 19.0131 6.94431 19.1413 7.2913C19.2507 7.57261 19.382 7.99762 19.4164 8.77597C19.4539 9.61989 19.4633 9.87299 19.4633 12.0078C19.4633 14.1426 19.4539 14.3927 19.4164 15.2366ZM12.8447 8.27744C10.666 8.27744 8.89819 10.0451 8.89819 12.224C8.89819 14.4029 10.666 16.1705 12.8447 16.1705C15.0236 16.1705 16.7912 14.4029 16.7912 12.224C16.7912 10.0451 15.0236 8.27744 12.8447 8.27744ZM12.8447 14.784C11.4312 14.784 10.2847 13.6376 10.2847 12.224C10.2847 10.8104 11.4312 9.66396 12.8447 9.66396C14.2584 9.66396 15.4048 10.8104 15.4048 12.224C15.4048 13.6376 14.2584 14.784 12.8447 14.784ZM16.9473 9.04267C17.4562 9.04267 17.8688 8.63013 17.8688 8.12134C17.8688 7.61242 17.4562 7.2 16.9473 7.2C16.4385 7.2 16.026 7.61242 16.026 8.12134C16.026 8.63013 16.4385 9.04267 16.9473 9.04267Z" fill="#D1D1D6" /> </svg> </a> </li> <li> <a href="https://twitter.com/" class="social__item"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="social__svg" d="M21 7.65738C20.3306 7.93846 19.6174 8.12476 18.8737 8.21522C19.6387 7.77799 20.2226 7.09092 20.4971 6.26277C19.7839 6.66984 18.9964 6.95738 18.1571 7.11784C17.4799 6.42754 16.5146 6 15.4616 6C13.4186 6 11.7739 7.58738 11.7739 9.53338C11.7739 9.81338 11.7986 10.0826 11.8594 10.3389C8.7915 10.1957 6.07688 8.78815 4.25325 6.644C3.93487 7.17276 3.74812 7.77799 3.74812 8.42953C3.74812 9.65291 4.40625 10.7374 5.38725 11.3652C4.79437 11.3544 4.21275 11.1897 3.72 10.9301C3.72 10.9409 3.72 10.9549 3.72 10.9689C3.72 12.6855 4.99912 14.1114 6.6765 14.4398C6.37613 14.5184 6.04875 14.5561 5.709 14.5561C5.47275 14.5561 5.23425 14.5432 5.01037 14.4958C5.4885 15.8948 6.84526 16.9232 8.4585 16.9566C7.203 17.8968 5.60887 18.4632 3.88312 18.4632C3.5805 18.4632 3.29025 18.4503 3 18.4148C4.63462 19.4238 6.57188 20 8.661 20C15.4515 20 19.164 14.6154 19.164 9.94799C19.164 9.79184 19.1584 9.64107 19.1505 9.49138C19.8829 8.99384 20.4982 8.37245 21 7.65738Z" fill="#D1D1D6" /> </svg> </a> </li> <li> <a href="https://www.facebook.com/" class="social__item"> <svg width="30" height="24" viewBox="0 0 30 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="social__svg" fill-rule="evenodd" clip-rule="evenodd" d="M16.683 21V11.999H19.5189L19.8947 8.89714H16.683L16.6878 7.34465C16.6878 6.53565 16.7755 6.10217 18.1017 6.10217H19.8746V3H17.0383C13.6315 3 12.4323 4.50471 12.4323 7.03517V8.89749H10.3087V11.9993H12.4323V21H16.683Z" fill="#D1D1D6" /> </svg> </a> </li> </ul> <div class="header__search-basket"> <a href="" class="header__search"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle class="social__svg" cx="9.5" cy="9.5" r="7.5" stroke="#D1D1D6" stroke-width="2" /> <path class="social__svg" d="M15 15L22 22" stroke="#D1D1D6" stroke-width="2" stroke-linecap="round" /> </svg> </a> <a href="" class="header__basket"> <svg class="header__basket-svg" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9959 5.2216C16.889 2.33823 14.7166 0 12 0C9.21371 0 7 2.45968 7 5.44444V8H5.11324C4.15956 8 3.36171 8.69484 3.26943 9.60575L2.00869 22.0502C2.0029 22.1074 2 22.1648 2 22.2222C2 23.2041 2.82939 24 3.8525 24H20.1474C20.2072 24 20.267 23.9972 20.3266 23.9917C21.3449 23.8966 22.0902 23.0274 21.9912 22.0502L20.7304 9.60575C20.6382 8.69484 19.8403 8 18.8866 8H17V5.44444L16.9959 5.2216ZM15 8V5.44444C15 3.52001 13.632 2 12 2C10.4243 2 9.09466 3.41699 9.00483 5.24685L9 5.44444V8H15ZM20 22L18.7621 10H5.23792L4 22H20Z" fill="#1B2437" /> </svg> </a> <div class="menu__icon icon-menu"> <span></span> <span></span> <span></span> </div> </div> </div> <div class="header__bottom"> <div class="header__menu menu"> <nav class="menu__body"> <ul class="menu__list"> <li><a href="" class="menu__link menu__link_m menu__link_a">Home</a></li> <li class="spollers header__spoller spoller"> <a href="./shop.html" class="menu__link spoller__title menu__link_m">Shop <span class="spoller__icon"></span></a> <span class="spoller__icon_m"></span> <ul class="spoller__list"> <li><a href="" class="menu__link spoller__link">List item one</a></li> <li><a href="" class="menu__link spoller__link">List item two</a></li> <li><a href="" class="menu__link spoller__link">List item one</a></li> <li><a href="" class="menu__link spoller__link">List item two</a></li> <li><a href="" class="menu__link spoller__link">List item one</a></li> <li><a href="" class="menu__link spoller__link">List item two</a></li> </ul> </li> <li><a href="" class="menu__link menu__link_m">Blog</a></li> <li><a href="" class="menu__link menu__link_m">Contact</a></li> <li class="social__wrap_two"> <ul class="header__social-list social__list social__list_two"> <li> <a href="https://www.instagram.com/" class="social__item"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="social__svg" fill-rule="evenodd" clip-rule="evenodd" d="M20.8576 8.70406C20.82 7.85391 20.6825 7.26945 20.4856 6.763C20.2824 6.22542 19.9697 5.74412 19.5601 5.34402C19.16 4.93769 18.6754 4.62195 18.144 4.42196C17.6344 4.22502 17.0529 4.08754 16.2027 4.05006C15.346 4.0094 15.074 4 12.9013 4C10.7286 4 10.4566 4.0094 9.60315 4.04688C8.75284 4.08437 8.16827 4.22197 7.66184 4.41878C7.12403 4.62195 6.64265 4.93451 6.24247 5.34402C5.83606 5.74412 5.52038 6.22859 5.32023 6.75994C5.12326 7.26945 4.98575 7.85074 4.94826 8.70088C4.9076 9.55738 4.89819 9.82928 4.89819 12.0016C4.89819 14.1739 4.9076 14.4458 4.94509 15.2991C4.98258 16.1493 5.1202 16.7338 5.31718 17.2402C5.52038 17.7778 5.83606 18.259 6.24247 18.6591C6.64265 19.0655 7.12721 19.3812 7.65867 19.5812C8.16827 19.7782 8.74967 19.9156 9.6001 19.9531C10.4535 19.9907 10.7255 20 12.8983 20C15.071 20 15.3429 19.9907 16.1964 19.9531C17.0468 19.9156 17.6313 19.7782 18.1377 19.5812C19.2132 19.1655 20.0636 18.3154 20.4793 17.2402C20.6762 16.7306 20.8138 16.1493 20.8513 15.2991C20.8888 14.4458 20.8982 14.1739 20.8982 12.0016C20.8982 9.82928 20.895 9.55738 20.8576 8.70406ZM19.4164 15.2366C19.382 16.018 19.2507 16.44 19.1413 16.7213C18.8724 17.4183 18.3191 17.9715 17.6219 18.2404C17.3405 18.3498 16.9155 18.481 16.1369 18.5154C15.2928 18.553 15.0397 18.5622 12.9045 18.5622C10.7692 18.5622 10.5129 18.553 9.67191 18.5154C8.89035 18.481 8.46831 18.3498 8.18695 18.2404C7.84001 18.1122 7.52422 17.909 7.26789 17.6434C7.00216 17.3839 6.79896 17.0713 6.67074 16.7245C6.56131 16.4431 6.43004 16.018 6.39572 15.2398C6.35811 14.3958 6.34883 14.1426 6.34883 12.0078C6.34883 9.87299 6.35811 9.61671 6.39572 8.77597C6.43004 7.99457 6.56131 7.57261 6.67074 7.2913C6.79896 6.94431 7.00216 6.6287 7.27107 6.3723C7.53044 6.10662 7.84307 5.90346 8.19012 5.77538C8.47148 5.66598 8.8967 5.53473 9.67507 5.5003C10.5192 5.46282 10.7724 5.45342 12.9076 5.45342C15.046 5.45342 15.2991 5.46282 16.1401 5.5003C16.9216 5.53473 17.3437 5.66598 17.6251 5.77538C17.972 5.90346 18.2878 6.10662 18.5441 6.3723C18.8099 6.63174 19.0131 6.94431 19.1413 7.2913C19.2507 7.57261 19.382 7.99762 19.4164 8.77597C19.4539 9.61989 19.4633 9.87299 19.4633 12.0078C19.4633 14.1426 19.4539 14.3927 19.4164 15.2366ZM12.8447 8.27744C10.666 8.27744 8.89819 10.0451 8.89819 12.224C8.89819 14.4029 10.666 16.1705 12.8447 16.1705C15.0236 16.1705 16.7912 14.4029 16.7912 12.224C16.7912 10.0451 15.0236 8.27744 12.8447 8.27744ZM12.8447 14.784C11.4312 14.784 10.2847 13.6376 10.2847 12.224C10.2847 10.8104 11.4312 9.66396 12.8447 9.66396C14.2584 9.66396 15.4048 10.8104 15.4048 12.224C15.4048 13.6376 14.2584 14.784 12.8447 14.784ZM16.9473 9.04267C17.4562 9.04267 17.8688 8.63013 17.8688 8.12134C17.8688 7.61242 17.4562 7.2 16.9473 7.2C16.4385 7.2 16.026 7.61242 16.026 8.12134C16.026 8.63013 16.4385 9.04267 16.9473 9.04267Z" fill="#D1D1D6" /> </svg> </a> </li> <li> <a href="https://twitter.com/" class="social__item"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="social__svg" d="M21 7.65738C20.3306 7.93846 19.6174 8.12476 18.8737 8.21522C19.6387 7.77799 20.2226 7.09092 20.4971 6.26277C19.7839 6.66984 18.9964 6.95738 18.1571 7.11784C17.4799 6.42754 16.5146 6 15.4616 6C13.4186 6 11.7739 7.58738 11.7739 9.53338C11.7739 9.81338 11.7986 10.0826 11.8594 10.3389C8.7915 10.1957 6.07688 8.78815 4.25325 6.644C3.93487 7.17276 3.74812 7.77799 3.74812 8.42953C3.74812 9.65291 4.40625 10.7374 5.38725 11.3652C4.79437 11.3544 4.21275 11.1897 3.72 10.9301C3.72 10.9409 3.72 10.9549 3.72 10.9689C3.72 12.6855 4.99912 14.1114 6.6765 14.4398C6.37613 14.5184 6.04875 14.5561 5.709 14.5561C5.47275 14.5561 5.23425 14.5432 5.01037 14.4958C5.4885 15.8948 6.84526 16.9232 8.4585 16.9566C7.203 17.8968 5.60887 18.4632 3.88312 18.4632C3.5805 18.4632 3.29025 18.4503 3 18.4148C4.63462 19.4238 6.57188 20 8.661 20C15.4515 20 19.164 14.6154 19.164 9.94799C19.164 9.79184 19.1584 9.64107 19.1505 9.49138C19.8829 8.99384 20.4982 8.37245 21 7.65738Z" fill="#D1D1D6" /> </svg> </a> </li> <li> <a href="https://www.facebook.com/" class="social__item"> <svg width="30" height="24" viewBox="0 0 30 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="social__svg" fill-rule="evenodd" clip-rule="evenodd" d="M16.683 21V11.999H19.5189L19.8947 8.89714H16.683L16.6878 7.34465C16.6878 6.53565 16.7755 6.10217 18.1017 6.10217H19.8746V3H17.0383C13.6315 3 12.4323 4.50471 12.4323 7.03517V8.89749H10.3087V11.9993H12.4323V21H16.683Z" fill="#D1D1D6" /> </svg> </a> </li> </ul> </li> </ul> </nav> </div> </div> </div></header> <main class="page"> <div class="bigboard"> <div class="bigboard__contain"> <div class="bigboard__wrap _container"> <div class="bigboard__content"> <div class="bigboard__title"> Admire Stylish Dresses & Looks </div> <div class="bigboard__text"> If we wanted to build a human-level tool to offer automated outfit advice, we needed to understand people’s fashion taste. </div> <a href="" class="bigboard__btn btn">Show More</a> </div> </div> <div class="bigboard__main-screen _ibg"> <picture><source srcset="./img/bigboard/bigboard.webp" type="image/webp"><img src="./img/bigboard/bigboard.png"></picture> </div> </div> </div> <div class="blog"> <div class="blog__contain _container"> <div class="blog__wrap"> <a href="" class="blog__big blog__item"> <div class="blog__block"> <div class="blog__content"> <div class="blog__title">Women <br> Collection</div> <div class="blog__date">Spring 2020</div> <div class="blog__btn">Popular</div> </div> <div class="blog__img _ibg"> <picture><source srcset="./img/blog/big.webp" type="image/webp"><img src="./img/blog/big.png" alt="" srcset=""></picture> </div> </div> </a> <a href="" class="blog__small blog__item blog__small_w"> <div class="blog__block"> <div class="blog__content"> <div class="blog__subtitle">24 items</div> <div class="blog__title blog__title_b">Bestsellers</div> </div> </div> </a> <a href="" class="blog__small blog__flex blog__item"> <div class="blog__block"> <div class="blog__content"> <div class="blog__btn">New</div> <div class="blog__title">Dresses</div> </div> <div class="blog__img _ibg"> <picture><source srcset="./img/blog/small.webp" type="image/webp"><img src="./img/blog/small.png" alt="" srcset=""></picture> </div> </div> </a> <a href="" class="blog__middle blog__flex blog__item"> <div class="blog__block"> <div class="blog__content"> <div class="blog__btn">New</div> <div class="blog__title">Denim Jackets</div> </div> <div class="blog__img _ibg"> <picture><source srcset="./img/blog/middle.webp" type="image/webp"><img src="./img/blog/middle.png" alt="" srcset=""></picture> </div> </div> </a> </div> </div> </div> <div class="products"> <div class="_container"> <div class="products__contain"> <div class="products__wrap"> <div class="products__dots"></div> <div class="products__slider slider owl-carousel owl-theme"> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/shoe.webp" type="image/webp"><img src="./img/products/shoe.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Louis Vouiton</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/t-shirt.webp" type="image/webp"><img src="./img/products/t-shirt.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dolce&Gabbana</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/bag.webp" type="image/webp"><img src="./img/products/bag.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Gucci</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/dress.webp" type="image/webp"><img src="./img/products/dress.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dries van Noten</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/shoe.webp" type="image/webp"><img src="./img/products/shoe.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Louis Vouiton</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/t-shirt.webp" type="image/webp"><img src="./img/products/t-shirt.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dolce&Gabbana</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/bag.webp" type="image/webp"><img src="./img/products/bag.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Gucci</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/dress.webp" type="image/webp"><img src="./img/products/dress.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dries van Noten</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/shoe.webp" type="image/webp"><img src="./img/products/shoe.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Louis Vouiton</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/t-shirt.webp" type="image/webp"><img src="./img/products/t-shirt.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dolce&Gabbana</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/bag.webp" type="image/webp"><img src="./img/products/bag.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Gucci</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/dress.webp" type="image/webp"><img src="./img/products/dress.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dries van Noten</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/shoe.webp" type="image/webp"><img src="./img/products/shoe.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Louis Vouiton</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/t-shirt.webp" type="image/webp"><img src="./img/products/t-shirt.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dolce&Gabbana</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/bag.webp" type="image/webp"><img src="./img/products/bag.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Gucci</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/dress.webp" type="image/webp"><img src="./img/products/dress.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dries van Noten</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/dress.webp" type="image/webp"><img src="./img/products/dress.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dries van Noten</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/dress.webp" type="image/webp"><img src="./img/products/dress.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dries van Noten</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/shoe.webp" type="image/webp"><img src="./img/products/shoe.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Louis Vouiton</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/t-shirt.webp" type="image/webp"><img src="./img/products/t-shirt.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dolce&Gabbana</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/bag.webp" type="image/webp"><img src="./img/products/bag.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Gucci</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/dress.webp" type="image/webp"><img src="./img/products/dress.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dries van Noten</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/shoe.webp" type="image/webp"><img src="./img/products/shoe.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Louis Vouiton</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/t-shirt.webp" type="image/webp"><img src="./img/products/t-shirt.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dolce&Gabbana</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/bag.webp" type="image/webp"><img src="./img/products/bag.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Gucci</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/dress.webp" type="image/webp"><img src="./img/products/dress.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dries van Noten</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/shoe.webp" type="image/webp"><img src="./img/products/shoe.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Louis Vouiton</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/t-shirt.webp" type="image/webp"><img src="./img/products/t-shirt.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dolce&Gabbana</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/bag.webp" type="image/webp"><img src="./img/products/bag.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Gucci</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/dress.webp" type="image/webp"><img src="./img/products/dress.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dries van Noten</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/shoe.webp" type="image/webp"><img src="./img/products/shoe.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Louis Vouiton</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/t-shirt.webp" type="image/webp"><img src="./img/products/t-shirt.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dolce&Gabbana</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/bag.webp" type="image/webp"><img src="./img/products/bag.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Gucci</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/dress.webp" type="image/webp"><img src="./img/products/dress.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dries van Noten</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/dress.webp" type="image/webp"><img src="./img/products/dress.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dries van Noten</div> </div> <div class="slider__item"> <div class="slider__image"> <picture><source srcset="./img/products/dress.webp" type="image/webp"><img src="./img/products/dress.png" alt="" class="slider__img"></picture> </div> <div class="slider__text">Dries van Noten</div> </div> </div> </div> </div> </div> </div> <div class="collection"> <div class="collection__contain _container"> <div class="collection__main-title">You may like</div> <div class="collection__wrap"> <div class="collection__slider owl-carousel owl-theme"> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/one.webp" type="image/webp"><img src="./img/collection/one.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Women's black vest Gucci</div> <div class="collection__text"></div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>715 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/two.webp" type="image/webp"><img src="./img/collection/two.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Red dress Valentino</div> <div class="collection__text"></div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>1610 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/three.webp" type="image/webp"><img src="./img/collection/three.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Shiny dress Givenchy</div> <div class="collection__text"> A shiny dress in the style of Lady Gaga, for bright events and cool parties… </div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>540 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/one.webp" type="image/webp"><img src="./img/collection/one.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Women's black vest Gucci</div> <div class="collection__text"></div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>715 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/two.webp" type="image/webp"><img src="./img/collection/two.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Red dress Valentino</div> <div class="collection__text"></div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>1610 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/three.webp" type="image/webp"><img src="./img/collection/three.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Shiny dress Givenchy</div> <div class="collection__text"> A shiny dress in the style of Lady Gaga, for bright events and cool parties… </div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>540 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/one.webp" type="image/webp"><img src="./img/collection/one.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Women's black vest Gucci</div> <div class="collection__text"></div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>715 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/two.webp" type="image/webp"><img src="./img/collection/two.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Red dress Valentino</div> <div class="collection__text"></div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>1610 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/three.webp" type="image/webp"><img src="./img/collection/three.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Shiny dress Givenchy</div> <div class="collection__text"> A shiny dress in the style of Lady Gaga, for bright events and cool parties… </div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>540 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/one.webp" type="image/webp"><img src="./img/collection/one.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Women's black vest Gucci</div> <div class="collection__text"></div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>715 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/two.webp" type="image/webp"><img src="./img/collection/two.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Red dress Valentino</div> <div class="collection__text"></div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>1610 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/three.webp" type="image/webp"><img src="./img/collection/three.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Shiny dress Givenchy</div> <div class="collection__text"> A shiny dress in the style of Lady Gaga, for bright events and cool parties… </div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>540 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/one.webp" type="image/webp"><img src="./img/collection/one.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Women's black vest Gucci</div> <div class="collection__text"></div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>715 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/two.webp" type="image/webp"><img src="./img/collection/two.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Red dress Valentino</div> <div class="collection__text"></div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>1610 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/three.webp" type="image/webp"><img src="./img/collection/three.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Shiny dress Givenchy</div> <div class="collection__text"> A shiny dress in the style of Lady Gaga, for bright events and cool parties… </div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>540 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/one.webp" type="image/webp"><img src="./img/collection/one.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Women's black vest Gucci</div> <div class="collection__text"></div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>715 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> <div class="collection__item"> <div class="collection__picture"> <picture><source srcset="./img/collection/two.webp" type="image/webp"><img src="./img/collection/two.png" alt="" class="collection__img"></picture> </div> <div class="collection__block"> <div class="collection__title">Red dress Valentino</div> <div class="collection__text"></div> <div class="collection__row"> <div class="collection__price"> <span class="collection__valuthe">$</span>1610 </div> <a href="" class="collection__btn btn">Shop Now</a> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="footer"> <div class="footer__content"> <div class="footer__top"> <nav class="menu__body"> <ul class="menu__list"> <li><a href="./index.html" class="menu__link">Home</a></li> <li><a href="" class="menu__link">Shop</a></li> <li><a href="" class="menu__link">Blog</a></li> <li><a href="" class="menu__link">Contact</a></li> </ul> </nav> </div> <div class="footer__middle middle"> <div class="_container"> <div class="middle__row"> <div class="middle__item-about"> <a href="./index.html" class="header__logo"> <span class="header__logo-icon"> <svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="header__logo-svg" fill-rule="evenodd" clip-rule="evenodd" d="M11.9167 21.754C16.3711 21.284 19.8875 17.4261 20.1508 12.6397H11.9167V21.754ZM21.9868 12.6397H22V12.0625V0.375L11 0.375001C4.92486 0.375002 -5.31105e-07 5.60767 0 12.0625C5.31105e-07 18.5173 4.92486 23.75 11 23.75C16.893 23.75 21.7036 18.8263 21.9868 12.6397ZM11 2.32292C5.93739 2.32292 1.83333 6.68347 1.83333 12.0625C1.83333 17.1128 5.45112 21.2653 10.0833 21.754V10.6918H20.1667V2.32292H11Z" fill="#1B2437" /> </svg> </span> <span class="header__logo-text">Clay Shop</span> </a> <div class="middle__text"> Fashion is a popular aesthetic expression at a particular time, place and in a specific context, especially in clothing, footwear, lifestyle, accessories, makeup. </div> </div> <div class="middle__item-list"> <div class="middle__title">Hot links</div> <ul class="middle__list"> <li><a href="" class="middle__link">Home</a></li> <li><a href="./shop.html" class="middle__link">Shop</a></li> <li><a href="" class="middle__link">Blog</a></li> <li><a href="" class="middle__link">Contact</a></li> </ul> </div> <div class="middle__item-list"> <div class="middle__title">More info</div> <ul class="middle__list"> <li><a href="" class="middle__link">How it works</a></li> <li><a href="" class="middle__link">About us</a></li> <li><a href="" class="middle__link">Decline rules</a></li> <li><a href="" class="middle__link">Terms & Conditions</a></li> </ul> </div> <div class="middle__item-list"> <div class="middle__title">Customer care</div> <ul class="middle__list"> <li><a href="" class="middle__link">FAQ</a></li> <li><a href="" class="middle__link">Terms of use</a></li> <li><a href="" class="middle__link">Privacy Policy</a></li> </ul> </div> </div> </div> </div> <div class="footer__bottom bottom"> <div class="_container"> <div class="bottom__row"> <div class="bottom__license">© Clay Shop all rights reserved</div> <ul class="bottom__social social__list"> <li> <a href="https://www.instagram.com/" class="social__item"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="social__svg_f" fill-rule="evenodd" clip-rule="evenodd" d="M20.8576 8.70406C20.82 7.85391 20.6825 7.26945 20.4856 6.763C20.2824 6.22542 19.9697 5.74412 19.5601 5.34402C19.16 4.93769 18.6754 4.62195 18.144 4.42196C17.6344 4.22502 17.0529 4.08754 16.2027 4.05006C15.346 4.0094 15.074 4 12.9013 4C10.7286 4 10.4566 4.0094 9.60315 4.04688C8.75284 4.08437 8.16827 4.22197 7.66184 4.41878C7.12403 4.62195 6.64265 4.93451 6.24247 5.34402C5.83606 5.74412 5.52038 6.22859 5.32023 6.75994C5.12326 7.26945 4.98575 7.85074 4.94826 8.70088C4.9076 9.55738 4.89819 9.82928 4.89819 12.0016C4.89819 14.1739 4.9076 14.4458 4.94509 15.2991C4.98258 16.1493 5.1202 16.7338 5.31718 17.2402C5.52038 17.7778 5.83606 18.259 6.24247 18.6591C6.64265 19.0655 7.12721 19.3812 7.65867 19.5812C8.16827 19.7782 8.74967 19.9156 9.6001 19.9531C10.4535 19.9907 10.7255 20 12.8983 20C15.071 20 15.3429 19.9907 16.1964 19.9531C17.0468 19.9156 17.6313 19.7782 18.1377 19.5812C19.2132 19.1655 20.0636 18.3154 20.4793 17.2402C20.6762 16.7306 20.8138 16.1493 20.8513 15.2991C20.8888 14.4458 20.8982 14.1739 20.8982 12.0016C20.8982 9.82928 20.895 9.55738 20.8576 8.70406ZM19.4164 15.2366C19.382 16.018 19.2507 16.44 19.1413 16.7213C18.8724 17.4183 18.3191 17.9715 17.6219 18.2404C17.3405 18.3498 16.9155 18.481 16.1369 18.5154C15.2928 18.553 15.0397 18.5622 12.9045 18.5622C10.7692 18.5622 10.5129 18.553 9.67191 18.5154C8.89035 18.481 8.46831 18.3498 8.18695 18.2404C7.84001 18.1122 7.52422 17.909 7.26789 17.6434C7.00216 17.3839 6.79896 17.0713 6.67074 16.7245C6.56131 16.4431 6.43004 16.018 6.39572 15.2398C6.35811 14.3958 6.34883 14.1426 6.34883 12.0078C6.34883 9.87299 6.35811 9.61671 6.39572 8.77597C6.43004 7.99457 6.56131 7.57261 6.67074 7.2913C6.79896 6.94431 7.00216 6.6287 7.27107 6.3723C7.53044 6.10662 7.84307 5.90346 8.19012 5.77538C8.47148 5.66598 8.8967 5.53473 9.67507 5.5003C10.5192 5.46282 10.7724 5.45342 12.9076 5.45342C15.046 5.45342 15.2991 5.46282 16.1401 5.5003C16.9216 5.53473 17.3437 5.66598 17.6251 5.77538C17.972 5.90346 18.2878 6.10662 18.5441 6.3723C18.8099 6.63174 19.0131 6.94431 19.1413 7.2913C19.2507 7.57261 19.382 7.99762 19.4164 8.77597C19.4539 9.61989 19.4633 9.87299 19.4633 12.0078C19.4633 14.1426 19.4539 14.3927 19.4164 15.2366ZM12.8447 8.27744C10.666 8.27744 8.89819 10.0451 8.89819 12.224C8.89819 14.4029 10.666 16.1705 12.8447 16.1705C15.0236 16.1705 16.7912 14.4029 16.7912 12.224C16.7912 10.0451 15.0236 8.27744 12.8447 8.27744ZM12.8447 14.784C11.4312 14.784 10.2847 13.6376 10.2847 12.224C10.2847 10.8104 11.4312 9.66396 12.8447 9.66396C14.2584 9.66396 15.4048 10.8104 15.4048 12.224C15.4048 13.6376 14.2584 14.784 12.8447 14.784ZM16.9473 9.04267C17.4562 9.04267 17.8688 8.63013 17.8688 8.12134C17.8688 7.61242 17.4562 7.2 16.9473 7.2C16.4385 7.2 16.026 7.61242 16.026 8.12134C16.026 8.63013 16.4385 9.04267 16.9473 9.04267Z" fill="#D1D1D6" /> </svg> </a> </li> <li> <a href="https://twitter.com/" class="social__item"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="social__svg_f" d="M21 7.65738C20.3306 7.93846 19.6174 8.12476 18.8737 8.21522C19.6387 7.77799 20.2226 7.09092 20.4971 6.26277C19.7839 6.66984 18.9964 6.95738 18.1571 7.11784C17.4799 6.42754 16.5146 6 15.4616 6C13.4186 6 11.7739 7.58738 11.7739 9.53338C11.7739 9.81338 11.7986 10.0826 11.8594 10.3389C8.7915 10.1957 6.07688 8.78815 4.25325 6.644C3.93487 7.17276 3.74812 7.77799 3.74812 8.42953C3.74812 9.65291 4.40625 10.7374 5.38725 11.3652C4.79437 11.3544 4.21275 11.1897 3.72 10.9301C3.72 10.9409 3.72 10.9549 3.72 10.9689C3.72 12.6855 4.99912 14.1114 6.6765 14.4398C6.37613 14.5184 6.04875 14.5561 5.709 14.5561C5.47275 14.5561 5.23425 14.5432 5.01037 14.4958C5.4885 15.8948 6.84526 16.9232 8.4585 16.9566C7.203 17.8968 5.60887 18.4632 3.88312 18.4632C3.5805 18.4632 3.29025 18.4503 3 18.4148C4.63462 19.4238 6.57188 20 8.661 20C15.4515 20 19.164 14.6154 19.164 9.94799C19.164 9.79184 19.1584 9.64107 19.1505 9.49138C19.8829 8.99384 20.4982 8.37245 21 7.65738Z" fill="#D1D1D6" /> </svg> </a> </li> <li> <a href="https://www.facebook.com/" class="social__item"> <svg width="30" height="24" viewBox="0 0 30 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="social__svg_f" fill-rule="evenodd" clip-rule="evenodd" d="M16.683 21V11.999H19.5189L19.8947 8.89714H16.683L16.6878 7.34465C16.6878 6.53565 16.7755 6.10217 18.1017 6.10217H19.8746V3H17.0383C13.6315 3 12.4323 4.50471 12.4323 7.03517V8.89749H10.3087V11.9993H12.4323V21H16.683Z" fill="#D1D1D6" /> </svg> </a> </li> </ul> </div> </div> </div> </div></footer> </div> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script><script src="js/vendors.min.js"></script><script src="js/app.min.js"></script></body></html>