diff --git a/bags-shoes.jpg b/bags-shoes.jpg new file mode 100644 index 0000000..3d51c9f Binary files /dev/null and b/bags-shoes.jpg differ diff --git a/black-friday-sale.png b/black-friday-sale.png new file mode 100644 index 0000000..66c6429 Binary files /dev/null and b/black-friday-sale.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..a394a5c --- /dev/null +++ b/index.html @@ -0,0 +1,40 @@ + + + + + + Website + + + +
+

Shoes & bags shop

+

Описание компании: Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptas earum dolores fuga officiis, nostrum ipsam totam itaque, odit recusandae culpa saepe deleniti ad laboriosam autem doloremque incidunt. Soluta, deleniti. Aperiam.

+
+
+ +
+
Сезон осень-зима 2020
+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corrupti, possimus repellendus labore vero ullam voluptas quibusdam quasi sunt, enim porro minus, facere laborum. Ex inventore, nostrum nobis eos voluptates accusamus? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Enim error officia nam eaque distinctio, assumenda quidem blanditiis autem qui alias obcaecati accusamus maiores nostrum veniam dicta provident ducimus? Provident, voluptatibus! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur explicabo dicta, odio maiores, ut a beatae, eos amet deleniti eaque magni? Voluptatem laudantium saepe totam et odit aut repellat eius.

+
Как подобрать себе сумочку
+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corrupti, possimus repellendus labore vero ullam voluptas quibusdam quasi sunt, enim porro minus, facere laborum. Ex inventore, nostrum nobis eos voluptates accusamus? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Amet exercitationem atque consequatur, illum neque ex magni? Cupiditate quas voluptatibus commodi minima nostrum? Non eligendi ab voluptas, architecto debitis corporis molestias! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut amet quam quos non praesentium assumenda voluptas quia, delectus qui, cumque, quod rem doloremque libero nulla sapiente. Rerum similique expedita iste.

+
Почему только натуральная кожа
+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corrupti, possimus repellendus labore vero ullam voluptas quibusdam quasi sunt, enim porro minus, facere laborum. Ex inventore, nostrum nobis eos voluptates accusamus? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Amet exercitationem atque consequatur, illum neque ex magni? Cupiditate quas voluptatibus commodi minima nostrum? Non eligendi ab voluptas, architecto debitis corporis molestias! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut amet quam quos non praesentium assumenda voluptas quia, delectus qui, cumque, quod rem doloremque libero nulla sapiente. Rerum similique expedita iste.

+
+
+ Black Friday +
+
+ + + \ No newline at end of file diff --git a/shoes-and-bags-2.jpg b/shoes-and-bags-2.jpg new file mode 100644 index 0000000..9892e3e Binary files /dev/null and b/shoes-and-bags-2.jpg differ diff --git a/shoes-and-bags.jpg b/shoes-and-bags.jpg new file mode 100644 index 0000000..7d9a4fe Binary files /dev/null and b/shoes-and-bags.jpg differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..402406c --- /dev/null +++ b/style.css @@ -0,0 +1,70 @@ +*{ + box-sizing: border-box; + padding: 5px; + /* border: 1px solid grey; */ + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; +} +.Header{ + margin: 0 auto; + display: grid; + width: auto; + background-color: rgba(32, 163, 159, 0.253); +} +h4{ + margin: 0 auto; + font-style: italic; +} +.container{ + display: grid; + grid-template-columns: 300px 1fr 300px; + grid-template-columns: 15% 60% 25%; + grid-column-gap: 10px; + grid-template-rows: auto; + grid-template-areas:"Header Header Header" + "Nav Atricle Ads" + "Footer Footer Footer"; + margin:0; + padding: 0; + box-sizing: border-box; + background: url(shoes-and-bags-2.jpg); + background-size: 100%; +} +.Nav{ + margin: 10px; + display: inline; + justify-content: space-between; + font-size: 20px; + background-color:rgba(164, 169, 173, 0.178); + border-radius: 10px; +} +.Nav a{ + color: black; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; +} +.Atricle{ + display: inline-block; +} +h5{ + border: 1px solid rebeccapurple; + border-radius: 10px; + background-color:rgba(102, 51, 153, 0.185); + font-size: 20px; +} +.Ads{ + margin: 10px; +} +.Ads img{ + width: 90%; + text-align: center; +} +.Footer{ + font-size: 13px; + margin: 0 auto; + text-align: center; + background-color: rgba(239, 91, 91, 0.308); +} +a{ + color: black; + cursor: pointer; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; +} \ No newline at end of file