diff --git a/Checkout.html b/Checkout.html new file mode 100644 index 0000000..d9621eb --- /dev/null +++ b/Checkout.html @@ -0,0 +1,223 @@ + + + + + + + Document + + + + + + +
+
+ +
+
Browse ▼
+ + +
+
+
+ cart + My Account ▼ +
+
+ +
+
NEW ARRIVALS
+ +
+ HOME/ + MEN/ + NEW ARRIVALS +
+
+ +
+ +
+ +
+
+
Foto__aft +

“Vestibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar purus condimentum a. Aliquam condimentum mattis neque sed pretium”

+

Bin Burhan +
Dhaka, Bd

+
+ +
+
+ + + + + + \ No newline at end of file diff --git a/ShoppingCart.html b/ShoppingCart.html new file mode 100644 index 0000000..a0ef1d3 --- /dev/null +++ b/ShoppingCart.html @@ -0,0 +1,255 @@ + + + + + + + Document + + + + + + + +
+
+ +
+
Browse ▼
+ + +
+
+
+ cart + My Account ▼ +
+
+ +
+
NEW ARRIVALS
+ +
+ HOME/ + MEN/ + NEW ARRIVALS +
+
+ +
+
+
PRODUCT
+
+
UNITEPRICE
+
QUANTITY
+
SHIPING
+
SUBTOTAL
+
ACTION
+ +
+ +
+
+ layers +
+
+

MANGO PEOPLE T-SHIRT

 +
+

Color: Red

Size: Xll

+
+

$150

+
+

FREE

+

$300

+
knopka
+
+
+
+ layers2 +
+
+

MANGO PEOPLE T-SHIRT

 +
+

Color: Red

Size: Xll

+
+

$150

+

2

+

FREE

+

$300

+
knopka
+
+
+
+ layers3 +
+
+

MANGO PEOPLE T-SHIRT

 +
+

Color: Red

Size: Xll

+
+

$150

+

2

+

FREE

+

$300

+
knopka
+
+
+ +
+ +
+ CLEAR SHOPPING CART + CONTINUE SHOPPING +
+ +
+
+

SHIPPING ADRESS

+ + + + get a quote +
+
+

COUPON DISCOUNT

+

Enter your coupon code if you have one

+ + Apply coupon +
+
+

Sub total $900

+

GRAND TOTAL $900

+ PROCEED TO CHECKOUT +
+
+
+
+
Foto__aft +

“Vestibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar purus condimentum a. Aliquam condimentum mattis neque sed pretium”

+

Bin Burhan +
Dhaka, Bd

+
+ +
+
+ + + + + + \ No newline at end of file diff --git a/SinglePage.html b/SinglePage.html new file mode 100644 index 0000000..5d8f009 --- /dev/null +++ b/SinglePage.html @@ -0,0 +1,191 @@ + + + + + + + Document + + + + + + +
+
+ +
+
Browse ▼
+ + +
+
+
+ cart + My Account ▼ +
+
+ +
+
NEW ARRIVALS
+ +
+ HOME/ + MEN/ + NEW ARRIVALS +
+
+ +
+ s_fon +
+ +
+
+

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.

+
+

MATERIAL: COTTON

+

DESIGNER: BINBURHAN

+

$561

+
+ +
+
+ +
+ + +
+
+
Foto__aft +

“Vestibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar purus condimentum a. Aliquam condimentum mattis neque sed pretium”

+

Bin Burhan +
Dhaka, Bd

