From 9e4ef2afe211a31c5e4ebf02eea1980dbb6e4947 Mon Sep 17 00:00:00 2001 From: emil28092005 <65846814+emil28092005@users.noreply.github.com> Date: Tue, 27 Aug 2024 10:39:35 +0300 Subject: [PATCH] second attempt --- index.html | 76 ++++++++++++++++++--------------------------- styles.css | 90 +++++++++++++++++++++--------------------------------- 2 files changed, 65 insertions(+), 101 deletions(-) diff --git a/index.html b/index.html index 52de763..2fea271 100644 --- a/index.html +++ b/index.html @@ -1,61 +1,45 @@ - - - Дача Сталина + + + Станция Сосновая + -
-

Дача Сталина

- заглавная фотография участка +
+
-
-
-
-

Фитнесс зал

-
- -
+
+
+

Выставка керамики

+ выставка керамики +

выставка керамики Майи Лопеc

+
+
+

Выставка керамики

+ выставка керамики +

выставка керамики Майи Лопеc

+
+
+

Выставка керамики

+ выставка керамики +

выставка керамики Майи Лопеc

+
-
- -
-
- - -
-
- - + + diff --git a/styles.css b/styles.css index b1d72ff..bc8382f 100644 --- a/styles.css +++ b/styles.css @@ -2,78 +2,58 @@ box-sizing: border-box; } -body, -header, -section, -footer, -h1, -h2, -h3, -h4, -p { - font-weight: normal; - font-family: 'Sans', sans-serif; +body ,header, section, footer{ margin: 0; - border: 1px solid black; - background-color: rgb(255, 0, 0,.1); - padding: 0; +} + +h1,h2,h3,h4,h5,h6,p{ + color: #e4c373; + font-family: 'MesloLGS NF', sans-serif; + +} + +h1 { + font-weight: 600; +} + +p { + font-weight: lighter; } -.header { - height: 100vh; - background-color: aliceblue; -} -.header-image { - display: block; - height: 85%; - margin: auto; -} -.header-name { - text-align: center; +.section { + width: 100%; + display: flex; + justify-content: center; + background: #bdad60; + margin: 0 auto; } .card { - width: 50%; - height: 250px; - background-color: antiquewhite; -} - -.card-image { - display: flex; - height: 95%; - width: 95%; - margin-top: .75%; - margin-left: .75%; + display: inline-block; + width: 300px; + height: 300px; + margin: 10px; + background-color: saddlebrown; + border: solid 5px #2a1508; + box-shadow: 10px 10px 20px #2a1508; } .card-name { + margin: 0; text-align: center; } -.card-head-box { - display: inline-block; - height: 85%; - width: 50%; - margin: 0; - background-color: rgba(255, 0, 0, 0.337); - -} - -.card-description-box { - display: inline-block; - height: 85%; - width: 45%; - padding: 10%; - margin: 0; - background-color: aqua; +.card-image { + display: block; + margin: 0 auto; + width: 90%; + border: solid 1px #2a1508; } .card-description { - display: flex; - margin: auto; + margin: 0; text-align: center; } -