From 68064abc788c87272d0c5c3a9000fb3a3ec24857 Mon Sep 17 00:00:00 2001 From: StepanovaD91 <81827164+StepanovaD91@users.noreply.github.com> Date: Sat, 10 Jul 2021 02:25:35 +0300 Subject: [PATCH] Add files via upload --- _cards.scss | 274 ++--- _cart.scss | 432 ++++---- _catalog.scss | 110 +- _category.scss | 112 +- _filters.scss | 208 ++-- _footer.scss | 242 ++-- _function.scss | 8 +- _header.scss | 94 +- _intro.scss | 74 +- _main.scss | 16 +- _pagination.scss | 68 +- _privelege.scss | 92 +- _product.scss | 348 +++--- cart.html | 320 +++--- catalog.html | 906 +++++++-------- img/Vector -right.svg | 6 +- img/Vector-left.svg | 6 +- img/Vector-left1.svg | 6 +- img/Vector-right.svg | 6 +- img/exit.svg | 6 +- img/icon__deliv.svg | 6 +- img/icon__qual.svg | 6 +- img/icon__sale.svg | 6 +- img/logo.svg | 18 +- img/menu.svg | 6 +- img/profile.svg | 6 +- img/search.svg | 6 +- img/shop-pink.svg | 6 +- img/shop.svg | 6 +- index.html | 640 +++++------ product.html | 508 ++++----- style.css | 2432 ++++++++++++++++++++--------------------- style.css.map | 42 +- style.scss | 58 +- 34 files changed, 3540 insertions(+), 3540 deletions(-) diff --git a/_cards.scss b/_cards.scss index be1b226..03da5f5 100644 --- a/_cards.scss +++ b/_cards.scss @@ -1,138 +1,138 @@ -.cards { - &__header { - margin: 96px 0 18px 0; - align-items: center; - justify-content: center; - text-align: center; - - h2 { - font-size: 30px; - line-height: 36px; - color: $b-color; - } - - span { - font-size: 14px; - line-height: 17px; - color: #9F9F9F; - } - } - - &__wrap { - display: flex; - flex-flow: row wrap; - justify-content: space-between; - } - - &__box { - display: flex; - flex-wrap: wrap; - width: 360px; - height: 581px; - margin: 30px 0 0 0; - background: #F8F8F8; - position: relative; - overflow: hidden; - - &:hover { - box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); - - .cards__box__shadow { - opacity: 1; - } - } - - - - &__shadow { - position: absolute; - top: 0; - left: 0; - right: 0; - height: 420px; - background-color: rgba(58, 56, 56, 0.83); - display: flex; - justify-content: center; - align-items: center; - opacity: 0; - - a { - text-decoration: none; - } - - .btn { - display: flex; - background:none; - padding: 13px 16px 13px 13px; - font-size: 14px; - line-height: 17px; - color: $text-color; - border: 1px solid $text-color; - align-items: center; - cursor: pointer; - - &__icon { - padding-right: 11px; - } - } - } - } - - &__img { - height: 420px; - } - - &__text { - height: 100%; - padding: 24px 28px 20px 16px; - } - - &__name { - font-size: 13px; - line-height: 16px; - text-decoration: none; - color: #000000; - } - - &__content { - padding: 12px 0 18px 0; - font-weight: 300; - font-size: 14px; - line-height: 17px; - color: #5D5D5D; - } - - &__price { - font-size: 16px; - line-height: 19px; - color: $decor-color; - } - - - a.catalog { - display: flex; - justify-content: center; - align-items: center; - text-decoration: none; - - .cards__button { - margin: 48px 0 95px 0; - background: none; - border: 1px solid $btn-color; - font-size: 16px; - line-height: 19px; - color: #F26376; - padding: 14px 38px; - cursor: pointer; - - - &:hover { - color: $text-color; - background: $decor-color; - } - - - } - } - +.cards { + &__header { + margin: 96px 0 18px 0; + align-items: center; + justify-content: center; + text-align: center; + + h2 { + font-size: 30px; + line-height: 36px; + color: $b-color; + } + + span { + font-size: 14px; + line-height: 17px; + color: #9F9F9F; + } + } + + &__wrap { + display: flex; + flex-flow: row wrap; + justify-content: space-between; + } + + &__box { + display: flex; + flex-wrap: wrap; + width: 360px; + height: 581px; + margin: 30px 0 0 0; + background: #F8F8F8; + position: relative; + overflow: hidden; + + &:hover { + box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); + + .cards__box__shadow { + opacity: 1; + } + } + + + + &__shadow { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 420px; + background-color: rgba(58, 56, 56, 0.83); + display: flex; + justify-content: center; + align-items: center; + opacity: 0; + + a { + text-decoration: none; + } + + .btn { + display: flex; + background:none; + padding: 13px 16px 13px 13px; + font-size: 14px; + line-height: 17px; + color: $text-color; + border: 1px solid $text-color; + align-items: center; + cursor: pointer; + + &__icon { + padding-right: 11px; + } + } + } + } + + &__img { + height: 420px; + } + + &__text { + height: 100%; + padding: 24px 28px 20px 16px; + } + + &__name { + font-size: 13px; + line-height: 16px; + text-decoration: none; + color: #000000; + } + + &__content { + padding: 12px 0 18px 0; + font-weight: 300; + font-size: 14px; + line-height: 17px; + color: #5D5D5D; + } + + &__price { + font-size: 16px; + line-height: 19px; + color: $decor-color; + } + + + a.catalog { + display: flex; + justify-content: center; + align-items: center; + text-decoration: none; + + .cards__button { + margin: 48px 0 95px 0; + background: none; + border: 1px solid $btn-color; + font-size: 16px; + line-height: 19px; + color: #F26376; + padding: 14px 38px; + cursor: pointer; + + + &:hover { + color: $text-color; + background: $decor-color; + } + + + } + } + } \ No newline at end of file diff --git a/_cart.scss b/_cart.scss index b1aac2b..f0f07ee 100644 --- a/_cart.scss +++ b/_cart.scss @@ -1,216 +1,216 @@ -.cart { - display: flex; - justify-content: space-between; - margin-top: 96px; - margin-bottom: 130px; - - &__box { - display: flex; - align-items: center; - flex-direction: column; - max-width: 652px; - - - - - .product { - display: flex; - flex-direction: row; - box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.25); - - &:after { - content: ''; - background: url(./img/exit.svg); - position: relative; - margin: 28px 22px 0 0; - width: 18px; - height: 18px; - cursor: pointer; - } - - .cards__img { - width: 262px; - height: 306px; - } - - .characteristic { - padding: 22px 97px 62px 31px; - - h3 { - font-size: 24px; - line-height: 29px; - max-width: 200px; - margin: 0 0 42px 0; - } - - ul { - list-style-type: none; - - li { - font-size: 22px; - line-height: 26px; - color: #575757; - - span { - color: $decor-color; - } - - button { - padding: 1px 17px; - background: none; - border: 1px solid #EAEAEA; - margin-left: 24px; - cursor: pointer; - } - } - - } - - } - &:not(:last-child) { - margin: 0 0 40px 0; - } - } - - .btn { - display: flex; - justify-content: space-between; - width: 100%; - box-sizing: border-box; - - button { - display: flex; - background: none; - border: 1px solid #A4A4A4; - font-weight: 300; - font-size: 14px; - line-height: 17px; - padding: 16px 40px; - box-sizing: border-box; - cursor: pointer; - - &:hover { - color: $text-color; - background: #A4A4A4; - border: 1px solid #575757;; - } - } - - } - } - - &__order { - display: flex; - align-items: center; - flex-direction: column; - - - .adress { - - legend { - font-weight: 300; - font-size: 16px; - line-height: 19px; - margin-bottom: 20px; - } - - input { - border: 1px solid #A4A4A4; - padding: 12px 0 15px 17px; - width: 360px; - margin-bottom: 24px; - - &:not(last-child) { - margin-bottom: 20px; - } - } - - button { - font-weight: 300; - font-size: 11px; - line-height: 13px; - color: #4A4A4A; - padding: 10px 14px; - border: 1px solid #A4A4A4; - background: none; - cursor: pointer; - - } - - - - } - - .checkout { - display: flex; - flex-direction: column; - padding: 39px 34px 42px 44px; - background: #F5F3F3; - width: 100%; - box-sizing: border-box; - margin-top: 57px; - - - .total { - display: flex; - flex-direction: column; - padding-bottom: 21px; - margin-bottom: 17px; - border-bottom: 1px solid #E2E2E2; - - - h4 { - font-size: 11px; - line-height: 13px; - color: #4A4A4A; - display: flex; - justify-content:flex-end; - margin-bottom: 13px; - - span { - margin-left: 20px; - } - - } - - h3 { - font-weight: 300; - font-size: 16px; - line-height: 19px; - display: flex; - justify-content:flex-end; - - span { - margin-left: 20px; - color: $decor-color; - font-weight: bold; - - } - } - } - - button { - background: $decor-color; - color: $text-color; - border: none; - font-weight: 300; - font-size: 16px; - line-height: 19px; - padding: 15px 40px; - cursor: pointer; - box-sizing: border-box; - - &:hover { - background: $text-color; - color: $decor-color; - border: 1px solid $decor-color; - - } - - } - - } - - } -} - +.cart { + display: flex; + justify-content: space-between; + margin-top: 96px; + margin-bottom: 130px; + + &__box { + display: flex; + align-items: center; + flex-direction: column; + max-width: 652px; + + + + + .product { + display: flex; + flex-direction: row; + box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.25); + + &:after { + content: ''; + background: url(./img/exit.svg); + position: relative; + margin: 28px 22px 0 0; + width: 18px; + height: 18px; + cursor: pointer; + } + + .cards__img { + width: 262px; + height: 306px; + } + + .characteristic { + padding: 22px 97px 62px 31px; + + h3 { + font-size: 24px; + line-height: 29px; + max-width: 200px; + margin: 0 0 42px 0; + } + + ul { + list-style-type: none; + + li { + font-size: 22px; + line-height: 26px; + color: #575757; + + span { + color: $decor-color; + } + + button { + padding: 1px 17px; + background: none; + border: 1px solid #EAEAEA; + margin-left: 24px; + cursor: pointer; + } + } + + } + + } + &:not(:last-child) { + margin: 0 0 40px 0; + } + } + + .btn { + display: flex; + justify-content: space-between; + width: 100%; + box-sizing: border-box; + + button { + display: flex; + background: none; + border: 1px solid #A4A4A4; + font-weight: 300; + font-size: 14px; + line-height: 17px; + padding: 16px 40px; + box-sizing: border-box; + cursor: pointer; + + &:hover { + color: $text-color; + background: #A4A4A4; + border: 1px solid #575757;; + } + } + + } + } + + &__order { + display: flex; + align-items: center; + flex-direction: column; + + + .adress { + + legend { + font-weight: 300; + font-size: 16px; + line-height: 19px; + margin-bottom: 20px; + } + + input { + border: 1px solid #A4A4A4; + padding: 12px 0 15px 17px; + width: 360px; + margin-bottom: 24px; + + &:not(last-child) { + margin-bottom: 20px; + } + } + + button { + font-weight: 300; + font-size: 11px; + line-height: 13px; + color: #4A4A4A; + padding: 10px 14px; + border: 1px solid #A4A4A4; + background: none; + cursor: pointer; + + } + + + + } + + .checkout { + display: flex; + flex-direction: column; + padding: 39px 34px 42px 44px; + background: #F5F3F3; + width: 100%; + box-sizing: border-box; + margin-top: 57px; + + + .total { + display: flex; + flex-direction: column; + padding-bottom: 21px; + margin-bottom: 17px; + border-bottom: 1px solid #E2E2E2; + + + h4 { + font-size: 11px; + line-height: 13px; + color: #4A4A4A; + display: flex; + justify-content:flex-end; + margin-bottom: 13px; + + span { + margin-left: 20px; + } + + } + + h3 { + font-weight: 300; + font-size: 16px; + line-height: 19px; + display: flex; + justify-content:flex-end; + + span { + margin-left: 20px; + color: $decor-color; + font-weight: bold; + + } + } + } + + button { + background: $decor-color; + color: $text-color; + border: none; + font-weight: 300; + font-size: 16px; + line-height: 19px; + padding: 15px 40px; + cursor: pointer; + box-sizing: border-box; + + &:hover { + background: $text-color; + color: $decor-color; + border: 1px solid $decor-color; + + } + + } + + } + + } +} + diff --git a/_catalog.scss b/_catalog.scss index e03e636..49098fc 100644 --- a/_catalog.scss +++ b/_catalog.scss @@ -1,56 +1,56 @@ - - -.header__menu { - display: flex; - justify-content: space-between; - padding: 60px 230px; - background-color: #F8F3F4; - - h2 { - color: $decor-color; - } - - .breadcrumbs { - margin: 0; - padding: 0; - list-style: none; - - li { - display: inline-block; - vertical-align: top; - margin-right: 5px; - - &:not(:last-child):after { - content: "/"; - margin-left: 5px; - font-weight: 300; - font-size: 14px; - line-height: 17px; - color: #636363; - } - span { - color: $decor-color; - font-weight: bold; - } - } - - a { - font-weight: 300; - font-size: 14px; - line-height: 17px; - color: #636363; - text-decoration: none; - - &:not(span):hover { - text-decoration: underline; - } - - - } - - } -} - -@import "_filters.scss"; - + + +.header__menu { + display: flex; + justify-content: space-between; + padding: 60px 230px; + background-color: #F8F3F4; + + h2 { + color: $decor-color; + } + + .breadcrumbs { + margin: 0; + padding: 0; + list-style: none; + + li { + display: inline-block; + vertical-align: top; + margin-right: 5px; + + &:not(:last-child):after { + content: "/"; + margin-left: 5px; + font-weight: 300; + font-size: 14px; + line-height: 17px; + color: #636363; + } + span { + color: $decor-color; + font-weight: bold; + } + } + + a { + font-weight: 300; + font-size: 14px; + line-height: 17px; + color: #636363; + text-decoration: none; + + &:not(span):hover { + text-decoration: underline; + } + + + } + + } +} + +@import "_filters.scss"; + @import "_pagination.scss"; \ No newline at end of file diff --git a/_category.scss b/_category.scss index 41a51cc..4140f3e 100644 --- a/_category.scss +++ b/_category.scss @@ -1,57 +1,57 @@ -.category { - - &__wrap { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - } - - &__item { - display: flex; - align-items: center; - justify-content: center; - text-align: center; - width: 100%; - height: 180px; - - } - - &__item:not(:last-child) { - width: 360px; - margin: 0 0 30px 0; - height: 260px; - } - - &__text { - font-style: normal; - font-weight: normal; - font-size: 16px; - line-height: 19px; - color: $text-color; - } - - h3 { - padding: 5px 0 0 0; - color: $decor-color; - } -} - -.woman__item { - background: url('./img/bcg.png'), - url('./img/woman_offer.jpg'); -} - -.men__item { - background: url('./img/bcg.png'), - url('./img/man_offer.jpg'); -} - -.kids__item { - background: url('./img/bcg.png'), - url('./img/kids_offer.jpg'); -} - -.acs__item { - background: url('./img/bcg_acs.png') no-repeat, - url('./img/acs_offer.jpg') no-repeat; +.category { + + &__wrap { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + + &__item { + display: flex; + align-items: center; + justify-content: center; + text-align: center; + width: 100%; + height: 180px; + + } + + &__item:not(:last-child) { + width: 360px; + margin: 0 0 30px 0; + height: 260px; + } + + &__text { + font-style: normal; + font-weight: normal; + font-size: 16px; + line-height: 19px; + color: $text-color; + } + + h3 { + padding: 5px 0 0 0; + color: $decor-color; + } +} + +.woman__item { + background: url('./img/bcg.png'), + url('./img/woman_offer.jpg'); +} + +.men__item { + background: url('./img/bcg.png'), + url('./img/man_offer.jpg'); +} + +.kids__item { + background: url('./img/bcg.png'), + url('./img/kids_offer.jpg'); +} + +.acs__item { + background: url('./img/bcg_acs.png') no-repeat, + url('./img/acs_offer.jpg') no-repeat; } \ No newline at end of file diff --git a/_filters.scss b/_filters.scss index 2a8fe12..5586469 100644 --- a/_filters.scss +++ b/_filters.scss @@ -1,105 +1,105 @@ -.filtres { - display: flex; - padding: 51px 0 64px 0; - -} - -.filtres__wrap { - display: flex; - -} - -.filter__left { - display: flex; - padding: 0 304px 0 00; - display: inline-block; -} - -.filter__img { - padding: 0 0 0 11px; -} - -.filers__category__box { - box-shadow: 0 0 50px hsl(0, 0%, 70%); - position: absolute; - background: $text-color; - width: 360px; - z-index: 1; -} - - - -details summary { - display: block; - width: 10em; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - outline-style: none; - cursor: pointer; -} - -details summary::-webkit-details-marker { - display: none; -} - -.filters__category__details { - padding: 16px 0 18px 17px; -} - -.filters__category__details[open] { - color: $accent-color; -} - -.filters__category { - display: block; - border-left: 5px solid $accent-color; - border-bottom: 1px solid #EBEBEB; - padding: 10px; - outline: none; -} - - - -.filters__category__ul { - margin: 24px 0 6px 17px; - list-style: none; -} - -.filters__category__li { - font-size: 14px; - line-height: 17px; - color: #6F6E6E; -} - -.filters__category__li:not(:last-child) { - padding: 0 0 11px 0; -} - - -.filter__center { - display: flex; - -} - -.filter__center__category:not(:first-child) { - margin: 0 0 0 30px; -} - -.filter__size { - display: flex; - flex-direction: column; - box-shadow: 0 0 50px hsl(0, 0%, 70%); - position: absolute; - background: $text-color; - - padding: 7px 30px 11px 9px; -} - -.filter__size__input:not(:last-child) { - padding: 0 0 6px 0 ; -} - -.filter__size__input__checkbox { - margin: 0 9px 0 0; +.filtres { + display: flex; + padding: 51px 0 64px 0; + +} + +.filtres__wrap { + display: flex; + +} + +.filter__left { + display: flex; + padding: 0 304px 0 00; + display: inline-block; +} + +.filter__img { + padding: 0 0 0 11px; +} + +.filers__category__box { + box-shadow: 0 0 50px hsl(0, 0%, 70%); + position: absolute; + background: $text-color; + width: 360px; + z-index: 1; +} + + + +details summary { + display: block; + width: 10em; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + outline-style: none; + cursor: pointer; +} + +details summary::-webkit-details-marker { + display: none; +} + +.filters__category__details { + padding: 16px 0 18px 17px; +} + +.filters__category__details[open] { + color: $accent-color; +} + +.filters__category { + display: block; + border-left: 5px solid $accent-color; + border-bottom: 1px solid #EBEBEB; + padding: 10px; + outline: none; +} + + + +.filters__category__ul { + margin: 24px 0 6px 17px; + list-style: none; +} + +.filters__category__li { + font-size: 14px; + line-height: 17px; + color: #6F6E6E; +} + +.filters__category__li:not(:last-child) { + padding: 0 0 11px 0; +} + + +.filter__center { + display: flex; + +} + +.filter__center__category:not(:first-child) { + margin: 0 0 0 30px; +} + +.filter__size { + display: flex; + flex-direction: column; + box-shadow: 0 0 50px hsl(0, 0%, 70%); + position: absolute; + background: $text-color; + + padding: 7px 30px 11px 9px; +} + +.filter__size__input:not(:last-child) { + padding: 0 0 6px 0 ; +} + +.filter__size__input__checkbox { + margin: 0 9px 0 0; } \ No newline at end of file diff --git a/_footer.scss b/_footer.scss index 9342d4c..a91c0ae 100644 --- a/_footer.scss +++ b/_footer.scss @@ -1,122 +1,122 @@ -@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); - -.footer { - background: #222224; - - &__subscribe { - background: url('./img/footer__bcg.png') no-repeat, - url('./img/footer__img.png') no-repeat; - /*padding: 86px 327px 156px 208px;*/ - display: flex; - justify-content: center; - background-size: 100% auto; - height: 448px; - - &__container { - max-width: 1140px; - display: flex; - justify-content: space-between; - - .feedback { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - margin: 0 327px 0 0; - max-width: 360px; - - .avatar { - display: flex; - width: 96px; - height: 96px; - } - - blockquote { - font-size: 20px; - line-height: 24px; - color: #222224; - text-align: center; - padding: 30px 0 0 0; - - } - - } - - .subsribe__form { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - text-align: center; - max-width: 360px; - - p { - padding: 10px 0 0 0; - } - - form { - display: flex; - margin: 32px 0 0 0; - } - - .subscribe-field { - border: none; - background: #E1E1E1; - padding: 20px; - border-top-left-radius: 40px; - border-bottom-left-radius: 40px; - - &::placeholder { - font-size: 14px; - line-height: 17px; - color: #222224; - } - } - - .subscribe-btn { - border: none; - background-color: $decor-color; - color: #fff; - padding: 20px; - border-top-right-radius: 40px; - border-bottom-right-radius: 40px; - cursor: pointer; - } - - } - } - } - - &__contacts { - display: flex; - justify-content: space-between; - align-items: center; - - .brand { - p { - font-size: 16px; - line-height: 19px; - color: #FBFBFB; - } - } - - .network { - span a { - text-align: center; - width: 32px; - height: 32px; - float: left; - background: $text-color; - margin: 24px 7px 24px 0; - padding: 6px; - color: #000; - font-size: 16px; - - &:hover { - background: $decor-color; - color: $text-color; - } - } - } - } +@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); + +.footer { + background: #222224; + + &__subscribe { + background: url('./img/footer__bcg.png') no-repeat, + url('./img/footer__img.png') no-repeat; + /*padding: 86px 327px 156px 208px;*/ + display: flex; + justify-content: center; + background-size: 100% auto; + height: 448px; + + &__container { + max-width: 1140px; + display: flex; + justify-content: space-between; + + .feedback { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin: 0 327px 0 0; + max-width: 360px; + + .avatar { + display: flex; + width: 96px; + height: 96px; + } + + blockquote { + font-size: 20px; + line-height: 24px; + color: #222224; + text-align: center; + padding: 30px 0 0 0; + + } + + } + + .subsribe__form { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + max-width: 360px; + + p { + padding: 10px 0 0 0; + } + + form { + display: flex; + margin: 32px 0 0 0; + } + + .subscribe-field { + border: none; + background: #E1E1E1; + padding: 20px; + border-top-left-radius: 40px; + border-bottom-left-radius: 40px; + + &::placeholder { + font-size: 14px; + line-height: 17px; + color: #222224; + } + } + + .subscribe-btn { + border: none; + background-color: $decor-color; + color: #fff; + padding: 20px; + border-top-right-radius: 40px; + border-bottom-right-radius: 40px; + cursor: pointer; + } + + } + } + } + + &__contacts { + display: flex; + justify-content: space-between; + align-items: center; + + .brand { + p { + font-size: 16px; + line-height: 19px; + color: #FBFBFB; + } + } + + .network { + span a { + text-align: center; + width: 32px; + height: 32px; + float: left; + background: $text-color; + margin: 24px 7px 24px 0; + padding: 6px; + color: #000; + font-size: 16px; + + &:hover { + background: $decor-color; + color: $text-color; + } + } + } + } } \ No newline at end of file diff --git a/_function.scss b/_function.scss index f1367e5..908c378 100644 --- a/_function.scss +++ b/_function.scss @@ -1,5 +1,5 @@ -$b-color:#222222; -$decor-color: #F16D7F; -$text-color: #FFFFFF; -$btn-color: #FF6A6A; +$b-color:#222222; +$decor-color: #F16D7F; +$text-color: #FFFFFF; +$btn-color: #FF6A6A; $accent-color:#EF5B70; \ No newline at end of file diff --git a/_header.scss b/_header.scss index d46b226..c190134 100644 --- a/_header.scss +++ b/_header.scss @@ -1,48 +1,48 @@ -.header { - padding: 18px 0; - background-color: $b-color; - text-decoration: none; - - &__wrap { - display: flex; - justify-content: space-between; - - } - - &__right { - display: flex; - align-items: center; - } - - &__logo { - margin-right: 41px; - } - - &__item { - margin-left: 25px; - } - -} - - -.shop { - margin-left: 42px; - position: relative; - width: 32px; - height: 29px; -} -.count { - position: absolute; - display: flex; - align-items: center; - justify-content: center; - right: -10px; - top: -10px; - width: 19px; - height: 19px; - background: $decor-color; - border-radius: 50%; - font-size: 12px; - line-height: 14px; - color: $text-color; +.header { + padding: 18px 0; + background-color: $b-color; + text-decoration: none; + + &__wrap { + display: flex; + justify-content: space-between; + + } + + &__right { + display: flex; + align-items: center; + } + + &__logo { + margin-right: 41px; + } + + &__item { + margin-left: 25px; + } + +} + + +.shop { + margin-left: 42px; + position: relative; + width: 32px; + height: 29px; +} +.count { + position: absolute; + display: flex; + align-items: center; + justify-content: center; + right: -10px; + top: -10px; + width: 19px; + height: 19px; + background: $decor-color; + border-radius: 50%; + font-size: 12px; + line-height: 14px; + color: $text-color; } \ No newline at end of file diff --git a/_intro.scss b/_intro.scss index d2284c0..fc7e8e6 100644 --- a/_intro.scss +++ b/_intro.scss @@ -1,38 +1,38 @@ -.intro { - height: 764px; - background-color: #F1E4E6; - margin: 0 0 65px 0; - - &__wrap { - height: 100%; - display: flex; - align-items: center; - justify-content: flex-end; - background-image: url('./img/man.png'); - background-repeat: no-repeat; - background-position: -208px bottom; - } - - &__text { - max-width: 377px; - padding-left: 16px; - border-left: 12px solid $decor-color; - color: $b-color; - font-style: normal; - font-weight: 900; - } - - h1 { - font-size: 48px; - line-height: 58px; - } - - h2 { - font-size: 30px; - } - - .decor { - color: $decor-color; - } - +.intro { + height: 764px; + background-color: #F1E4E6; + margin: 0 0 65px 0; + + &__wrap { + height: 100%; + display: flex; + align-items: center; + justify-content: flex-end; + background-image: url('./img/man.png'); + background-repeat: no-repeat; + background-position: -208px bottom; + } + + &__text { + max-width: 377px; + padding-left: 16px; + border-left: 12px solid $decor-color; + color: $b-color; + font-style: normal; + font-weight: 900; + } + + h1 { + font-size: 48px; + line-height: 58px; + } + + h2 { + font-size: 30px; + } + + .decor { + color: $decor-color; + } + } \ No newline at end of file diff --git a/_main.scss b/_main.scss index 6e3c677..a776fb4 100644 --- a/_main.scss +++ b/_main.scss @@ -1,8 +1,8 @@ -@import "_intro.scss"; -@import "_category.scss"; - - - - - - +@import "_intro.scss"; +@import "_category.scss"; + + + + + + diff --git a/_pagination.scss b/_pagination.scss index 091f733..00e38a3 100644 --- a/_pagination.scss +++ b/_pagination.scss @@ -1,35 +1,35 @@ -.pagination__center { - text-align: center; - margin: 48px 0 96px 0; - font-weight: 300; - font-size: 16px; - line-height: 19px; - cursor: pointer; - - ul { - text-align: center; - border: 1px solid #EBEBEB; - cursor: pointer; - display: inline-block; - padding: 0; - margin: 0; - - li { - display: inline; - - a { - color: $b-color; - float: left; - padding: 8px 16px; - text-decoration: none; - - &:hover { - background-color: $accent-color; - color: #E1E1E1; - } - } - - } - - } +.pagination__center { + text-align: center; + margin: 48px 0 96px 0; + font-weight: 300; + font-size: 16px; + line-height: 19px; + cursor: pointer; + + ul { + text-align: center; + border: 1px solid #EBEBEB; + cursor: pointer; + display: inline-block; + padding: 0; + margin: 0; + + li { + display: inline; + + a { + color: $b-color; + float: left; + padding: 8px 16px; + text-decoration: none; + + &:hover { + background-color: $accent-color; + color: #E1E1E1; + } + } + + } + + } } \ No newline at end of file diff --git a/_privelege.scss b/_privelege.scss index d3dfc60..4329a08 100644 --- a/_privelege.scss +++ b/_privelege.scss @@ -1,47 +1,47 @@ -.privelege { - background: $b-color; - - &__wrap{ - display: flex; - flex-direction:column; - } - - &__main { - display: flex; - justify-content: space-between; - padding: 103px 0 104px 0; - } - - &__box { - color: #FBFBFB; - justify-content: space-between; - text-align: center; - - &:not(:last-child) { - margin: 0 30px 0 0; - } - - h3 { - font-size: 19.96px; - line-height: 24px; - padding: 28px 0 16px 0; - - } - - .sale { - padding: 19px 0 16px 0; - } - - .qual { - padding: 25px 0 16px 0; - } - - p { - font-weight: 300; - font-size: 13.972px; - line-height: 17px; - display: inline-block; - } - } - +.privelege { + background: $b-color; + + &__wrap{ + display: flex; + flex-direction:column; + } + + &__main { + display: flex; + justify-content: space-between; + padding: 103px 0 104px 0; + } + + &__box { + color: #FBFBFB; + justify-content: space-between; + text-align: center; + + &:not(:last-child) { + margin: 0 30px 0 0; + } + + h3 { + font-size: 19.96px; + line-height: 24px; + padding: 28px 0 16px 0; + + } + + .sale { + padding: 19px 0 16px 0; + } + + .qual { + padding: 25px 0 16px 0; + } + + p { + font-weight: 300; + font-size: 13.972px; + line-height: 17px; + display: inline-block; + } + } + } \ No newline at end of file diff --git a/_product.scss b/_product.scss index 0ec7849..8c803aa 100644 --- a/_product.scss +++ b/_product.scss @@ -1,174 +1,174 @@ -.wrap { - width: 600px; - margin: 0 auto; - border: 1px solid #EAEAEA; - display: flex; - -} - -.slider { - background: #F7F7F7; - display: flex; - justify-content: center; - align-items: center; - position: relative; - padding-bottom: 50px; - - &-btn { - background: rgba(42, 42, 42, 0.15); - color: #000000; - padding: 13px 17px; - border: none; - position: absolute; - width: 47px; - height: 47px; - cursor: pointer; - - &:hover { - background: #F7F7F7; - border: 1px solid $accent-color; - } - - &:active { - background: #000; - } - - &-left { - left: 5px; - } - - &-right { - right: 5px; - } - - .vector { - fill: #000000; - } - - & > .vector:hover { - fill: $decor-color; - } - - & > .vector:active { - fill: $decor-color; - } - } -} - -.about__product { - margin: 0 0 130px 0; - display: flex; -} - - -.about-wrap { - background: $text-color; - margin-top: -50px; - position: relative; - padding: 65px 0; - display: flex; - flex-direction: column; - text-align: center; - justify-content: center; - align-items: center; - width: 1141px; - - h3 { - font-weight: 300; - font-size: 14px; - line-height: 17px; - color: $decor-color; - - &:after { - content: ""; - display: block; - background-color: $accent-color; - width: 63px; - height: 3px; - margin: 0 auto; - margin-top: 12px; - } - } - - - h2 { - font-weight: 300; - font-size: 18px; - line-height: 22px; - color: #4D4D4D; - padding: 0 0 48px 0; - margin-top: 12px; - } - - p { - font-weight: 300; - font-size: 14px; - line-height: 17px; - text-align: center; - color: #5E5E5E; - padding: 0 0 32px 0; - max-width: 555px; - } - - .price { - font-weight: 300; - font-size: 24px; - line-height: 29px; - color: $accent-color; - padding: 0 0 65px 0; - } - - .product { - border-bottom: 1px solid #EAEAEA; - padding: 0 50px; - display: flex; - flex-direction: column; - justify-content: center; - } - - .btn { - display: flex; - background:none; - padding: 13px 56px 13px 23px; - font-size: 14px; - line-height: 17px; - color: $btn-color; - border: 1px solid $btn-color; - align-items: center; - justify-content: center; - cursor: pointer; - - &__icon__shop { - padding-right: 23px; - fill: $btn-color; - - &:hover { - fill: $text-color; - } - } - - &:hover{ - color: $text-color; - background: $btn-color; - fill: $text-color; - } - } - - .filter { - font-size: 14px; - line-height: 17px; - color: #6F6E6E; - display: flex; - justify-content: center; - padding: 65px 0 49px 0; - } - -} - -.product__main { - margin-bottom: 128px; -} - - - - +.wrap { + width: 600px; + margin: 0 auto; + border: 1px solid #EAEAEA; + display: flex; + +} + +.slider { + background: #F7F7F7; + display: flex; + justify-content: center; + align-items: center; + position: relative; + padding-bottom: 50px; + + &-btn { + background: rgba(42, 42, 42, 0.15); + color: #000000; + padding: 13px 17px; + border: none; + position: absolute; + width: 47px; + height: 47px; + cursor: pointer; + + &:hover { + background: #F7F7F7; + border: 1px solid $accent-color; + } + + &:active { + background: #000; + } + + &-left { + left: 5px; + } + + &-right { + right: 5px; + } + + .vector { + fill: #000000; + } + + & > .vector:hover { + fill: $decor-color; + } + + & > .vector:active { + fill: $decor-color; + } + } +} + +.about__product { + margin: 0 0 130px 0; + display: flex; +} + + +.about-wrap { + background: $text-color; + margin-top: -50px; + position: relative; + padding: 65px 0; + display: flex; + flex-direction: column; + text-align: center; + justify-content: center; + align-items: center; + width: 1141px; + + h3 { + font-weight: 300; + font-size: 14px; + line-height: 17px; + color: $decor-color; + + &:after { + content: ""; + display: block; + background-color: $accent-color; + width: 63px; + height: 3px; + margin: 0 auto; + margin-top: 12px; + } + } + + + h2 { + font-weight: 300; + font-size: 18px; + line-height: 22px; + color: #4D4D4D; + padding: 0 0 48px 0; + margin-top: 12px; + } + + p { + font-weight: 300; + font-size: 14px; + line-height: 17px; + text-align: center; + color: #5E5E5E; + padding: 0 0 32px 0; + max-width: 555px; + } + + .price { + font-weight: 300; + font-size: 24px; + line-height: 29px; + color: $accent-color; + padding: 0 0 65px 0; + } + + .product { + border-bottom: 1px solid #EAEAEA; + padding: 0 50px; + display: flex; + flex-direction: column; + justify-content: center; + } + + .btn { + display: flex; + background:none; + padding: 13px 56px 13px 23px; + font-size: 14px; + line-height: 17px; + color: $btn-color; + border: 1px solid $btn-color; + align-items: center; + justify-content: center; + cursor: pointer; + + &__icon__shop { + padding-right: 23px; + fill: $btn-color; + + &:hover { + fill: $text-color; + } + } + + &:hover{ + color: $text-color; + background: $btn-color; + fill: $text-color; + } + } + + .filter { + font-size: 14px; + line-height: 17px; + color: #6F6E6E; + display: flex; + justify-content: center; + padding: 65px 0 49px 0; + } + +} + +.product__main { + margin-bottom: 128px; +} + + + + diff --git a/cart.html b/cart.html index bfc3457..4a8e8d1 100644 --- a/cart.html +++ b/cart.html @@ -1,161 +1,161 @@ - - - - - - - - - - Cart - - - - -
-
-
- - search -
-
- - - profile - - -
-
-
- -
-
-
-
-

SHOPPING CART

-
- -
-
- -
-
-
- cards -
-

MANGO PEOPLE T-SHIRT

-
    -
  • Price: $300
  • -
  • Color: Red
  • -
  • Size: Xl
  • -
  • Quantity:
  • -
-
-
- -
- cards -
-

MANGO PEOPLE T-SHIRT

-
    -
  • Price: $300
  • -
  • Color: Red
  • -
  • Size: Xl
  • -
  • Quantity:
  • -
-
-
- -
- - -
- -
- -
-
- SHIPPING ADRESS -
-
-
- -
- -
-
-

SUB TOTAL $900

-

GRAND TOTAL $900

-
- - -
- -
-
- - -
- - - - - - + + + + + + + + + + Cart + + + + +
+
+
+ + search +
+
+ + + profile + + +
+
+
+ +
+
+
+
+

SHOPPING CART

+
+ +
+
+ +
+
+
+ cards +
+

MANGO PEOPLE T-SHIRT

+
    +
  • Price: $300
  • +
  • Color: Red
  • +
  • Size: Xl
  • +
  • Quantity:
  • +
+
+
+ +
+ cards +
+

MANGO PEOPLE T-SHIRT

+
    +
  • Price: $300
  • +
  • Color: Red
  • +
  • Size: Xl
  • +
  • Quantity:
  • +
+
+
+ +
+ + +
+ +
+ +
+
+ SHIPPING ADRESS +
+
+
+ +
+ +
+
+

SUB TOTAL $900

+

GRAND TOTAL $900

+
+ + +
+ +
+
+ + +
+ + + + + + \ No newline at end of file diff --git a/catalog.html b/catalog.html index 3ed5413..dbd1786 100644 --- a/catalog.html +++ b/catalog.html @@ -1,454 +1,454 @@ - - - - - - - - Catalog - - - - - -
-
-
- - search -
-
- - - profile - - -
-
-
-
-
-
-
-

NEW ARRIVALS

-
- - - -
- -
- -
-
-
-
- FILTER - filter - -
- -
- CATEGORY -
    -
  • Accessories
  • -
  • Bags
  • -
  • Denim
  • -
  • Hoodies & Sweatshirts
  • -
  • Jackets & Coats
  • -
  • Polos
  • -
  • Shirts
  • -
  • Shoes
  • -
  • Sweaters & Knits
  • -
  • T-Shirts
  • -
  • Tanks
  • -
-
- -
- BRAND -
- -
- DESIGNER -
- -
-
-
- -
-
- TRENDING NOW filter -
- - -
- SIZE filter -
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- -
- -
- PRICE filter - -
-
-
-
- -
- -
-
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
- -
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
- -
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
- -
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
- -
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
- -
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
- -
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
- -
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
- -
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
- - - - - -
- - - -
- - -
- -
-
-
-
- icon -

Free Delivery

-

Worldwide delivery on all. Authorit tively morph next-generation - innov - tion - with extensive models.

-
- -
- icon -

Sales & discounts

-

Worldwide delivery on all. Authorit tively morph next-generation - innov - tion - with extensive models.

-
- -
- icon -

Quality assurance

-

Worldwide delivery on all. Authorit tively morph next-generation - innov - tion - with extensive models.

-
-
-
-
- -
- - - - + + + + + + + + Catalog + + + + + +
+
+
+ + search +
+
+ + + profile + + +
+
+
+
+
+
+
+

NEW ARRIVALS

+
+ + + +
+ +
+ +
+
+
+
+ FILTER + filter + +
+ +
+ CATEGORY +
    +
  • Accessories
  • +
  • Bags
  • +
  • Denim
  • +
  • Hoodies & Sweatshirts
  • +
  • Jackets & Coats
  • +
  • Polos
  • +
  • Shirts
  • +
  • Shoes
  • +
  • Sweaters & Knits
  • +
  • T-Shirts
  • +
  • Tanks
  • +
+
+ +
+ BRAND +
+ +
+ DESIGNER +
+ +
+
+
+ +
+
+ TRENDING NOW filter +
+ + +
+ SIZE filter +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ +
+ PRICE filter + +
+
+
+
+ +
+ +
+
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+ +
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+ +
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+ +
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+ +
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+ +
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+ +
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+ +
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+ +
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+ + + + + +
+ + + +
+ + +
+ +
+
+
+
+ icon +

Free Delivery

+

Worldwide delivery on all. Authorit tively morph next-generation + innov + tion + with extensive models.

+
+ +
+ icon +

Sales & discounts

+

Worldwide delivery on all. Authorit tively morph next-generation + innov + tion + with extensive models.

+
+ +
+ icon +

Quality assurance

+

Worldwide delivery on all. Authorit tively morph next-generation + innov + tion + with extensive models.

+
+
+
+
+ +
+ + + + \ No newline at end of file diff --git a/img/Vector -right.svg b/img/Vector -right.svg index 12ef11b..ea70789 100644 --- a/img/Vector -right.svg +++ b/img/Vector -right.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/img/Vector-left.svg b/img/Vector-left.svg index 17eff57..d0ee8ea 100644 --- a/img/Vector-left.svg +++ b/img/Vector-left.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/img/Vector-left1.svg b/img/Vector-left1.svg index 554bea2..a17b903 100644 --- a/img/Vector-left1.svg +++ b/img/Vector-left1.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/img/Vector-right.svg b/img/Vector-right.svg index 73181c2..8378a90 100644 --- a/img/Vector-right.svg +++ b/img/Vector-right.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/img/exit.svg b/img/exit.svg index 0ed12f1..9028963 100644 --- a/img/exit.svg +++ b/img/exit.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/img/icon__deliv.svg b/img/icon__deliv.svg index e49539a..c365eb1 100644 --- a/img/icon__deliv.svg +++ b/img/icon__deliv.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/img/icon__qual.svg b/img/icon__qual.svg index d917da8..18c6bfb 100644 --- a/img/icon__qual.svg +++ b/img/icon__qual.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/img/icon__sale.svg b/img/icon__sale.svg index eabc2d6..128aa7d 100644 --- a/img/icon__sale.svg +++ b/img/icon__sale.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/img/logo.svg b/img/logo.svg index be0b043..764aa57 100644 --- a/img/logo.svg +++ b/img/logo.svg @@ -1,9 +1,9 @@ - - - - - - - - - + + + + + + + + + diff --git a/img/menu.svg b/img/menu.svg index 6d9546f..2b219f2 100644 --- a/img/menu.svg +++ b/img/menu.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/img/profile.svg b/img/profile.svg index 0abd122..ae18362 100644 --- a/img/profile.svg +++ b/img/profile.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/img/search.svg b/img/search.svg index cf53b9d..dea107e 100644 --- a/img/search.svg +++ b/img/search.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/img/shop-pink.svg b/img/shop-pink.svg index d0322b0..1a000bc 100644 --- a/img/shop-pink.svg +++ b/img/shop-pink.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/img/shop.svg b/img/shop.svg index 6a29cde..9c3807a 100644 --- a/img/shop.svg +++ b/img/shop.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/index.html b/index.html index b9f8d62..bb3124a 100644 --- a/index.html +++ b/index.html @@ -1,321 +1,321 @@ - - - - - - - - SHOP - - - - - - -
-
- - -
-
- -
-
-
-
-

THE BRAND -

-

OF LUXERIOUS FASHION

- -
-
-
- -
-
-
-
- 30% OFF -

FOR WOMAN

-
-
- -
-
- HOT DEAL -

FOR MEN

-
-
- -
-
- NEW ARRIVALS -

FOR KIDS

-
-
- -
-
- LUXIROUS & TRENDY -

ACCESORIES

-
-
-
- -
- - - -
-
-

Fetured Items

- Shop for items based on what we featured in this week -
- -
- -
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
- -
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
- -
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
- -
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
- -
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
- -
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
-
- - - -
- -
-
-
-
- icon -

Free Delivery

-

Worldwide delivery on all. Authorit tively morph next-generation - innov - tion - with extensive models.

-
- -
- icon -

Sales & discounts

-

Worldwide delivery on all. Authorit tively morph next-generation - innov - tion - with extensive models.

-
- -
- icon -

Quality assurance

-

Worldwide delivery on all. Authorit tively morph next-generation - innov - tion - with extensive models.

-
-
-
-
- -
- - - - - + + + + + + + + SHOP + + + + + + +
+
+ + +
+
+ +
+
+
+
+

THE BRAND +

+

OF LUXERIOUS FASHION

+ +
+
+
+ +
+
+
+
+ 30% OFF +

FOR WOMAN

+
+
+ +
+
+ HOT DEAL +

FOR MEN

+
+
+ +
+
+ NEW ARRIVALS +

FOR KIDS

+
+
+ +
+
+ LUXIROUS & TRENDY +

ACCESORIES

+
+
+
+ +
+ + + +
+
+

Fetured Items

+ Shop for items based on what we featured in this week +
+ +
+ +
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+ +
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+ +
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+ +
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+ +
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+ +
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+
+ + + +
+ +
+
+
+
+ icon +

Free Delivery

+

Worldwide delivery on all. Authorit tively morph next-generation + innov + tion + with extensive models.

+
+ +
+ icon +

Sales & discounts

+

Worldwide delivery on all. Authorit tively morph next-generation + innov + tion + with extensive models.

+
+ +
+ icon +

Quality assurance

+

Worldwide delivery on all. Authorit tively morph next-generation + innov + tion + with extensive models.

+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/product.html b/product.html index 0a75ce0..dbb3b41 100644 --- a/product.html +++ b/product.html @@ -1,255 +1,255 @@ - - - - - - - - Product - - - - - - -
-
-
- - search -
-
- - - profile - - -
-
-
-
-
-
-
-

NEW ARRIVALS

-
- - - -
- -
- -
- slide - - -
-
-
-
-

WOMEN COLLECTION

- -

MOSCHINO CHEAP AND CHIC

- -

Compellingly actualize fully researched processes before proactive outsourcing. - Progressively - syndicate collaborative architectures before cutting-edge services. Completely visualize - parallel - core competencies rather than exceptional portals.

- -

$561

-
- - -
-
-
-
- CHOOSE COLOR filter - -
- - -
- CHOOSE SIZEfilter - -
- -
- QUANTITYfilter - -
-
-
-
- - - - - -
-
- - - - -
-
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
- -
- - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
- -
- cards - -
- -

ELLERY X M'O CAPSULE

-
-

- Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym - Ellery teams up with Moda Operandi. -

- - $52.00 - -
-
-
- - -
- - - - - - + + + + + + + + Product + + + + + + +
+
+
+ + search +
+
+ + + profile + + +
+
+
+
+
+
+
+

NEW ARRIVALS

+
+ + + +
+ +
+ +
+ slide + + +
+
+
+
+

WOMEN COLLECTION

+ +

MOSCHINO CHEAP AND CHIC

+ +

Compellingly actualize fully researched processes before proactive outsourcing. + Progressively + syndicate collaborative architectures before cutting-edge services. Completely visualize + parallel + core competencies rather than exceptional portals.

+ +

$561

+
+ + +
+
+
+
+ CHOOSE COLOR filter + +
+ + +
+ CHOOSE SIZEfilter + +
+ +
+ QUANTITYfilter + +
+
+
+
+ + + + + +
+
+ + + + +
+
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+ +
+ + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+ +
+ cards + +
+ +

ELLERY X M'O CAPSULE

+
+

+ Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym + Ellery teams up with Moda Operandi. +

+ + $52.00 + +
+
+
+ + +
+ + + + + + \ No newline at end of file diff --git a/style.css b/style.css index af777a6..6384c85 100644 --- a/style.css +++ b/style.css @@ -1,1217 +1,1217 @@ -@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); -* { - margin: 0; - padding: 0; -} - -body { - font-family: Lato; -} - -.container { - max-width: 1140px; - padding: 0 10px; - width: 100%; - margin: 0 auto; -} - -.header { - padding: 18px 0; - background-color: #222222; - text-decoration: none; -} - -.header__wrap { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.header__right { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.header__logo { - margin-right: 41px; -} - -.header__item { - margin-left: 25px; -} - -.shop { - margin-left: 42px; - position: relative; - width: 32px; - height: 29px; -} - -.count { - position: absolute; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - right: -10px; - top: -10px; - width: 19px; - height: 19px; - background: #F16D7F; - border-radius: 50%; - font-size: 12px; - line-height: 14px; - color: #FFFFFF; -} - -.cards__header { - margin: 96px 0 18px 0; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; -} - -.cards__header h2 { - font-size: 30px; - line-height: 36px; - color: #222222; -} - -.cards__header span { - font-size: 14px; - line-height: 17px; - color: #9F9F9F; -} - -.cards__wrap { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-flow: row wrap; - flex-flow: row wrap; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.cards__box { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 360px; - height: 581px; - margin: 30px 0 0 0; - background: #F8F8F8; - position: relative; - overflow: hidden; -} - -.cards__box:hover { - -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); - box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); -} - -.cards__box:hover .cards__box__shadow { - opacity: 1; -} - -.cards__box__shadow { - position: absolute; - top: 0; - left: 0; - right: 0; - height: 420px; - background-color: rgba(58, 56, 56, 0.83); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - opacity: 0; -} - -.cards__box__shadow a { - text-decoration: none; -} - -.cards__box__shadow .btn { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - background: none; - padding: 13px 16px 13px 13px; - font-size: 14px; - line-height: 17px; - color: #FFFFFF; - border: 1px solid #FFFFFF; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; -} - -.cards__box__shadow .btn__icon { - padding-right: 11px; -} - -.cards__img { - height: 420px; -} - -.cards__text { - height: 100%; - padding: 24px 28px 20px 16px; -} - -.cards__name { - font-size: 13px; - line-height: 16px; - text-decoration: none; - color: #000000; -} - -.cards__content { - padding: 12px 0 18px 0; - font-weight: 300; - font-size: 14px; - line-height: 17px; - color: #5D5D5D; -} - -.cards__price { - font-size: 16px; - line-height: 19px; - color: #F16D7F; -} - -.cards a.catalog { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - text-decoration: none; -} - -.cards a.catalog .cards__button { - margin: 48px 0 95px 0; - background: none; - border: 1px solid #FF6A6A; - font-size: 16px; - line-height: 19px; - color: #F26376; - padding: 14px 38px; - cursor: pointer; -} - -.cards a.catalog .cards__button:hover { - color: #FFFFFF; - background: #F16D7F; -} - -.privelege { - background: #222222; -} - -.privelege__wrap { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} - -.privelege__main { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 103px 0 104px 0; -} - -.privelege__box { - color: #FBFBFB; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - text-align: center; -} - -.privelege__box:not(:last-child) { - margin: 0 30px 0 0; -} - -.privelege__box h3 { - font-size: 19.96px; - line-height: 24px; - padding: 28px 0 16px 0; -} - -.privelege__box .sale { - padding: 19px 0 16px 0; -} - -.privelege__box .qual { - padding: 25px 0 16px 0; -} - -.privelege__box p { - font-weight: 300; - font-size: 13.972px; - line-height: 17px; - display: inline-block; -} - -.footer { - background: #222224; -} - -.footer__subscribe { - background: url("./img/footer__bcg.png") no-repeat, url("./img/footer__img.png") no-repeat; - /*padding: 86px 327px 156px 208px;*/ - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - background-size: 100% auto; - height: 448px; -} - -.footer__subscribe__container { - max-width: 1140px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.footer__subscribe__container .feedback { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin: 0 327px 0 0; - max-width: 360px; -} - -.footer__subscribe__container .feedback .avatar { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 96px; - height: 96px; -} - -.footer__subscribe__container .feedback blockquote { - font-size: 20px; - line-height: 24px; - color: #222224; - text-align: center; - padding: 30px 0 0 0; -} - -.footer__subscribe__container .subsribe__form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - text-align: center; - max-width: 360px; -} - -.footer__subscribe__container .subsribe__form p { - padding: 10px 0 0 0; -} - -.footer__subscribe__container .subsribe__form form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 32px 0 0 0; -} - -.footer__subscribe__container .subsribe__form .subscribe-field { - border: none; - background: #E1E1E1; - padding: 20px; - border-top-left-radius: 40px; - border-bottom-left-radius: 40px; -} - -.footer__subscribe__container .subsribe__form .subscribe-field::-webkit-input-placeholder { - font-size: 14px; - line-height: 17px; - color: #222224; -} - -.footer__subscribe__container .subsribe__form .subscribe-field:-ms-input-placeholder { - font-size: 14px; - line-height: 17px; - color: #222224; -} - -.footer__subscribe__container .subsribe__form .subscribe-field::-ms-input-placeholder { - font-size: 14px; - line-height: 17px; - color: #222224; -} - -.footer__subscribe__container .subsribe__form .subscribe-field::placeholder { - font-size: 14px; - line-height: 17px; - color: #222224; -} - -.footer__subscribe__container .subsribe__form .subscribe-btn { - border: none; - background-color: #F16D7F; - color: #fff; - padding: 20px; - border-top-right-radius: 40px; - border-bottom-right-radius: 40px; - cursor: pointer; -} - -.footer__contacts { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.footer__contacts .brand p { - font-size: 16px; - line-height: 19px; - color: #FBFBFB; -} - -.footer__contacts .network span a { - text-align: center; - width: 32px; - height: 32px; - float: left; - background: #FFFFFF; - margin: 24px 7px 24px 0; - padding: 6px; - color: #000; - font-size: 16px; -} - -.footer__contacts .network span a:hover { - background: #F16D7F; - color: #FFFFFF; -} - -.intro { - height: 764px; - background-color: #F1E4E6; - margin: 0 0 65px 0; -} - -.intro__wrap { - height: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - background-image: url("./img/man.png"); - background-repeat: no-repeat; - background-position: -208px bottom; -} - -.intro__text { - max-width: 377px; - padding-left: 16px; - border-left: 12px solid #F16D7F; - color: #222222; - font-style: normal; - font-weight: 900; -} - -.intro h1 { - font-size: 48px; - line-height: 58px; -} - -.intro h2 { - font-size: 30px; -} - -.intro .decor { - color: #F16D7F; -} - -.category__wrap { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.category__item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - width: 100%; - height: 180px; -} - -.category__item:not(:last-child) { - width: 360px; - margin: 0 0 30px 0; - height: 260px; -} - -.category__text { - font-style: normal; - font-weight: normal; - font-size: 16px; - line-height: 19px; - color: #FFFFFF; -} - -.category h3 { - padding: 5px 0 0 0; - color: #F16D7F; -} - -.woman__item { - background: url("./img/bcg.png"), url("./img/woman_offer.jpg"); -} - -.men__item { - background: url("./img/bcg.png"), url("./img/man_offer.jpg"); -} - -.kids__item { - background: url("./img/bcg.png"), url("./img/kids_offer.jpg"); -} - -.acs__item { - background: url("./img/bcg_acs.png") no-repeat, url("./img/acs_offer.jpg") no-repeat; -} - -.header__menu { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 60px 230px; - background-color: #F8F3F4; -} - -.header__menu h2 { - color: #F16D7F; -} - -.header__menu .breadcrumbs { - margin: 0; - padding: 0; - list-style: none; -} - -.header__menu .breadcrumbs li { - display: inline-block; - vertical-align: top; - margin-right: 5px; -} - -.header__menu .breadcrumbs li:not(:last-child):after { - content: "/"; - margin-left: 5px; - font-weight: 300; - font-size: 14px; - line-height: 17px; - color: #636363; -} - -.header__menu .breadcrumbs li span { - color: #F16D7F; - font-weight: bold; -} - -.header__menu .breadcrumbs a { - font-weight: 300; - font-size: 14px; - line-height: 17px; - color: #636363; - text-decoration: none; -} - -.header__menu .breadcrumbs a:not(span):hover { - text-decoration: underline; -} - -.filtres { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - padding: 51px 0 64px 0; -} - -.filtres__wrap { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -.filter__left { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - padding: 0 304px 0 00; - display: inline-block; -} - -.filter__img { - padding: 0 0 0 11px; -} - -.filers__category__box { - -webkit-box-shadow: 0 0 50px #b3b3b3; - box-shadow: 0 0 50px #b3b3b3; - position: absolute; - background: #FFFFFF; - width: 360px; - z-index: 1; -} - -details summary { - display: block; - width: 10em; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - outline-style: none; - cursor: pointer; -} - -details summary::-webkit-details-marker { - display: none; -} - -.filters__category__details { - padding: 16px 0 18px 17px; -} - -.filters__category__details[open] { - color: #EF5B70; -} - -.filters__category { - display: block; - border-left: 5px solid #EF5B70; - border-bottom: 1px solid #EBEBEB; - padding: 10px; - outline: none; -} - -.filters__category__ul { - margin: 24px 0 6px 17px; - list-style: none; -} - -.filters__category__li { - font-size: 14px; - line-height: 17px; - color: #6F6E6E; -} - -.filters__category__li:not(:last-child) { - padding: 0 0 11px 0; -} - -.filter__center { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -.filter__center__category:not(:first-child) { - margin: 0 0 0 30px; -} - -.filter__size { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-shadow: 0 0 50px #b3b3b3; - box-shadow: 0 0 50px #b3b3b3; - position: absolute; - background: #FFFFFF; - padding: 7px 30px 11px 9px; -} - -.filter__size__input:not(:last-child) { - padding: 0 0 6px 0; -} - -.filter__size__input__checkbox { - margin: 0 9px 0 0; -} - -.pagination__center { - text-align: center; - margin: 48px 0 96px 0; - font-weight: 300; - font-size: 16px; - line-height: 19px; - cursor: pointer; -} - -.pagination__center ul { - text-align: center; - border: 1px solid #EBEBEB; - cursor: pointer; - display: inline-block; - padding: 0; - margin: 0; -} - -.pagination__center ul li { - display: inline; -} - -.pagination__center ul li a { - color: #222222; - float: left; - padding: 8px 16px; - text-decoration: none; -} - -.pagination__center ul li a:hover { - background-color: #EF5B70; - color: #E1E1E1; -} - -.wrap { - width: 600px; - margin: 0 auto; - border: 1px solid #EAEAEA; - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -.slider { - background: #F7F7F7; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: relative; - padding-bottom: 50px; -} - -.slider-btn { - background: rgba(42, 42, 42, 0.15); - color: #000000; - padding: 13px 17px; - border: none; - position: absolute; - width: 47px; - height: 47px; - cursor: pointer; -} - -.slider-btn:hover { - background: #F7F7F7; - border: 1px solid #EF5B70; -} - -.slider-btn:active { - background: #000; -} - -.slider-btn-left { - left: 5px; -} - -.slider-btn-right { - right: 5px; -} - -.slider-btn .vector { - fill: #000000; -} - -.slider-btn > .vector:hover { - fill: #F16D7F; -} - -.slider-btn > .vector:active { - fill: #F16D7F; -} - -.about__product { - margin: 0 0 130px 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -.about-wrap { - background: #FFFFFF; - margin-top: -50px; - position: relative; - padding: 65px 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - width: 1141px; -} - -.about-wrap h3 { - font-weight: 300; - font-size: 14px; - line-height: 17px; - color: #F16D7F; -} - -.about-wrap h3:after { - content: ""; - display: block; - background-color: #EF5B70; - width: 63px; - height: 3px; - margin: 0 auto; - margin-top: 12px; -} - -.about-wrap h2 { - font-weight: 300; - font-size: 18px; - line-height: 22px; - color: #4D4D4D; - padding: 0 0 48px 0; - margin-top: 12px; -} - -.about-wrap p { - font-weight: 300; - font-size: 14px; - line-height: 17px; - text-align: center; - color: #5E5E5E; - padding: 0 0 32px 0; - max-width: 555px; -} - -.about-wrap .price { - font-weight: 300; - font-size: 24px; - line-height: 29px; - color: #EF5B70; - padding: 0 0 65px 0; -} - -.about-wrap .product { - border-bottom: 1px solid #EAEAEA; - padding: 0 50px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} - -.about-wrap .btn { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - background: none; - padding: 13px 56px 13px 23px; - font-size: 14px; - line-height: 17px; - color: #FF6A6A; - border: 1px solid #FF6A6A; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - cursor: pointer; -} - -.about-wrap .btn__icon__shop { - padding-right: 23px; - fill: #FF6A6A; -} - -.about-wrap .btn__icon__shop:hover { - fill: #FFFFFF; -} - -.about-wrap .btn:hover { - color: #FFFFFF; - background: #FF6A6A; - fill: #FFFFFF; -} - -.about-wrap .filter { - font-size: 14px; - line-height: 17px; - color: #6F6E6E; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - padding: 65px 0 49px 0; -} - -.product__main { - margin-bottom: 128px; -} - -.cart { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - margin-top: 96px; - margin-bottom: 130px; -} - -.cart__box { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - max-width: 652px; -} - -.cart__box .product { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.25); - box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.25); -} - -.cart__box .product:after { - content: ''; - background: url(./img/exit.svg); - position: relative; - margin: 28px 22px 0 0; - width: 18px; - height: 18px; - cursor: pointer; -} - -.cart__box .product .cards__img { - width: 262px; - height: 306px; -} - -.cart__box .product .characteristic { - padding: 22px 97px 62px 31px; -} - -.cart__box .product .characteristic h3 { - font-size: 24px; - line-height: 29px; - max-width: 200px; - margin: 0 0 42px 0; -} - -.cart__box .product .characteristic ul { - list-style-type: none; -} - -.cart__box .product .characteristic ul li { - font-size: 22px; - line-height: 26px; - color: #575757; -} - -.cart__box .product .characteristic ul li span { - color: #F16D7F; -} - -.cart__box .product .characteristic ul li button { - padding: 1px 17px; - background: none; - border: 1px solid #EAEAEA; - margin-left: 24px; - cursor: pointer; -} - -.cart__box .product:not(:last-child) { - margin: 0 0 40px 0; -} - -.cart__box .btn { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.cart__box .btn button { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - background: none; - border: 1px solid #A4A4A4; - font-weight: 300; - font-size: 14px; - line-height: 17px; - padding: 16px 40px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; -} - -.cart__box .btn button:hover { - color: #FFFFFF; - background: #A4A4A4; - border: 1px solid #575757; -} - -.cart__order { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} - -.cart__order .adress legend { - font-weight: 300; - font-size: 16px; - line-height: 19px; - margin-bottom: 20px; -} - -.cart__order .adress input { - border: 1px solid #A4A4A4; - padding: 12px 0 15px 17px; - width: 360px; - margin-bottom: 24px; -} - -.cart__order .adress input:not(last-child) { - margin-bottom: 20px; -} - -.cart__order .adress button { - font-weight: 300; - font-size: 11px; - line-height: 13px; - color: #4A4A4A; - padding: 10px 14px; - border: 1px solid #A4A4A4; - background: none; - cursor: pointer; -} - -.cart__order .checkout { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - padding: 39px 34px 42px 44px; - background: #F5F3F3; - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-top: 57px; -} - -.cart__order .checkout .total { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - padding-bottom: 21px; - margin-bottom: 17px; - border-bottom: 1px solid #E2E2E2; -} - -.cart__order .checkout .total h4 { - font-size: 11px; - line-height: 13px; - color: #4A4A4A; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - margin-bottom: 13px; -} - -.cart__order .checkout .total h4 span { - margin-left: 20px; -} - -.cart__order .checkout .total h3 { - font-weight: 300; - font-size: 16px; - line-height: 19px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; -} - -.cart__order .checkout .total h3 span { - margin-left: 20px; - color: #F16D7F; - font-weight: bold; -} - -.cart__order .checkout button { - background: #F16D7F; - color: #FFFFFF; - border: none; - font-weight: 300; - font-size: 16px; - line-height: 19px; - padding: 15px 40px; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.cart__order .checkout button:hover { - background: #FFFFFF; - color: #F16D7F; - border: 1px solid #F16D7F; -} +@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); +* { + margin: 0; + padding: 0; +} + +body { + font-family: Lato; +} + +.container { + max-width: 1140px; + padding: 0 10px; + width: 100%; + margin: 0 auto; +} + +.header { + padding: 18px 0; + background-color: #222222; + text-decoration: none; +} + +.header__wrap { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.header__right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.header__logo { + margin-right: 41px; +} + +.header__item { + margin-left: 25px; +} + +.shop { + margin-left: 42px; + position: relative; + width: 32px; + height: 29px; +} + +.count { + position: absolute; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + right: -10px; + top: -10px; + width: 19px; + height: 19px; + background: #F16D7F; + border-radius: 50%; + font-size: 12px; + line-height: 14px; + color: #FFFFFF; +} + +.cards__header { + margin: 96px 0 18px 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.cards__header h2 { + font-size: 30px; + line-height: 36px; + color: #222222; +} + +.cards__header span { + font-size: 14px; + line-height: 17px; + color: #9F9F9F; +} + +.cards__wrap { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.cards__box { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 360px; + height: 581px; + margin: 30px 0 0 0; + background: #F8F8F8; + position: relative; + overflow: hidden; +} + +.cards__box:hover { + -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); + box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); +} + +.cards__box:hover .cards__box__shadow { + opacity: 1; +} + +.cards__box__shadow { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 420px; + background-color: rgba(58, 56, 56, 0.83); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + opacity: 0; +} + +.cards__box__shadow a { + text-decoration: none; +} + +.cards__box__shadow .btn { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + background: none; + padding: 13px 16px 13px 13px; + font-size: 14px; + line-height: 17px; + color: #FFFFFF; + border: 1px solid #FFFFFF; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + cursor: pointer; +} + +.cards__box__shadow .btn__icon { + padding-right: 11px; +} + +.cards__img { + height: 420px; +} + +.cards__text { + height: 100%; + padding: 24px 28px 20px 16px; +} + +.cards__name { + font-size: 13px; + line-height: 16px; + text-decoration: none; + color: #000000; +} + +.cards__content { + padding: 12px 0 18px 0; + font-weight: 300; + font-size: 14px; + line-height: 17px; + color: #5D5D5D; +} + +.cards__price { + font-size: 16px; + line-height: 19px; + color: #F16D7F; +} + +.cards a.catalog { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-decoration: none; +} + +.cards a.catalog .cards__button { + margin: 48px 0 95px 0; + background: none; + border: 1px solid #FF6A6A; + font-size: 16px; + line-height: 19px; + color: #F26376; + padding: 14px 38px; + cursor: pointer; +} + +.cards a.catalog .cards__button:hover { + color: #FFFFFF; + background: #F16D7F; +} + +.privelege { + background: #222222; +} + +.privelege__wrap { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.privelege__main { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 103px 0 104px 0; +} + +.privelege__box { + color: #FBFBFB; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + text-align: center; +} + +.privelege__box:not(:last-child) { + margin: 0 30px 0 0; +} + +.privelege__box h3 { + font-size: 19.96px; + line-height: 24px; + padding: 28px 0 16px 0; +} + +.privelege__box .sale { + padding: 19px 0 16px 0; +} + +.privelege__box .qual { + padding: 25px 0 16px 0; +} + +.privelege__box p { + font-weight: 300; + font-size: 13.972px; + line-height: 17px; + display: inline-block; +} + +.footer { + background: #222224; +} + +.footer__subscribe { + background: url("./img/footer__bcg.png") no-repeat, url("./img/footer__img.png") no-repeat; + /*padding: 86px 327px 156px 208px;*/ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + background-size: 100% auto; + height: 448px; +} + +.footer__subscribe__container { + max-width: 1140px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.footer__subscribe__container .feedback { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin: 0 327px 0 0; + max-width: 360px; +} + +.footer__subscribe__container .feedback .avatar { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 96px; + height: 96px; +} + +.footer__subscribe__container .feedback blockquote { + font-size: 20px; + line-height: 24px; + color: #222224; + text-align: center; + padding: 30px 0 0 0; +} + +.footer__subscribe__container .subsribe__form { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + max-width: 360px; +} + +.footer__subscribe__container .subsribe__form p { + padding: 10px 0 0 0; +} + +.footer__subscribe__container .subsribe__form form { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 32px 0 0 0; +} + +.footer__subscribe__container .subsribe__form .subscribe-field { + border: none; + background: #E1E1E1; + padding: 20px; + border-top-left-radius: 40px; + border-bottom-left-radius: 40px; +} + +.footer__subscribe__container .subsribe__form .subscribe-field::-webkit-input-placeholder { + font-size: 14px; + line-height: 17px; + color: #222224; +} + +.footer__subscribe__container .subsribe__form .subscribe-field:-ms-input-placeholder { + font-size: 14px; + line-height: 17px; + color: #222224; +} + +.footer__subscribe__container .subsribe__form .subscribe-field::-ms-input-placeholder { + font-size: 14px; + line-height: 17px; + color: #222224; +} + +.footer__subscribe__container .subsribe__form .subscribe-field::placeholder { + font-size: 14px; + line-height: 17px; + color: #222224; +} + +.footer__subscribe__container .subsribe__form .subscribe-btn { + border: none; + background-color: #F16D7F; + color: #fff; + padding: 20px; + border-top-right-radius: 40px; + border-bottom-right-radius: 40px; + cursor: pointer; +} + +.footer__contacts { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.footer__contacts .brand p { + font-size: 16px; + line-height: 19px; + color: #FBFBFB; +} + +.footer__contacts .network span a { + text-align: center; + width: 32px; + height: 32px; + float: left; + background: #FFFFFF; + margin: 24px 7px 24px 0; + padding: 6px; + color: #000; + font-size: 16px; +} + +.footer__contacts .network span a:hover { + background: #F16D7F; + color: #FFFFFF; +} + +.intro { + height: 764px; + background-color: #F1E4E6; + margin: 0 0 65px 0; +} + +.intro__wrap { + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + background-image: url("./img/man.png"); + background-repeat: no-repeat; + background-position: -208px bottom; +} + +.intro__text { + max-width: 377px; + padding-left: 16px; + border-left: 12px solid #F16D7F; + color: #222222; + font-style: normal; + font-weight: 900; +} + +.intro h1 { + font-size: 48px; + line-height: 58px; +} + +.intro h2 { + font-size: 30px; +} + +.intro .decor { + color: #F16D7F; +} + +.category__wrap { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.category__item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + width: 100%; + height: 180px; +} + +.category__item:not(:last-child) { + width: 360px; + margin: 0 0 30px 0; + height: 260px; +} + +.category__text { + font-style: normal; + font-weight: normal; + font-size: 16px; + line-height: 19px; + color: #FFFFFF; +} + +.category h3 { + padding: 5px 0 0 0; + color: #F16D7F; +} + +.woman__item { + background: url("./img/bcg.png"), url("./img/woman_offer.jpg"); +} + +.men__item { + background: url("./img/bcg.png"), url("./img/man_offer.jpg"); +} + +.kids__item { + background: url("./img/bcg.png"), url("./img/kids_offer.jpg"); +} + +.acs__item { + background: url("./img/bcg_acs.png") no-repeat, url("./img/acs_offer.jpg") no-repeat; +} + +.header__menu { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 60px 230px; + background-color: #F8F3F4; +} + +.header__menu h2 { + color: #F16D7F; +} + +.header__menu .breadcrumbs { + margin: 0; + padding: 0; + list-style: none; +} + +.header__menu .breadcrumbs li { + display: inline-block; + vertical-align: top; + margin-right: 5px; +} + +.header__menu .breadcrumbs li:not(:last-child):after { + content: "/"; + margin-left: 5px; + font-weight: 300; + font-size: 14px; + line-height: 17px; + color: #636363; +} + +.header__menu .breadcrumbs li span { + color: #F16D7F; + font-weight: bold; +} + +.header__menu .breadcrumbs a { + font-weight: 300; + font-size: 14px; + line-height: 17px; + color: #636363; + text-decoration: none; +} + +.header__menu .breadcrumbs a:not(span):hover { + text-decoration: underline; +} + +.filtres { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 51px 0 64px 0; +} + +.filtres__wrap { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.filter__left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 0 304px 0 00; + display: inline-block; +} + +.filter__img { + padding: 0 0 0 11px; +} + +.filers__category__box { + -webkit-box-shadow: 0 0 50px #b3b3b3; + box-shadow: 0 0 50px #b3b3b3; + position: absolute; + background: #FFFFFF; + width: 360px; + z-index: 1; +} + +details summary { + display: block; + width: 10em; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + outline-style: none; + cursor: pointer; +} + +details summary::-webkit-details-marker { + display: none; +} + +.filters__category__details { + padding: 16px 0 18px 17px; +} + +.filters__category__details[open] { + color: #EF5B70; +} + +.filters__category { + display: block; + border-left: 5px solid #EF5B70; + border-bottom: 1px solid #EBEBEB; + padding: 10px; + outline: none; +} + +.filters__category__ul { + margin: 24px 0 6px 17px; + list-style: none; +} + +.filters__category__li { + font-size: 14px; + line-height: 17px; + color: #6F6E6E; +} + +.filters__category__li:not(:last-child) { + padding: 0 0 11px 0; +} + +.filter__center { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.filter__center__category:not(:first-child) { + margin: 0 0 0 30px; +} + +.filter__size { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-shadow: 0 0 50px #b3b3b3; + box-shadow: 0 0 50px #b3b3b3; + position: absolute; + background: #FFFFFF; + padding: 7px 30px 11px 9px; +} + +.filter__size__input:not(:last-child) { + padding: 0 0 6px 0; +} + +.filter__size__input__checkbox { + margin: 0 9px 0 0; +} + +.pagination__center { + text-align: center; + margin: 48px 0 96px 0; + font-weight: 300; + font-size: 16px; + line-height: 19px; + cursor: pointer; +} + +.pagination__center ul { + text-align: center; + border: 1px solid #EBEBEB; + cursor: pointer; + display: inline-block; + padding: 0; + margin: 0; +} + +.pagination__center ul li { + display: inline; +} + +.pagination__center ul li a { + color: #222222; + float: left; + padding: 8px 16px; + text-decoration: none; +} + +.pagination__center ul li a:hover { + background-color: #EF5B70; + color: #E1E1E1; +} + +.wrap { + width: 600px; + margin: 0 auto; + border: 1px solid #EAEAEA; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.slider { + background: #F7F7F7; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + padding-bottom: 50px; +} + +.slider-btn { + background: rgba(42, 42, 42, 0.15); + color: #000000; + padding: 13px 17px; + border: none; + position: absolute; + width: 47px; + height: 47px; + cursor: pointer; +} + +.slider-btn:hover { + background: #F7F7F7; + border: 1px solid #EF5B70; +} + +.slider-btn:active { + background: #000; +} + +.slider-btn-left { + left: 5px; +} + +.slider-btn-right { + right: 5px; +} + +.slider-btn .vector { + fill: #000000; +} + +.slider-btn > .vector:hover { + fill: #F16D7F; +} + +.slider-btn > .vector:active { + fill: #F16D7F; +} + +.about__product { + margin: 0 0 130px 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.about-wrap { + background: #FFFFFF; + margin-top: -50px; + position: relative; + padding: 65px 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 1141px; +} + +.about-wrap h3 { + font-weight: 300; + font-size: 14px; + line-height: 17px; + color: #F16D7F; +} + +.about-wrap h3:after { + content: ""; + display: block; + background-color: #EF5B70; + width: 63px; + height: 3px; + margin: 0 auto; + margin-top: 12px; +} + +.about-wrap h2 { + font-weight: 300; + font-size: 18px; + line-height: 22px; + color: #4D4D4D; + padding: 0 0 48px 0; + margin-top: 12px; +} + +.about-wrap p { + font-weight: 300; + font-size: 14px; + line-height: 17px; + text-align: center; + color: #5E5E5E; + padding: 0 0 32px 0; + max-width: 555px; +} + +.about-wrap .price { + font-weight: 300; + font-size: 24px; + line-height: 29px; + color: #EF5B70; + padding: 0 0 65px 0; +} + +.about-wrap .product { + border-bottom: 1px solid #EAEAEA; + padding: 0 50px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.about-wrap .btn { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + background: none; + padding: 13px 56px 13px 23px; + font-size: 14px; + line-height: 17px; + color: #FF6A6A; + border: 1px solid #FF6A6A; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; +} + +.about-wrap .btn__icon__shop { + padding-right: 23px; + fill: #FF6A6A; +} + +.about-wrap .btn__icon__shop:hover { + fill: #FFFFFF; +} + +.about-wrap .btn:hover { + color: #FFFFFF; + background: #FF6A6A; + fill: #FFFFFF; +} + +.about-wrap .filter { + font-size: 14px; + line-height: 17px; + color: #6F6E6E; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 65px 0 49px 0; +} + +.product__main { + margin-bottom: 128px; +} + +.cart { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 96px; + margin-bottom: 130px; +} + +.cart__box { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + max-width: 652px; +} + +.cart__box .product { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.25); + box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.25); +} + +.cart__box .product:after { + content: ''; + background: url(./img/exit.svg); + position: relative; + margin: 28px 22px 0 0; + width: 18px; + height: 18px; + cursor: pointer; +} + +.cart__box .product .cards__img { + width: 262px; + height: 306px; +} + +.cart__box .product .characteristic { + padding: 22px 97px 62px 31px; +} + +.cart__box .product .characteristic h3 { + font-size: 24px; + line-height: 29px; + max-width: 200px; + margin: 0 0 42px 0; +} + +.cart__box .product .characteristic ul { + list-style-type: none; +} + +.cart__box .product .characteristic ul li { + font-size: 22px; + line-height: 26px; + color: #575757; +} + +.cart__box .product .characteristic ul li span { + color: #F16D7F; +} + +.cart__box .product .characteristic ul li button { + padding: 1px 17px; + background: none; + border: 1px solid #EAEAEA; + margin-left: 24px; + cursor: pointer; +} + +.cart__box .product:not(:last-child) { + margin: 0 0 40px 0; +} + +.cart__box .btn { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.cart__box .btn button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + background: none; + border: 1px solid #A4A4A4; + font-weight: 300; + font-size: 14px; + line-height: 17px; + padding: 16px 40px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; +} + +.cart__box .btn button:hover { + color: #FFFFFF; + background: #A4A4A4; + border: 1px solid #575757; +} + +.cart__order { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.cart__order .adress legend { + font-weight: 300; + font-size: 16px; + line-height: 19px; + margin-bottom: 20px; +} + +.cart__order .adress input { + border: 1px solid #A4A4A4; + padding: 12px 0 15px 17px; + width: 360px; + margin-bottom: 24px; +} + +.cart__order .adress input:not(last-child) { + margin-bottom: 20px; +} + +.cart__order .adress button { + font-weight: 300; + font-size: 11px; + line-height: 13px; + color: #4A4A4A; + padding: 10px 14px; + border: 1px solid #A4A4A4; + background: none; + cursor: pointer; +} + +.cart__order .checkout { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding: 39px 34px 42px 44px; + background: #F5F3F3; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-top: 57px; +} + +.cart__order .checkout .total { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding-bottom: 21px; + margin-bottom: 17px; + border-bottom: 1px solid #E2E2E2; +} + +.cart__order .checkout .total h4 { + font-size: 11px; + line-height: 13px; + color: #4A4A4A; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + margin-bottom: 13px; +} + +.cart__order .checkout .total h4 span { + margin-left: 20px; +} + +.cart__order .checkout .total h3 { + font-weight: 300; + font-size: 16px; + line-height: 19px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.cart__order .checkout .total h3 span { + margin-left: 20px; + color: #F16D7F; + font-weight: bold; +} + +.cart__order .checkout button { + background: #F16D7F; + color: #FFFFFF; + border: none; + font-weight: 300; + font-size: 16px; + line-height: 19px; + padding: 15px 40px; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.cart__order .checkout button:hover { + background: #FFFFFF; + color: #F16D7F; + border: 1px solid #F16D7F; +} /*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/style.css.map b/style.css.map index 4f26889..179aa7b 100644 --- a/style.css.map +++ b/style.css.map @@ -1,22 +1,22 @@ -{ - "version": 3, - "mappings": "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", - "sources": [ - "style.scss", - "_function.scss", - "_header.scss", - "_cards.scss", - "_privelege.scss", - "_footer.scss", - "_main.scss", - "_intro.scss", - "_category.scss", - "_catalog.scss", - "_filters.scss", - "_pagination.scss", - "_product.scss", - "_cart.scss" - ], - "names": [], - "file": "style.css" +{ + "version": 3, + "mappings": "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", + "sources": [ + "style.scss", + "_function.scss", + "_header.scss", + "_cards.scss", + "_privelege.scss", + "_footer.scss", + "_main.scss", + "_intro.scss", + "_category.scss", + "_catalog.scss", + "_filters.scss", + "_pagination.scss", + "_product.scss", + "_cart.scss" + ], + "names": [], + "file": "style.css" } \ No newline at end of file diff --git a/style.scss b/style.scss index bc1071f..ab0722f 100644 --- a/style.scss +++ b/style.scss @@ -1,29 +1,29 @@ -@import "_function.scss"; - - -* { - margin: 0; - padding: 0; -} - -body { - font-family: Lato; -} - -.container { - max-width: 1140px; - padding: 0 10px; - width: 100%; - margin: 0 auto; -} - -@import "_header.scss"; -@import "_cards.scss"; -@import "_privelege.scss"; -@import "_footer.scss"; - - -@import "_main.scss"; -@import "_catalog.scss"; -@import "_product.scss"; -@import "_cart.scss"; +@import "_function.scss"; + + +* { + margin: 0; + padding: 0; +} + +body { + font-family: Lato; +} + +.container { + max-width: 1140px; + padding: 0 10px; + width: 100%; + margin: 0 auto; +} + +@import "_header.scss"; +@import "_cards.scss"; +@import "_privelege.scss"; +@import "_footer.scss"; + + +@import "_main.scss"; +@import "_catalog.scss"; +@import "_product.scss"; +@import "_cart.scss";