+
+ +
+
+ + + + + + \ No newline at end of file diff --git a/__MACOSX/._index.html b/__MACOSX/._index.html new file mode 100644 index 0000000..8ab2704 Binary files /dev/null and b/__MACOSX/._index.html differ diff --git a/__MACOSX/img/._18.png b/__MACOSX/img/._18.png new file mode 100644 index 0000000..b669f4a Binary files /dev/null and b/__MACOSX/img/._18.png differ diff --git a/__MACOSX/img/._cart.png b/__MACOSX/img/._cart.png new file mode 100644 index 0000000..dc5f9b9 Binary files /dev/null and b/__MACOSX/img/._cart.png differ diff --git a/__MACOSX/img/._promo_back.png b/__MACOSX/img/._promo_back.png new file mode 100644 index 0000000..ee67ebe Binary files /dev/null and b/__MACOSX/img/._promo_back.png differ diff --git a/__MACOSX/img/._search.png b/__MACOSX/img/._search.png new file mode 100644 index 0000000..2deb207 Binary files /dev/null and b/__MACOSX/img/._search.png differ diff --git a/cartProduct.js b/cartProduct.js new file mode 100644 index 0000000..bc97b02 --- /dev/null +++ b/cartProduct.js @@ -0,0 +1,17 @@ +const goods = [ + { title: 'MANGO PEOPLE T-SHIRT', price: 150 }, + { title: 'MANGO PEOPLE T-SHIRT', price: 150 }, + { title: 'MANGO PEOPLE T-SHIRT', price: 150 }, + { title: 'MANGO PEOPLE T-SHIRT', price: 150 }, + ]; + + const renderGoodsItem = (title, price) => { + return `

${title}

${price}

`; + }; + + const renderGoodsList = (list) => { + const goodsList = list.map(item => renderGoodsItem(item.title, item.price)); + document.querySelector('.goods-list').innerHTML = goodsList.join(''); + } + + renderGoodsList(goods); \ No newline at end of file diff --git a/img/18.png b/img/18.png new file mode 100644 index 0000000..f7efe1c Binary files /dev/null and b/img/18.png differ diff --git a/img/Forma_1.svg b/img/Forma_1.svg new file mode 100644 index 0000000..f866f59 --- /dev/null +++ b/img/Forma_1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/Forma_2.svg b/img/Forma_2.svg new file mode 100644 index 0000000..d5ea598 --- /dev/null +++ b/img/Forma_2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/Forma_3.svg b/img/Forma_3.svg new file mode 100644 index 0000000..b993430 --- /dev/null +++ b/img/Forma_3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/Glasses.jpg b/img/Glasses.jpg new file mode 100644 index 0000000..f3e8fd8 Binary files /dev/null and b/img/Glasses.jpg differ diff --git a/img/Layer_40.jpg b/img/Layer_40.jpg new file mode 100644 index 0000000..05e7b4c Binary files /dev/null and b/img/Layer_40.jpg differ diff --git a/img/Layer_41.jpg b/img/Layer_41.jpg new file mode 100644 index 0000000..fb9cc1e Binary files /dev/null and b/img/Layer_41.jpg differ diff --git a/img/ShoppingCart/knopka.jpg b/img/ShoppingCart/knopka.jpg new file mode 100644 index 0000000..b4a3d37 Binary files /dev/null and b/img/ShoppingCart/knopka.jpg differ diff --git a/img/ShoppingCart/layers.jpg b/img/ShoppingCart/layers.jpg new file mode 100644 index 0000000..f215ed1 Binary files /dev/null and b/img/ShoppingCart/layers.jpg differ diff --git a/img/ShoppingCart/layers2.jpg b/img/ShoppingCart/layers2.jpg new file mode 100644 index 0000000..b244194 Binary files /dev/null and b/img/ShoppingCart/layers2.jpg differ diff --git a/img/ShoppingCart/layers3.jpg b/img/ShoppingCart/layers3.jpg new file mode 100644 index 0000000..b70c272 Binary files /dev/null and b/img/ShoppingCart/layers3.jpg differ diff --git a/img/SinglePage/SinglePage_fon.jpg b/img/SinglePage/SinglePage_fon.jpg new file mode 100644 index 0000000..42186b6 Binary files /dev/null and b/img/SinglePage/SinglePage_fon.jpg differ diff --git a/img/SinglePage/SinglePage_fon_tovar1.jpg b/img/SinglePage/SinglePage_fon_tovar1.jpg new file mode 100644 index 0000000..ecbeb8e Binary files /dev/null and b/img/SinglePage/SinglePage_fon_tovar1.jpg differ diff --git a/img/SinglePage/SinglePage_fon_tovar2.jpg b/img/SinglePage/SinglePage_fon_tovar2.jpg new file mode 100644 index 0000000..4741156 Binary files /dev/null and b/img/SinglePage/SinglePage_fon_tovar2.jpg differ diff --git a/img/SinglePage/SinglePage_fon_tovar3.jpg b/img/SinglePage/SinglePage_fon_tovar3.jpg new file mode 100644 index 0000000..a4a2b5a Binary files /dev/null and b/img/SinglePage/SinglePage_fon_tovar3.jpg differ diff --git a/img/SinglePage/SinglePage_fon_tovar4.jpg b/img/SinglePage/SinglePage_fon_tovar4.jpg new file mode 100644 index 0000000..710d75a Binary files /dev/null and b/img/SinglePage/SinglePage_fon_tovar4.jpg differ diff --git a/img/Sudarinia.jpg b/img/Sudarinia.jpg new file mode 100644 index 0000000..8dfde46 Binary files /dev/null and b/img/Sudarinia.jpg differ diff --git a/img/accesories.jpg b/img/accesories.jpg new file mode 100644 index 0000000..70d9c2f Binary files /dev/null and b/img/accesories.jpg differ diff --git a/img/cart.png b/img/cart.png new file mode 100644 index 0000000..d805d4b Binary files /dev/null and b/img/cart.png differ diff --git a/img/kids.jpg b/img/kids.jpg new file mode 100644 index 0000000..3f3b4f7 Binary files /dev/null and b/img/kids.jpg differ diff --git a/img/men.jpg b/img/men.jpg new file mode 100644 index 0000000..87a9648 Binary files /dev/null and b/img/men.jpg differ diff --git a/img/product-1.png b/img/product-1.png new file mode 100644 index 0000000..7df65f9 Binary files /dev/null and b/img/product-1.png differ diff --git a/img/product-2.jpg b/img/product-2.jpg new file mode 100644 index 0000000..c950d45 Binary files /dev/null and b/img/product-2.jpg differ diff --git a/img/product-3.jpg b/img/product-3.jpg new file mode 100644 index 0000000..bc6712d Binary files /dev/null and b/img/product-3.jpg differ diff --git a/img/product-4.png b/img/product-4.png new file mode 100644 index 0000000..fef540c Binary files /dev/null and b/img/product-4.png differ diff --git a/img/product-5.jpg b/img/product-5.jpg new file mode 100644 index 0000000..42f53af Binary files /dev/null and b/img/product-5.jpg differ diff --git a/img/product-6.jpg b/img/product-6.jpg new file mode 100644 index 0000000..107bf07 Binary files /dev/null and b/img/product-6.jpg differ diff --git a/img/product-7.jpg b/img/product-7.jpg new file mode 100644 index 0000000..84c48ae Binary files /dev/null and b/img/product-7.jpg differ diff --git a/img/product-8.jpg b/img/product-8.jpg new file mode 100644 index 0000000..997ad4f Binary files /dev/null and b/img/product-8.jpg differ diff --git a/img/promo_back.png b/img/promo_back.png new file mode 100644 index 0000000..a8e9114 Binary files /dev/null and b/img/promo_back.png differ diff --git a/img/search.png b/img/search.png new file mode 100644 index 0000000..4dc4828 Binary files /dev/null and b/img/search.png differ diff --git a/img/women.jpg b/img/women.jpg new file mode 100644 index 0000000..6dea0ce Binary files /dev/null and b/img/women.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..8972b3d --- /dev/null +++ b/index.html @@ -0,0 +1,282 @@ + + + + + + + + Document + + + + + + +
+
+ +
+
Browse ▼
+ + +
+
+
+ cart + My Account ▼ +
+
+ +
+
+
+

THE BRAND

+

OF LUXERIOUS FASHION

+
+
+
+
+
+
+

hOT dEAL

+

FOR MEN

+
+
+
+
+

30% offer

+

women

+
+
+
+
+
+
+

LUXIROUS & trendy

+

ACCESORIES

+
+
+
+
+
+

new arrivals

+

FOR kids

+
+
+
+
+

Fetured Items

+

Shop for items based on what we featured in this week

+
+
+
+ product 1 +
+ Mango People T-shirt +
$52.00
+
+ Add to Cart +
+
+ product 1 +
+ Mango People T-shirt +
$52.00
+
+ Add to Cart +
+
+ product 1 +
+ Mango People T-shirt +
$52.00
+
+ Add to Cart +
+
+ product 1 +
+ Mango People T-shirt +
$52.00
+
+ Add to Cart +
+
+ product 1 +
+ Mango People T-shirt +
$52.00
+
+ Add to Cart +
+
+ product 1 +
+ Mango People T-shirt +
$52.00
+
+ Add to Cart +
+
+ product 1 +
+ Mango People T-shirt +
$52.00
+
+ Add to Cart +
+
+ product 1 +
+ Mango People T-shirt +
$52.00
+
+ Add to Cart +
+
+
+
sail30 iconka +
+

Free Delivery

+

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

+
iconka +
+

Sales & discounts

+

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

+
iconka +
+

Quality assurance

+

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

