diff --git a/Images/Icons/icons8-telegram.svg b/Images/Icons/icons8-telegram.svg new file mode 100644 index 0000000..ed71282 --- /dev/null +++ b/Images/Icons/icons8-telegram.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/Images/Icons/icons8-whatsapp.png b/Images/Icons/icons8-whatsapp.png new file mode 100644 index 0000000..5545e34 Binary files /dev/null and b/Images/Icons/icons8-whatsapp.png differ diff --git a/index.html b/index.html index 2fea271..e45c4e2 100644 --- a/index.html +++ b/index.html @@ -5,41 +5,64 @@ Станция Сосновая + -
- +
+

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

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

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

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

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

-
+

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

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

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

-
+
+

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

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

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

+
+

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

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

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

-
+ + diff --git a/styles.css b/styles.css index bc8382f..e105908 100644 --- a/styles.css +++ b/styles.css @@ -7,26 +7,44 @@ body ,header, section, footer{ } h1,h2,h3,h4,h5,h6,p{ + margin: 0; color: #e4c373; font-family: 'MesloLGS NF', sans-serif; } h1 { + text-align: center; font-weight: 600; + margin: 0; } p { font-weight: lighter; } +.header { + text-align: center; + background-color: saddlebrown; + width: 100%; +} +.header-name{ + color: #bdad60; +} + +.header-image { + display: inline-block; + width: 100%; + +} .section { width: 100%; - display: flex; - justify-content: center; + display: inline-block; + text-align: center; + justify-content: space-evenly; background: #bdad60; margin: 0 auto; } @@ -37,8 +55,6 @@ p { height: 300px; margin: 10px; background-color: saddlebrown; - border: solid 5px #2a1508; - box-shadow: 10px 10px 20px #2a1508; } .card-name { @@ -57,3 +73,20 @@ p { margin: 0; text-align: center; } + +.footer { + background-color: saddlebrown; + text-align: center; + height: 20vh; + width: 100%; +} + +.fancy-external-border{ + border: solid 5px #2a1508; + box-shadow: 10px 10px 20px #2a1508; +} + +.telegram-icon { + + +} \ No newline at end of file