diff --git a/index_new.html b/index_new.html new file mode 100644 index 0000000..79aad20 --- /dev/null +++ b/index_new.html @@ -0,0 +1,60 @@ + + + + + Станция Сосновая + + + + +
+

Станция Сосновая

+

База отдыха

+ заглавное фото участка +
+ +
+
+

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

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

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

+
+
+

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

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

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

+
+
+

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

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

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

+
+
+

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

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

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

+
+
+ + + + + \ No newline at end of file diff --git a/styles_new.css b/styles_new.css new file mode 100644 index 0000000..202265d --- /dev/null +++ b/styles_new.css @@ -0,0 +1,95 @@ +*{ + box-sizing: border-box; +} + +body ,header, section, footer{ + margin: 0; +} + +h1,h2,h3,h4,h5,h6,p{ + text-shadow: black 4px 4px 3px; + margin: 0; + color: #e4c373; + font-family: 'MesloLGS NF', sans-serif; + +} + +h1 { + text-align: center; + font-weight: 600; + margin: 0; +} + +p { + font-weight: 550; +} + +.header { + + text-align: center; + background-color: saddlebrown; + width: 100%; +} + +.header__name { + color: #bdad60; +} + +.header__description { + color: #bdad60; + line-height: 1; + margin-bottom: 1vh; +} + +.header__image { + display: inline-block; + width: 95%; + +} + +.section { + width: 100%; + display: inline-block; + text-align: center; + padding: 25px; + justify-content: space-evenly; + background: radial-gradient(circle, rgba(164,126,10,1) 0%, rgba(139,69,19,1) 100%); + margin: 0 auto; +} + +.card { + display: inline-block; + width: 300px; + height: 300px; + margin: 10px; + background-color: saddlebrown; +} + +.card__name { + margin: 0; + text-align: center; +} + +.card__image { + display: block; + margin: 0 auto ; + width: 90%; + border: solid 3px #2a1508; +} + +.card__description { + margin: 0; + text-align: center; +} + +.footer { + background-color: saddlebrown; + text-align: center; + height: 22vh; + width: 100%; +} + +.card--framed{ + border: solid 5px #2a1508; + box-shadow: 10px 10px 20px #2a1508; +}