+
+
+
+
+
+
Foto__aft +

“Vestibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar purus condimentum a. Aliquam condimentum mattis neque sed pretium”

+

Bin Burhan +
Dhaka, Bd

+
+ +
+
+ + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..1766ccc --- /dev/null +++ b/style.css @@ -0,0 +1,1414 @@ +* { + margin: 0; + padding: 0; +} + +body { + font-family: 'Lato', sans-serif; +} + +a { + text-decoration: none; +} + +a:hover { + color: #ffb6d8; +} + +.center { + padding: 0 calc(50% - 570px); +} + +.header { + 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; + height: 100px; + background-color: #ffffff; + border: 1px solid #ececec; + -webkit-box-shadow: 0px 0px 10px 0px #ececec; + box-shadow: 0px 0px 10px 0px #ececec; +} + +.logo { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.bran-text { + font-size: 27px; + line-height: 32px; + font-weight: 300; + text-transform: uppercase; + letter-spacing: 0.025em; + color: #222222; +} + +.d { + color: #f16d7f; + font-size: 27px; + line-height: 32px; + font-weight: 900; + text-transform: uppercase; + letter-spacing: 0.025em; +} + +.logo__img { + margin-right: 13px; +} + +.header__left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.header__form { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-left: 37px; +} + +.header__browse { + 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; + width: 87px; + height: 38px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5)); + background-image: linear-gradient(180deg, #f9f9f9 0%, #f5f5f5 100%); + border: 1.0px solid #e6e6e6; + border-radius: 3.0px 0.0px 0.0px 3.0px; +} + +.poisk { + padding-left: 16px; + color: #a4a4a4; + font-size: 14px; + font-weight: 300; + letter-spacing: 0.35px; + border-radius: 0 3px 3px 0; + border: 1px solid #e6e6e6; + background-color: #ffffff; + width: 279px; + height: 38px; +} + +.linza { + border-radius: 0 3px 3px 0; + border: 1px solid #e6e6e6; + background-color: #ffffff; + width: 38px; + height: 38px; +} + +.header__right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.header__cart { + margin-right: 26px; +} + +.button { + 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; + width: 130px; + height: 38px; + background-color: #f16d7f; + color: #ffffff; + font-size: 15px; + font-weight: 400; + letter-spacing: 0.38px; +} + +.menu { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + list-style: none; +} + +.menu__link { + font-size: 14px; + font-weight: bold; + color: #222222; + text-align: left; + line-height: 26px; + text-transform: uppercase; + padding: 20px; + display: block; +} + +.drop { + position: absolute; + border-radius: 5px; + background-color: #ffffff; + border: 1px solid #ececec; + padding: 12px 20px; + display: none; + top: 48px; + left: -5px; +} + +.drop::before { + content: ''; + width: 12px; + height: 12px; + background-color: #fff; + position: absolute; + top: -7px; + left: 35px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-top: 1px solid #e8e8e8; + border-left: 1px solid #e8e8e8; +} + +.drop__h3 { + border-bottom: 1px solid #e8e8e8; + color: #232323; + font-size: 14px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.35px; + padding-bottom: 8px; + margin-bottom: 8px; + padding-top: 8px; +} + +.drop__link { + color: #646464; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.35px; + line-height: 28px; +} + +.drop__link:hover { + color: #f16d7f; +} + +.drop__ul { + list-style-type: none; +} + +.drop-flex { + width: 235px; + margin-right: 46px; +} + +.drop-flex:last-of-type { + margin-right: 0; +} + +.menu__list { + position: relative; +} + +.menu__list:hover .drop { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.drop_last { + right: 0; + left: auto; +} + +.drop_last::before { + right: 45px; + left: auto; +} + +.promo { + background-color: #e8e8e8; +} + +.promo__content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 614px; + background-image: url(img/promo_back.png); + background-repeat: no-repeat; + background-position: center -51px; +} + +.promo__text { + border-left: 12px solid #f16d7f; + padding-left: 12px; +} + +.one { + color: #222222; + font-size: 40px; + font-weight: 400; + text-transform: uppercase; + font-size: 60px; + letter-spacing: 1.5px; +} + +.two { + color: #222222; + font-size: 40px; + font-weight: 400; + text-transform: uppercase; +} + +.FASHION { + color: #f16d7f; + letter-spacing: 1px; +} + +.men { + background-image: url(img/men.jpg); + width: 560px; + height: 542px; + margin-top: 100px; + margin-right: 21px; + margin-bottom: 21px; +} + +.women { + background-image: url(img/women.jpg); + width: 560px; + height: 261px; + margin-top: 100px; +} + +.accesories { + background-image: url(img/accesories.jpg); + width: 411px; + height: 240px; + margin-left: auto; +} + +.kids { + background-image: url(img/kids.jpg); + width: 560px; + height: 542px; + margin-top: -285px; + margin-left: 21px; +} + +.block__one { + padding: 0 calc(50% - 570px); + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.block__two { + padding: 0 calc(50% - 570px); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.block__accesories { + width: 560px; + height: 261px; + background-color: #dadad2; +} + +.for__men { + width: 175px; + height: 82px; + background-color: #ffffff; + margin-top: 26px; + padding-top: 16px; +} + +.text__men1 { + margin-left: 19px; + color: #222222; + font-size: 18px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.45px; +} + +.text__men2 { + margin-left: 19px; + font-weight: 400; + text-transform: uppercase; + color: #f16d7f; + font-size: 30px; + letter-spacing: 0.75px; +} + +.for__women { + width: 162px; + height: 82px; + background-color: #ffffff; + margin-top: 26px; + padding-top: 16px; +} + +.text__women1 { + margin-left: 19px; + color: #222222; + font-size: 18px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.45px; +} + +.text__women2 { + margin-left: 19px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.45px; + color: #f16d7f; + font-size: 30px; + letter-spacing: 0.75px; +} + +.for__accesories { + width: 225px; + height: 82px; + background-color: #ffffff; + margin-top: 26px; + padding-top: 16px; + float: left; +} + +.text__accesories1 { + margin-left: 19px; + color: #222222; + font-size: 18px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.45px; +} + +.text__accesories2 { + margin-left: 19px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.45px; + color: #f16d7f; + font-size: 30px; + letter-spacing: 0.75px; +} + +.for__kids { + width: 180px; + height: 82px; + background-color: #ffffff; + margin-top: 26px; + padding-top: 16px; +} + +.text__kids1 { + margin-left: 19px; + color: #222222; + font-size: 18px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.45px; +} + +.text__kids2 { + margin-left: 19px; + font-weight: 400; + text-transform: uppercase; + color: #f16d7f; + font-size: 30px; + letter-spacing: 0.75px; +} + +.promo__h1 { + font-size: 60px; + font-weight: 900; + color: #222222; + line-height: 45px; +} + +.product { + width: 263px; + margin-bottom: 39px; + position: relative; +} + +.product:hover { + -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.16); + box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.16); +} + +.product:hover .product__add { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.product:hover .product__img { + -webkit-filter: brightness(50%); + filter: brightness(50%); +} + +.product-box { + padding-top: 60px; + 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; +} + +.product__img { + width: 100%; +} + +.product__name { + font-size: 13px; + color: #222222; + text-transform: uppercase; + margin-bottom: 17px; + display: block; +} + +.product__price { + font-size: 16px; + font-weight: bold; + color: #f16d7f; + text-transform: uppercase; +} + +.product__content { + padding: 19px 14px; +} + +.product__add { + height: 39px; + width: 123px; + border: 1px solid #ffffff; + font-size: 13px; + font-weight: bold; + color: #ffffff; + display: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + top: 97px; + left: 70px; +} + +.product__add:hover { + -webkit-box-shadow: 0 0 8px #fff; + box-shadow: 0 0 8px #fff; +} + +.title { + width: 400px; + height: 130px; + text-align: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin: auto; +} + +.title1 { + color: #222222; + font-size: 30px; + font-weight: 700; + letter-spacing: 0.75px; + padding-top: 100px; +} + +.title2 { + color: #9f9f9f; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.35px; +} + +.all__P { + color: #ffffff; + font-size: 16px; + font-weight: 700; + letter-spacing: 0.4px; +} + +.all__Product { + padding-top: 18px; + margin: auto; + text-align: center; + background-color: #f16d7f; + width: 212px; + height: 30px; +} + +.sail { + position: relative; + width: 1140px; + height: 529px; + margin-top: 113px; + background-color: #222224; +} + +.pikap { + position: absolute; + top: 48px; + left: 803px; +} + +.procent { + position: absolute; + top: 204px; + left: 803px; +} + +.king { + position: absolute; + top: 358px; + left: 803px; +} + +.text1 { + color: #fbfbfb; + font-size: 20px; + font-weight: 700; + letter-spacing: 0.5px; +} + +.text2 { + padding-top: 18px; + color: #fbfbfb; + font-size: 14px; + font-weight: 300; + letter-spacing: 0.35px; +} + +.text__pikap { + width: 220px; + height: 100px; + position: absolute; + top: 55px; + left: 878px; +} + +.text__procent { + width: 220px; + height: 100px; + position: absolute; + top: 212px; + left: 878px; +} + +.text__king { + width: 220px; + height: 100px; + position: absolute; + top: 368px; + left: 878px; +} + +.sea__content { + background-image: url(img/Layer_41.jpg); + height: 100%; + background-repeat: no-repeat; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.sea { + padding-top: 100px; + height: 438px; + width: 1620px; + margin: auto; +} + +.quote { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + width: 500px; + height: 180px; + margin-left: 235px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.quote__content { + width: 390px; + height: 70px; + color: #222224; + font-size: 16px; + font-style: italic; + letter-spacing: 0.4px; +} + +.Foto__aft { + border-radius: 150px; + width: 83px; + height: 83px; +} + +.after { + margin-top: -50px; + margin-left: 113px; + color: #222224; + font-size: 12px; + font-weight: 300; + letter-spacing: 0.3px; +} + +.fam__after { + color: #f16d7f; + font-size: 16px; + font-weight: 700; + font-weight: 700; + letter-spacing: 0.4px; +} + +.Subscribe { + margin: 0 auto; + text-align: center; + margin-left: 200px; + width: 400px; + height: 130px; +} + +.Subscrib1 { + color: #222224; + font-size: 14px; + font-weight: 400; + font-size: 24px; + letter-spacing: 0.6px; + text-transform: uppercase; +} + +.Subscrib2 { + color: #222224; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.35px; +} + +.emeil { + margin-top: 35px; + padding-left: 28px; + opacity: 0.67; + color: #222224; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.35px; + border: none; + width: 280px; + height: 46px; + border-radius: 23px 0 0 23px; + background-color: #e1e1e1; +} + +.knopka { + margin-top: 35px; + color: #ffffff; + font-size: 14px; + font-weight: 400; + position: absolute; + letter-spacing: 0.35px; + border: none; + margin-left: -35px; + width: 104px; + height: 46px; + border-radius: 0 23px 23px 0; + background-color: #f16d7f; +} + +.footer__one { + height: 460px; +} + +.d { + color: #f16d7f; + font-size: 27px; + text-transform: uppercase; + font-weight: 400; + letter-spacing: 0.68px; +} + +.footer__logo { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-bottom: 41px; + margin-top: 110px; +} + +.footer__title { + color: #f16d7f; + font-size: 18px; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.45px; +} + +.footer__contents { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.footer__text { + width: 430px; + height: 180px; + color: #898989; + font-size: 14px; + font-weight: 300; + letter-spacing: 0.35px; +} + +.filling { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #e6e6e6; + height: 79px; +} + +.home { + margin-top: 45px; + width: 150px; + height: 180px; + list-style-type: none; + line-height: 42px; +} + +.footer__meny { + width: 610px; + height: 250px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 123px; +} + +.footer--left { + margin-right: 63px; +} + +.filling { + 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; +} + +.data { + color: #7a7a7a; + font-size: 16px; + font-weight: 400; + letter-spacing: 0.4px; +} + +.icon { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.icon__item { + 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; + width: 32px; + height: 32px; + background-color: #fff; + margin-right: 8px; + color: #b2b2b2; + font-size: 16px; + font-weight: 400; + letter-spacing: 0.4px; +} + +.icon__item :hover { + 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; + width: 32px; + height: 32px; + color: #b2b2b2; + font-size: 16px; + font-weight: 400; + letter-spacing: 0.4px; + background-color: #f16d7f; +} + +.pod__home { + color: #898989; + font-size: 16px; + font-weight: 400; + letter-spacing: 0.4px; +} + +.promo__heading { + color: #222222; + font-size: 40px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 1.5px; + line-height: 30px; +} + +.drop { + position: absolute; + border-radius: 5px; + background-color: #ffffff; + border: 1px solid #ececec; + padding: 12px 20px; + display: none; + top: 48px; + left: -5px; +} + +.drop::before { + content: ''; + width: 12px; + height: 12px; + background-color: #fff; + position: absolute; + top: -7px; + left: 35px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-top: 1px solid #e8e8e8; + border-left: 1px solid #e8e8e8; +} + +.drop__h3 { + border-bottom: 1px solid #e8e8e8; + color: #232323; + font-size: 14px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.35px; + padding-bottom: 8px; + margin-bottom: 8px; + padding-top: 8px; +} + +.drop__link { + color: #646464; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.35px; + line-height: 28px; +} + +.drop__link:hover { + color: #f16d7f; +} + +.drop__ul { + list-style-type: none; +} + +.drop-flex { + width: 235px; + margin-right: 46px; +} + +.drop-flex:last-of-type { + margin-right: 0; +} + +.menu__list { + position: relative; +} + +.menu__list:hover .drop { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.drop_last { + right: 0; + left: auto; +} + +.drop_last::before { + right: 45px; + left: auto; +} + +/*ShoppingCart*/ +.Arrivals { + font-size: 24px; + line-height: 20px; + font-weight: 900; + color: #f16d7f; + margin-top: 65px; +} + +.stroka_menu { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-top: 65px; +} + +.stroka { + height: 148px; + background-color: #f8f3f4; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.stroka__home { + font-size: 14px; + line-height: 20px; + font-weight: 300; + text-transform: uppercase; + color: #636363; +} + +.stroka__men { + font-size: 14px; + line-height: 20px; + font-weight: 300; + text-transform: uppercase; + color: #636363; +} + +.stroka__Arrivals { + color: #f16d7f; + font-size: 14px; + line-height: 20px; + font-weight: 700; + text-transform: uppercase; +} + +.cartProduct { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin-left: auto; +} + +.cartProduct__Position { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border: 1px solid #000000; + border-width: 0px 0px 1px 0px; +} + +.cellProduct { + margin-left: 0px; +} + +.cartProduct__Position { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.cellProduct { + margin: 20px 0; + 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; + width: 100px; +} + +.cellProduct_super { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: left; + -ms-flex-pack: left; + justify-content: left; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + width: 400px; +} + +.quantity { + width: 54px; + height: 30px; + border: 1.0px solid #eaeaea; + text-align: center; +} + +.quantity::-webkit-inner-spin-button { + display: none; +} + +.size { + font-size: 13px; + line-height: 20px; + font-weight: 400; + color: #575757; +} + +.link-mango { + font-size: 13px; + line-height: 1.2; + font-weight: 400; + text-transform: uppercase; + color: #222222; +} + +.dimension { + font-size: 13px; + line-height: 20px; + font-weight: 300; + color: #6f6e6e; +} + +.cart-text { + font-size: 13px; + line-height: 20px; + font-weight: 400; + color: #656565; +} + +.shopping-cart { + margin-top: 44px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.cart-knopka { + 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; + width: 235px; + height: 50px; + background-color: #ffffff; + border: 1.0px solid #eaeaea; + font-size: 14px; + line-height: 1.2; + font-weight: 700; + text-transform: uppercase; + color: #4a4a4a; +} + +.delivery { + margin-top: 63px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.shipping-Adress { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.shippin { + font-size: 16px; + font-weight: 700; + text-transform: uppercase; + color: #222222; +} + +.shippin_sub { + text-align: right; + margin-top: 14px; + margin-right: 42px; +} + +.shippin-text { + margin-top: 28px; + font-size: 14px; + font-weight: 300; +} + +.apply { + margin-top: 25px; + width: 118px; + height: 35px; + background-color: #ffffff; + border: 1.0px solid #eaeaea; + font-size: 11px; + line-height: 1.2; + font-weight: 700; + text-transform: uppercase; + color: #4a4a4a; + 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; +} + +.state { + margin-top: 22px; + text-indent: 18px; + width: 355px; + height: 45px; + background-color: #ffffff; + border: 1.0px solid #eaeaea; + font-size: 13px; + font-weight: 300; + color: #b1b1b1; +} + +.sub { + margin-right: 41px; + margin-top: 40px; + text-align: right; + font-size: 11px; + line-height: 1.2; + font-weight: 400; + text-transform: uppercase; + color: #4a4a4a; +} + +.cost { + color: #f16d7f; +} + +.proceed { + margin: 41px auto auto auto; + 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; + width: 273px; + height: 50px; + background-color: #f16d7f; + font-size: 16px; + font-weight: 700; + text-transform: uppercase; + color: #ffffff; +} + +.grand-total { + width: 360px; + height: 214px; + background-color: #f5f3f3; +} + +.knopka-quote { + margin-top: 23px; + 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; + font-size: 11px; + line-height: 1.2; + font-weight: 700; + text-transform: uppercase; + color: #4a4a4a; + width: 118px; + height: 35px; + background-color: #ffffff; + border: 1.0px solid #eaeaea; +} + +/* checkout */ +.checkout__menu { + padding: 40px 0px; + list-style-type: decimal-leading-zero; + font-size: 16px; + font-weight: 700; + color: #222222; + border: 1px solid #e8e8e8; + border-width: 0px 0px 1px 0px; +} + +.checkout__menu__podmenu { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.checkout__menu__podmenu__blok { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + display: inline-block; +} + +.checkout__menu__podmenu__blok p { + font-size: 13px; + line-height: 20px; + font-weight: 400; + color: #b3b2b2; +} + +.checkout__menu__podmenu__blok h1 { + font-size: 12px; + line-height: 1.2; + font-weight: 400; + text-transform: uppercase; + color: #222222; +} + +.podblok { + margin-top: 35px; +} + +/*SinglePage*/ +.headerSingle { + 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; + background-color: #f7f7f7; + border: 1.0px solid #eaeaea; +} + +.moschino { + margin: -80px auto 0 auto; + width: 800px; + height: 730px; + background-color: #ffffff; + border: 1.0px solid #050303; +} +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/style.css.map b/style.css.map new file mode 100644 index 0000000..d8551f8 --- /dev/null +++ b/style.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "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", + "sources": [ + "style.scss" + ], + "names": [], + "file": "style.css" +} \ No newline at end of file diff --git a/style.scss b/style.scss new file mode 100644 index 0000000..5e606ea --- /dev/null +++ b/style.scss @@ -0,0 +1,1287 @@ +$colorSite:#f16d7f; + +* { + margin: 0; + padding: 0; +} + +body { + font-family: 'Lato', sans-serif; +} + +a { + text-decoration: none; +} + +a:hover{ + color: rgb(255, 182, 216); + } + + + +.center { + padding: 0 calc(50% - 570px); +} + +.header { + display: flex; + justify-content: space-between; + align-items: center; + height: 100px; + background-color: #ffffff; + border: 1px solid #ececec; + box-shadow: 0px 0px 10px 0px #ececec; +} + +.logo { + display: flex; + align-items: center; +} + +.bran-text { + font-size: 27px; + line-height: 32px; + font-weight: 300; + text-transform: uppercase; + letter-spacing: 0.025em; + color: #222222; +} + +.d { + color: $colorSite; + font-size: 27px; + line-height: 32px; + font-weight: 900; + text-transform: uppercase; + letter-spacing: 0.025em; +} + +.logo__img { + margin-right: 13px; +} + +.header__left { + display: flex; + align-items: center; +} + +.header__form { + display: flex; + align-items: center; + margin-left: 37px; +} + +.header__browse{ + display: flex; + justify-content: center; + align-items: center; + width: 87px; + height: 38px; + background-image: linear-gradient(180.0deg, #f9f9f9 0%, #f5f5f5 100%); + border: 1.0px solid #e6e6e6; + border-radius: 3.0px 0.0px 0.0px 3.0px; +} + +.poisk { + padding-left: 16px; + color: #a4a4a4; + font-size: 14px; + font-weight: 300; + + letter-spacing: 0.35px; + border-radius: 0 3px 3px 0; + border: 1px solid #e6e6e6; + background-color: #ffffff; + width: 279px; + height: 38px; +} + +.linza { + border-radius: 0 3px 3px 0; + border: 1px solid #e6e6e6; + background-color: #ffffff; + width: 38px; + height: 38px; +} + +.header__right { + display: flex; + align-items: center; +} + +.header__cart { + margin-right: 26px; +} + +.button{ + display: flex; + justify-content: center; + align-items: center; + width: 130px; + height: 38px; + background-color: #f16d7f; + color: #ffffff; + + font-size: 15px; + + font-weight: 400; + + letter-spacing: 0.38px; + +} + +.menu { + display: flex; + justify-content: center; + list-style: none; +} + +.menu__link { + font-size: 14px; + font-weight: bold; + color: #222222; + text-align: left; + line-height: 26px; + text-transform: uppercase; + padding: 20px; + display: block; +} + +.drop { + position: absolute; + border-radius: 5px; + background-color: #ffffff; + border: 1px solid #ececec; + padding: 12px 20px; + display: none; + top: 48px; + left: -5px; +} + +.drop::before { + content: ''; + width: 12px; + height: 12px; + background-color: #fff; + position: absolute; + top: -7px; + left: 35px; + transform: rotate(45deg); + border-top: 1px solid #e8e8e8; + border-left: 1px solid #e8e8e8; +} + +.drop__h3 { + border-bottom: 1px solid #e8e8e8; + color: #232323; + font-size: 14px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.35px; + padding-bottom: 8px; + margin-bottom: 8px; + padding-top: 8px; +} + +.drop__link { + color: #646464; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.35px; + line-height: 28px; +} + +.drop__link:hover { + color: #f16d7f; +} + +.drop__ul { + list-style-type: none; +} + +.drop-flex { + width: 235px; + margin-right: 46px; +} + +.drop-flex:last-of-type { + margin-right: 0; +} + +.menu__list { + position: relative; +} + +.menu__list:hover .drop { + display: flex; +} + +.drop_last { + right: 0; + left: auto; +} + +.drop_last::before { + right: 45px; + left: auto; +} + + +.promo { + background-color: #e8e8e8; +} + +.promo__content { + display: flex; + align-items: center; + height: 614px; + background-image: url(img/promo_back.png); + background-repeat: no-repeat; + background-position: center -51px; +} + +.promo__text { + border-left: 12px solid $colorSite; + padding-left: 12px; +} + +.one { + color: #222222; + font-size: 40px; + font-weight: 400; + text-transform: uppercase; + font-size: 60px; + letter-spacing: 1.5px; +} + +.two { + color: #222222; + font-size: 40px; + font-weight: 400; + text-transform: uppercase; +} + +.FASHION { + color: $colorSite; + letter-spacing: 1px; +} + +.men { + background-image: url(img/men.jpg); + width: 560px; + height: 542px; + margin-top: 100px; + margin-right: 21px; + margin-bottom: 21px; +} + +.women { + background-image: url(img/women.jpg); + width: 560px; + height: 261px; + margin-top: 100px; +} + +.accesories { + background-image: url(img/accesories.jpg); + width: 411px; + height: 240px; + margin-left: auto; +} + +.kids { + background-image: url(img/kids.jpg); + width: 560px; + height: 542px; + margin-top: -285px; + margin-left: 21px; +} + +.block__one { + padding: 0 calc(50% - 570px); + display: flex; +} + +.block__two { + padding: 0 calc(50% - 570px); + display: flex; + align-items: center; +} + +.block__accesories { + width: 560px; + height: 261px; + background-color: #dadad2; +} + +.for__men { + width: 175px; + height: 82px; + background-color: #ffffff; + margin-top: 26px; + padding-top: 16px; +} + +.text__men1 { + margin-left: 19px; + color: #222222; + font-size: 18px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.45px; +} + +.text__men2 { + margin-left: 19px; + font-weight: 400; + text-transform: uppercase; + color: $colorSite; + font-size: 30px; + letter-spacing: 0.75px; +} + +.for__women { + width: 162px; + height: 82px; + background-color: #ffffff; + margin-top: 26px; + padding-top: 16px; +} + +.text__women1 { + margin-left: 19px; + color: #222222; + font-size: 18px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.45px; +} + +.text__women2 { + margin-left: 19px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.45px; + color: $colorSite; + font-size: 30px; + letter-spacing: 0.75px; +} + +.for__accesories { + width: 225px; + height: 82px; + background-color: #ffffff; + margin-top: 26px; + padding-top: 16px; + float: left; +} + +.text__accesories1 { + margin-left: 19px; + color: #222222; + font-size: 18px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.45px; +} + +.text__accesories2 { + margin-left: 19px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.45px; + color: $colorSite; + font-size: 30px; + letter-spacing: 0.75px; +} + +.for__kids { + width: 180px; + height: 82px; + background-color: #ffffff; + margin-top: 26px; + padding-top: 16px; +} + +.text__kids1 { + margin-left: 19px; + color: #222222; + font-size: 18px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.45px; +} + +.text__kids2 { + margin-left: 19px; + font-weight: 400; + text-transform: uppercase; + color: $colorSite; + font-size: 30px; + letter-spacing: 0.75px; +} + +.promo__h1 { + font-size: 60px; + font-weight: 900; + color: #222222; + line-height: 45px; +} + +.product { + width: 263px; + margin-bottom: 39px; + position: relative; +} + +.product:hover { + box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.16); +} + +.product:hover .product__add { + display: flex; +} + +.product:hover .product__img { + filter: brightness(50%); +} + +.product-box { + padding-top: 60px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +.product__img { + width: 100%; +} + +.product__name { + font-size: 13px; + color: #222222; + text-transform: uppercase; + margin-bottom: 17px; + display: block; +} + +.product__price { + font-size: 16px; + font-weight: bold; + color: $colorSite; + text-transform: uppercase; +} + +.product__content { + padding: 19px 14px; +} + +.product__add { + height: 39px; + width: 123px; + border: 1px solid #ffffff; + font-size: 13px; + font-weight: bold; + color: #ffffff; + display: none; + justify-content: center; + align-items: center; + position: absolute; + top: 97px; + left: 70px; +} + +.product__add:hover { + box-shadow: 0 0 8px #fff; +} + +.title { + width: 400px; + height: 130px; + text-align: center; + justify-content: space-between; + align-items: center; + margin: auto; +} + +.title1 { + color: #222222; + font-size: 30px; + font-weight: 700; + letter-spacing: 0.75px; + padding-top: 100px; +} + +.title2 { + color: #9f9f9f; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.35px; +} + +.all__P { + color: #ffffff; + font-size: 16px; + font-weight: 700; + letter-spacing: 0.4px; +} + +.all__Product { + padding-top: 18px; + margin: auto; + text-align: center; + background-color: $colorSite; + width: 212px; + height: 30px; +} + +.sail { + position: relative; + width: 1140px; + height: 529px; + margin-top: 113px; + background-color: #222224; +} + +.pikap { + position: absolute; + top: 48px; + left: 803px; +} + +.procent { + position: absolute; + top: 204px; + left: 803px; +} + +.king { + position: absolute; + top: 358px; + left: 803px; +} + +.text1 { + color: #fbfbfb; + font-size: 20px; + font-weight: 700; + letter-spacing: 0.5px; +} + +.text2 { + padding-top: 18px; + color: #fbfbfb; + font-size: 14px; + font-weight: 300; + letter-spacing: 0.35px; +} + +.text__pikap { + width: 220px; + height: 100px; + position: absolute; + top: 55px; + left: 878px; +} + +.text__procent { + width: 220px; + height: 100px; + position: absolute; + top: 212px; + left: 878px; +} + +.text__king { + width: 220px; + height: 100px; + position: absolute; + top: 368px; + left: 878px; +} + +.sea__content { + background-image: url(img/Layer_41.jpg); + height: 100%; + background-repeat: no-repeat; + display: flex; + align-items: center; +} + +.sea { + padding-top: 100px; + height: 438px; + width: 1620px; + margin: auto; +} + +.quote { + justify-content: space-between; + width: 500px; + height: 180px; + margin-left: 235px; + display: flex; + flex-wrap: wrap; +} + +.quote__content { + width: 390px; + height: 70px; + color: #222224; + font-size: 16px; + font-style: italic; + letter-spacing: 0.4px; +} + +.Foto__aft { + border-radius: 150px; + width: 83px; + height: 83px; +} + +.after { + margin-top: -50px; + margin-left: 113px; + color: #222224; + font-size: 12px; + font-weight: 300; + letter-spacing: 0.3px; +} + +.fam__after { + color: $colorSite; + font-size: 16px; + font-weight: 700; + font-weight: 700; + letter-spacing: 0.4px; +} + +.Subscribe { + margin: 0 auto; + text-align: center; + margin-left: 200px; + width: 400px; + height: 130px; +} + +.Subscrib1 { + color: #222224; + font-size: 14px; + font-weight: 400; + font-size: 24px; + letter-spacing: 0.6px; + text-transform: uppercase; +} + +.Subscrib2 { + color: #222224; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.35px; +} + .emeil { + margin-top: 35px; + padding-left: 28px; + opacity: 0.67; + color: #222224; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.35px; + border: none; + width: 280px; + height: 46px; + border-radius: 23px 0 0 23px; + background-color: #e1e1e1; +} + +.knopka { + margin-top: 35px; + color: #ffffff; + font-size: 14px; + font-weight: 400; + position: absolute; + letter-spacing: 0.35px; + border: none; + margin-left: -35px; + width: 104px; + height: 46px; + border-radius: 0 23px 23px 0; + background-color: $colorSite; +} + +.footer__one { + height: 460px; +} + +.d { + color: $colorSite; + font-size: 27px; + text-transform: uppercase; + font-weight: 400; + letter-spacing: 0.68px; +} + +.footer__logo { + display: flex; + padding-bottom: 41px; + margin-top: 110px; +} + +.footer__title { + color: $colorSite; + font-size: 18px; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.45px; +} + +.footer__contents { + display: flex; +} + +.footer__text { + width: 430px; + height: 180px; + color: #898989; + font-size: 14px; + font-weight: 300; + letter-spacing: 0.35px; +} + +.filling { + + display: flex; + justify-content: space-between; + background-color: #e6e6e6; + height: 79px; +} + +.home { + margin-top: 45px; + width: 150px; + height: 180px; + list-style-type: none; + line-height: 42px; +} + +.footer__meny { + width: 610px; + height: 250px; + display: flex; + justify-content: space-between; + margin-top: 123px; +} + + + +.footer--left { + margin-right: 63px; +} + +.filling { + display: flex; + justify-content: space-between; + align-items: center; +} + +.data { + + color: #7a7a7a; + font-size: 16px; + font-weight: 400; + letter-spacing: 0.4px; +} + +.icon { + + display: flex; + +} + +.icon__item { + + display: flex; + justify-content: center; + align-items: center; + width: 32px; + height: 32px; + background-color: #fff; + margin-right: 8px; + color: #b2b2b2; + font-size: 16px; + font-weight: 400; + letter-spacing: 0.4px; +} + +.icon__item :hover{ + display: flex; + justify-content: center; + align-items: center; + width: 32px; + height: 32px; + color: #b2b2b2; + font-size: 16px; + font-weight: 400; + letter-spacing: 0.4px; + background-color: $colorSite; +} + +.pod__home { + color: #898989; + font-size: 16px; + font-weight: 400; + letter-spacing: 0.4px; +} + +.promo__heading { + color: #222222; + font-size: 40px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 1.5px; + line-height: 30px; +} + +.drop { + position: absolute; + border-radius: 5px; + background-color: #ffffff; + border: 1px solid #ececec; + padding: 12px 20px; + display: none; + top: 48px; + left: -5px; +} + +.drop::before { + content: ''; + width: 12px; + height: 12px; + background-color: #fff; + position: absolute; + top: -7px; + left: 35px; + transform: rotate(45deg); + border-top: 1px solid #e8e8e8; + border-left: 1px solid #e8e8e8; +} + +.drop__h3 { + border-bottom: 1px solid #e8e8e8; + color: #232323; + font-size: 14px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.35px; + padding-bottom: 8px; + margin-bottom: 8px; + padding-top: 8px; +} + +.drop__link { + color: #646464; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.35px; + line-height: 28px; +} + +.drop__link:hover { + color: $colorSite; +} + +.drop__ul { + list-style-type: none; +} + +.drop-flex { + width: 235px; + margin-right: 46px; +} + +.drop-flex:last-of-type { + margin-right: 0; +} + +.menu__list { + position: relative; +} + +.menu__list:hover .drop { + display: flex; +} + +.drop_last { + right: 0; + left: auto; +} + +.drop_last::before { + right: 45px; + left: auto; +} + +/*ShoppingCart*/ + + + + + + +.Arrivals { + font-size: 24px; + line-height: 20px; + font-weight: 900; + color: $colorSite; + margin-top: 65px; +} + +.stroka_menu { + + display: flex; + margin-top: 65px; + +} + + + +.stroka { + height: 148px; + background-color: #f8f3f4; + display: flex; + justify-content: space-between; +} + +.stroka__home { + font-size: 14px; + line-height: 20px; + font-weight: 300; + text-transform: uppercase; + color: #636363; +} + +.stroka__men { + font-size: 14px; + line-height: 20px; + font-weight: 300; + text-transform: uppercase; + color: #636363; +} + + +.stroka__Arrivals { + color: $colorSite; + font-size: 14px; + line-height: 20px; + font-weight: 700; + text-transform: uppercase; + +} + + + + + +.cartProduct { + display: flex; + flex-direction: column; + margin-left: auto; + &__Position { + display: flex; + border: 1px solid #000000; + border-width: 0px 0px 1px 0px; + + } +} + +.cellProduct{ + margin-left: 0px; + + } + + + + + +.cartProduct__Position { + justify-content: space-between; + + } + +.cellProduct { + margin: 20px 0; + display: flex; + justify-content: center; + align-items: center; + width: 100px; + &_super{ + flex-direction: column; + justify-content: left; + align-items: flex-start; + width: 400px; + } + +} + +.quantity{ + width: 54px; + height: 30px; + border: 1.0px solid #eaeaea; + text-align: center; + + +} + +.quantity::-webkit-inner-spin-button { + display: none; +} + + + +.size{ + font-size: 13px; + line-height: 20px; + font-weight: 400; + color: #575757 +} + + +.link-mango{ + font-size: 13px; + line-height: 1.2; + font-weight: 400; + text-transform: uppercase; + color: #222222; + +} + +.dimension{ + font-size: 13px; + line-height: 20px; + font-weight: 300; + color: #6f6e6e; +} + +.cart-text{ + font-size: 13px; + line-height: 20px; + font-weight: 400; + color: #656565; +} + +.shopping-cart{ + margin-top: 44px; + display: flex; + justify-content: space-between; +} + +.cart-knopka{ + display: flex; + justify-content: center; + align-items: center; + width: 235px; + height: 50px; + background-color: #ffffff; + border: 1.0px solid #eaeaea; + font-size: 14px; + line-height: 1.2; + font-weight: 700; + text-transform: uppercase; + color: #4a4a4a; +} + +.delivery{ + margin-top: 63px; + display: flex; + justify-content: space-between; +} + +.shipping-Adress{ + display: flex; + flex-direction: column; +} + +.shippin{ + font-size: 16px; + font-weight: 700; + text-transform: uppercase; + color: #222222; +} + +.shippin_sub{ + text-align: right; + margin-top: 14px; + margin-right: 42px; +} + +.shippin-text{ + margin-top: 28px; + font-size: 14px; + font-weight: 300; +} + +.apply{ + margin-top: 25px; + width: 118px; + height: 35px; + background-color: #ffffff; + border: 1.0px solid #eaeaea; + font-size: 11px; + line-height: 1.2; + font-weight: 700; + text-transform: uppercase; + color: #4a4a4a; + display: flex; + justify-content: center; + align-items: center; +} + +.state{ + margin-top: 22px; + text-indent: 18px; + width: 355px;height: 45px; + background-color: #ffffff; + border: 1.0px solid #eaeaea; + font-size: 13px; + font-weight: 300; + color: #b1b1b1; +} + +.sub{ + margin-right: 41px; + margin-top: 40px; + text-align: right; + font-size: 11px; + line-height: 1.2; + font-weight: 400; + text-transform: uppercase; + color: #4a4a4a; +} + +.cost{ + color: $colorSite; +} + +.proceed{ + margin: 41px auto auto auto; + display: flex; + justify-content: center; + align-items: center; + width: 273px; + height: 50px; + background-color: $colorSite; + font-size: 16px; + font-weight: 700; + text-transform: uppercase; + color: #ffffff; +} + +.grand-total{ + width: 360px; + height: 214px; + background-color: #f5f3f3; +} + +.knopka-quote{ + margin-top: 23px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + line-height: 1.2; + font-weight: 700; + text-transform: uppercase; + color: #4a4a4a; + width: 118px; + height: 35px; + background-color: #ffffff; + border: 1.0px solid #eaeaea; +} + +/* checkout */ + +.checkout{ + &__menu{ + padding: 40px 0px; + list-style-type: decimal-leading-zero; + font-size: 16px; + font-weight: 700; + + color: #222222; + border: 1px solid #e8e8e8; + border-width: 0px 0px 1px 0px; + + + &__podmenu{ + display: flex; + justify-content: space-between; + + &__blok{ + width: 100%; + display: flex; + justify-content: space-between; + flex-direction: column; + display: inline-block; + + + + p{ + + font-size: 13px; + line-height: 20px; + font-weight: 400; + color: #b3b2b2; + + } + h1{ + + font-size: 12px; + line-height: 1.2; + font-weight: 400; + text-transform: uppercase; + color: #222222; + } + + } + } + + + } +} + +.podblok{ + margin-top: 35px; + +} + +/*SinglePage*/ + +.headerSingle{ + display: flex; + justify-content: center; + align-items: center; + background-color: #f7f7f7; + border: 1.0px solid #eaeaea; + +} + +.moschino{ + margin: -80px auto 0 auto; + width: 800px; + height: 730px; + background-color: #ffffff; + border: 1.0px solid #050303; +} + + + + + + + + + + + + +