diff --git a/components.css b/components.css index b0cba63..3fa0913 100644 --- a/components.css +++ b/components.css @@ -14,19 +14,25 @@ } } -h1 { +h1, h2 { margin: 0; font-family: serif; color: var(--on-background); - font-size: 4rem; - line-height: 3.5rem; - & > span { font-style: italic; color: var(--primary); } } +h1{ + font-size: 4rem; + line-height: 3.5rem; +} + +h2{ + font-size: 3.5rem; +} + p { color: var(--on-background); line-height: 1.5rem; diff --git a/images/4-Z7293390-scaled_01.jpg b/images/001.jpg similarity index 100% rename from images/4-Z7293390-scaled_01.jpg rename to images/001.jpg diff --git a/images/002.jpg b/images/002.jpg new file mode 100644 index 0000000..0d911ff Binary files /dev/null and b/images/002.jpg differ diff --git a/index.html b/index.html index 1e1b9e7..848193e 100644 --- a/index.html +++ b/index.html @@ -12,14 +12,16 @@
@@ -30,10 +32,23 @@ Zobacz naszą ofertę
- tort + tort +
+ +
+
+
+
+ kawiarnia +
+
+ Tradycja i serce +

O nas

+

+ „Piekarnik Gosi” to marzenie, które udało mi się zrealizować dzięki wsparciu i pomocy moich najbliższych. To pracownia cukiernicza stworzona z zamiłowania do pieczenia. Tworzę z pasją, z najwyższej jakości składników, słodkości, które uświetnią każdą uroczystość oraz spotkanie. Wszystkie wypieki wykonuje od podstaw własnoręcznie : od biszkoptu , frużelin owocowych, chrupek , kremów aż po elementy dekoracyjne. W mojej ofercie znajdują się torty weselne, słodkie stoły, torty okazjonalne, tarty i ciasta wykonywane na indywidualne zamówienia. Co wyróżnia moją pracownię? Domowy i naturalny smak 🙂 Realizuje życzenia klientów ze starannością i pełnym zaangażowaniem. +

-
diff --git a/style.css b/style.css index ea327d6..8ec4fb2 100644 --- a/style.css +++ b/style.css @@ -6,8 +6,6 @@ body { font-family: 'Plus Jakarta Sans', sans-serif; } - - nav { /* positioning and look */ position: sticky; @@ -17,6 +15,9 @@ nav { background-color: color-mix(in srgb, var(--surface), transparent 20%); padding: 1rem; height: var(--nav-height); +} + +nav > div { max-width: var(--max-content-width); margin: 0 auto; @@ -54,11 +55,14 @@ nav { } } -.hero { - height: calc(100vh - var(--nav-height) - 2rem); +section { padding: 1rem 2rem; margin: 0 auto; +} + +.hero { max-width: var(--max-content-width); + height: calc(100vh - var(--nav-height) - 2rem); display: flex; flex-direction: column; align-items: center; @@ -98,4 +102,26 @@ nav { } } } +} + +.about-us { + background-color: var(--surface-container-low); + + & > div { + max-width: var(--max-content-width); + margin: 0 auto; + padding: 2rem; + + display: grid; + grid-template-columns: 2fr 1fr; + align-items: center; + gap: 1rem; + + & > div { + & > span { + color: var(--primary); + } + gap: 1rem; + } + } } \ No newline at end of file