From 8c6fa7b2acd6c8229cbd0a21e6a56fafbe5eec7e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=AD=D0=BC=D0=B8=D0=BB=D1=8C?= Date: Fri, 23 Aug 2024 20:16:10 +0300 Subject: [PATCH 1/3] attepmt 1 --- index.html | 24 ++++++------ styles.css | 109 ++++++++++++++++++++++++++--------------------------- 2 files changed, 66 insertions(+), 67 deletions(-) diff --git a/index.html b/index.html index 61391a4..52de763 100644 --- a/index.html +++ b/index.html @@ -7,25 +7,26 @@ -
-
-

Дача Сталина

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

Дача Сталина

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

Фитнесс зал

+
+

Фитнесс зал

+
+
-

зал для занятий фитнессом и боксом

+
-
+
+
+

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

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

выставка керамики Майи Лопе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; } - From b9fb4f12b4bcc95de489bf584d06957494620173 Mon Sep 17 00:00:00 2001 From: emil28092005 <65846814+emil28092005@users.noreply.github.com> Date: Tue, 27 Aug 2024 18:45:38 +0300 Subject: [PATCH 3/3] kinda MVP1 --- Images/Icons/icons8-telegram.svg | 15 +++++++++++ Images/Icons/icons8-whatsapp.png | Bin 0 -> 949 bytes index.html | 35 +++++++++++++++++++++----- styles.css | 41 ++++++++++++++++++++++++++++--- 4 files changed, 81 insertions(+), 10 deletions(-) create mode 100644 Images/Icons/icons8-telegram.svg create mode 100644 Images/Icons/icons8-whatsapp.png 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 0000000000000000000000000000000000000000..5545e34b891729e5d13c570c1e5d02672334f25d GIT binary patch literal 949 zcmV;m14{gfP)IX|RhE&mPgyc#>{*6Ly8f`njQB^g zq!~-e_{SDe{!k>0<&TMwoqz0-J(QUt+$>4vaxJ%9uB)T(tK;eYE$(}L>+SbD&+~oG z^StMr=bZCG_NWZ>1=aw^f&YMaKp9X3+yJ%#(||@)AQ}NHfT!9lo98|7H_$c7#yP-3 z;I&hH9rzO%1T+^XNB{c(bAXe;2k}dRO+fu`-Mj^GMoK;c`+=Xnas5VF!gM?Ux@Eh# z4N#zk4}pP{9~~4MWwK;OUCn_fT5uM~B{^yVJEgM_Xq$>y6*w>A37|F=2fIQ0r2Ai> zUL0wW2nE44ssRiEegWzxw8T~Iu`Zl!3cS(efFK_Jaks$S(!_c5@n}IY4XYUbaY> zo`PJ{9n!4T-(^R$%u1E(s1b>><_lnU3Z41l96=-#{z`M=T)naJ9;-HNQm+tg_`gzj zzB_Q4+PDx==3Q<=J69^Jr8$I|`KY*-%a_S*+Y}o;1AgR^VZnGM;J)U1htWQc^sqo% z;!JIM;SZo$z?&%R6vxEEV6A=R19qzOv7Imzti3wz%v>rL?RO>Dp1Cn=BllQV{en7D z@-aj7hOi!Cm)_KO#f2#XaFQ!%Uo|}aUD+)UYO4hw3G_-)En5LEW9rLiEYpOg+wXxq zcXju~5iV=eOj^-s?>4^_*AF(9|BID$LR8H%Fhf*Ua2L7E*)WbcUW8+kb5t(pYwWE) zEPl^2K+XRXg4?iDO=&E)xK@0xQfR7gz7i#!Rcb0M=!R;;1!}zu9p4hpm`o>r7_-qG zV1pK0BQgRw9OU|RkM$U4{;Yb(Q>yXS9!&vSrs3L0<|w`Gdf)(XNa@(DVh6UbtE}+} Xw|_6HV?_;#00000NkvXXu0mjfjN7_s literal 0 HcmV?d00001 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