diff --git a/components.css b/components.css index 8b9169c..6477003 100644 --- a/components.css +++ b/components.css @@ -14,7 +14,7 @@ } } -h1, h2, h3{ +h1, h2, h3, h4{ margin: 0; font-family: serif; color: var(--on-background); @@ -37,6 +37,15 @@ h3{ font-size: 1.5rem; } +h4{ + font-size: 1rem; +} + +h5{ + font-size: 0.8rem; + +} + p { color: var(--on-background); line-height: 1.5rem; @@ -45,4 +54,15 @@ p { section { padding: 1rem 2rem; margin: 0 auto; +} + +svg { + height: 1em; + width: 1em; +} + +ul { + list-style-type: none; + padding: 0; + margin: 0; } \ No newline at end of file diff --git a/images/007.jpg b/images/007.jpg new file mode 100644 index 0000000..9075c0f Binary files /dev/null and b/images/007.jpg differ diff --git a/images/008.jpg b/images/008.jpg new file mode 100644 index 0000000..dad8a73 Binary files /dev/null and b/images/008.jpg differ diff --git a/index.html b/index.html index 4119c3c..9a7fe4f 100644 --- a/index.html +++ b/index.html @@ -96,6 +96,9 @@
+
+
+

Twój drugi dom

Poczuj się jak w domu. Codziennie czekają na Ciebie świeże wypieki prosto z naszej pracowni, selekcja najlepszych herbat i przepyszna kawa. To tutaj nasze ciasta smakują najlepiej – podane z uśmiechem, w @@ -124,42 +127,54 @@ Darmowe wifi +

+
+ kawiarnia + ciasto i kawa +
+
+
diff --git a/style.css b/style.css index d9275b3..c6ee2e8 100644 --- a/style.css +++ b/style.css @@ -184,7 +184,7 @@ nav > div { background-color: white; &:nth-child(2) { - background-color: rgb(from var(--secondary-container) r g b / 0.3);; + background-color: rgb(from var(--secondary-container) r g b / 0.3); } & img { @@ -229,6 +229,8 @@ nav > div { & svg { transition-duration: 0.2s; + height: 2em; + width: 2em; } } } @@ -236,5 +238,67 @@ nav > div { } .kawiarnia { - background-color: var(--surface-container-low); + background-color: var(--secondary-container); + & > div { + background-color: rgb(from var(--surface) r g b / 0.6); + max-width: var(--max-content-width); + margin: 0 auto; + border-radius: var(--border-radius); + & > div { + padding: 2rem; + } + } +} + +footer { + display: grid; + grid-template-columns: 3fr 2fr 2fr; + max-width: var(--max-content-width); + margin: 3rem auto; + gap: 1rem; + + & > :first-child { + display: flex; + flex-direction: column; + justify-content: space-between; + + & p { + font-size: 0.875rem; + } + + & > :last-child { + font-weight: lighter; + font-size: 0.75rem; + } + } + + & > :nth-child(2) a { + flex-direction: column; + align-items: flex-start; + } + + & a { + font-size: 0.875rem; + color: var(--on-background); + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; + text-decoration: none; + margin: 1rem 0; + + & > div { + display: flex; + align-items: center; + justify-content: center; + } + } + + & h4 { + color: var(--primary); + } + + & svg { + margin-right: 0.5rem; + } } \ No newline at end of file