diff --git a/public/.DS_Store b/public/.DS_Store new file mode 100644 index 0000000..970ff00 Binary files /dev/null and b/public/.DS_Store differ diff --git a/public/index_style.css b/public/css/desktop.css similarity index 58% rename from public/index_style.css rename to public/css/desktop.css index 048ad32..0f1d74e 100644 --- a/public/index_style.css +++ b/public/css/desktop.css @@ -1,28 +1,15 @@ -#bild { - float: left; - margin-right: 0.5cm; - margin-bottom: -1pt; -} - -header { - background-color: #9BB558; +* { box-sizing: border-box; - padding: 10pt; - position: relative; - width: 100%; -} - -html { - height: 100% + font-family: Helvetica, Arial, sans-serif; } body { - min-height: 100%; - margin: 0; + min-height: 100vh; + padding: 0; } body::-webkit-scrollbar { - width: 10px; + width: 10px } body::-webkit-scrollbar-track { @@ -33,11 +20,67 @@ body::-webkit-scrollbar-thumb { background: #476B1C; } -.seite { +header { + background-color: #9BB558; + +} + +header > h1 { + padding-top: 0.3em; + padding-left: 7em; + margin: 0; + font-size: 2.5em; +} + +header > p { + padding-left: 17.6em; + margin-top: 0.5em; + margin-bottom: 0; +} + +.header_logo { + float: left; + margin-left: 1em; + transform: scale(1.2); +} + +.navbar { + background-color: #476B1C; + display: grid; + grid-template-columns: repeat(var(--items), 1fr); + width: 100%; +} + +.navbar a { + text-align: center; + text-decoration: none; + color: white; + padding: 0.5em 0 0.5em 0; +} + +.content { position: relative; } -.seite::before { +.content p { + margin-top: 0.1em; + margin-bottom: 0.1em; +} + +.content :not(h1, strong) { + margin-left: 3.5em; +} + +.content h1 { + text-align: center; + font-size: 2.5em; +} + +.content h2 { + text-align: center; +} + +.content::before { content: ""; background-image: url('gemuese_transparent.png'); background-repeat: no-repeat; @@ -50,14 +93,6 @@ body::-webkit-scrollbar-thumb { opacity: 0.2; } -.schrift_website { - font-family: Arial, Helvetica, sans-serif; - font-size: 1em; - color: #606060; - text-align: justify; - margin-left: 8px; -} - #begrueßung { font-size: 2em; font-family: Arial, Helvetica, sans-serif; @@ -68,6 +103,7 @@ body::-webkit-scrollbar-thumb { #aktuelle_auswahl { + margin-left: 2.3em; font-size: 1.5em; } @@ -93,15 +129,6 @@ body::-webkit-scrollbar-thumb { cursor: pointer; } -#ueberschrift { - margin-top: 0.5cm; - font-family: Arial, Helvetica, sans-serif; - font-size: 2.5em; - font-weight: bold; - text-align: left; - line-height: 0.5; -} - #unterueberschrift { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; @@ -109,53 +136,6 @@ body::-webkit-scrollbar-thumb { line-height: 0; } -#nav_oben { - background-color: #476B1C; - width: 100%; - overflow: hidden; - margin-top: -2pt; -} - -#nav_oben ul { - display: grid; - grid-template-columns: repeat(4, 1fr); - list-style: none; - margin: 0; - padding: 0; -} - -#nav_oben li a { - font-family: Arial, Helvetica, sans-serif; - font-size: 0.8em; - display: block; - text-align: center; - text-decoration: none; - color: white; -} - -#nav_unten { - background-color: #476B1C; - width: 100%; - overflow: hidden; -} - -#nav_unten ul { - display: grid; - grid-template-columns: repeat(2, 1fr); - list-style: none; - margin: 0; - padding: 0; -} - -#nav_unten li a { - font-family: Arial, Helvetica, sans-serif; - font-size: 0.8em; - display: block; - text-align: center; - text-decoration: none; - color: white; -} - #balken { background-color: #9BB558; height: 20px; diff --git a/public/datenschutz.html b/public/datenschutz.html index 43bb0d9..acb49d6 100644 --- a/public/datenschutz.html +++ b/public/datenschutz.html @@ -5,7 +5,7 @@ Beschreibung der Seite - + diff --git a/public/impressum.html b/public/impressum.html index aa79db0..1c7c189 100644 --- a/public/impressum.html +++ b/public/impressum.html @@ -5,7 +5,7 @@ Beschreibung der Seite - + diff --git a/public/impressum_style.css b/public/impressum_style.css deleted file mode 100644 index 2cab737..0000000 --- a/public/impressum_style.css +++ /dev/null @@ -1,140 +0,0 @@ -#bild { - float: left; - margin-right: 0.5cm; - margin-bottom: -1pt; -} - -header { - background-color: #9BB558; - box-sizing: border-box; - padding: 10pt; - position: relative; - width: 100%; -} - -html { - height: 100% -} - -body { - min-height: 100%; - margin: 0; -} - -body::-webkit-scrollbar { - width: 10px; -} - -body::-webkit-scrollbar-track { - background-color: white; -} - -body::-webkit-scrollbar-thumb { - background: #476B1C; -} - -.seite { - position: relative; -} -.seite::before { - content: ""; - background-image: url('gemuese_transparent.png'); - background-repeat: no-repeat; - background-position: 50% 10%; - position: absolute; - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; - opacity: 0.2; -} -.schrift_website { - font-family: Arial, Helvetica, sans-serif; - font-size: 1em; - color: #606060; - text-align: justify; - margin-left: 8px; -} -#ueberschrift { - margin-top: 0.5cm; - font-family: Arial, Helvetica, sans-serif; - font-size: 2.5em; - font-weight: bold; - text-align: left; - line-height: 0.5; -} - -#unterueberschrift { - font-family: Arial, Helvetica, sans-serif; - font-size: 0.8em; - text-align: left; - line-height: 0; -} - -#nav_oben { - background-color: #476B1C; - width: 100%; - overflow: hidden; - margin-top: -2pt; -} - -#nav_oben ul { - display: grid; - grid-template-columns: repeat(4, 1fr); - list-style: none; - margin: 0; - padding: 0; -} - -#nav_oben li a { - font-family: Arial, Helvetica, sans-serif; - font-size: 0.8em; - display: block; - text-align: center; - text-decoration: none; - color: white; -} - -#nav_unten { - background-color: #476B1C; - width: 100%; - overflow: hidden; -} - -#nav_unten ul { - display: grid; - grid-template-columns: repeat(2, 1fr); - list-style: none; - margin: 0; - padding: 0; -} - -#nav_unten li a { - font-family: Arial, Helvetica, sans-serif; - font-size: 0.8em; - display: block; - text-align: center; - text-decoration: none; - color: white; -} - -#balken { - background-color: #9BB558; - height: 20px; - position: relative; - left: 0; - bottom: 0; - width: 100%; -} - -#begrueßung { - font-size: 2em; - font-family: Arial, Helvetica, sans-serif; - color: #606060; - text-align: center; - margin-top: 0.5px; -} -#hinweis { - color: red; - font-style: italic; -} \ No newline at end of file diff --git a/public/index.html b/public/index.html index 0168681..3b97dbc 100644 --- a/public/index.html +++ b/public/index.html @@ -4,63 +4,59 @@ - Beschreibung der Seite - + Second Harvest +
-
- - Startseite + -
- Second Harvest
-
-
-

gib Lebensmittel eine zweite Chance

-
-
- +

Second Harvest

+

Gib Lebensmitteln eine zweite Chance

+ + + +
+

Herzlich Willkommen

+

Wir freuen uns über Deinen Besuch.

+

Es ist schön zu sehen, dass immer mehr Menschen sich bewusst entscheiden, keine Lebensmittel zu + verschwenden.

+
+

Alle Produkte auf unserer Seite sind mit drei Fähnchen gekennzeichnet.

+

muss sofort verarbeitet werden

+

kann ein paar Tage liegen

+

lange Haltbarkeit

+

Damit kannst du deinen Einkauf perfekt an deinen Essensplan anpassen und weißt bereits vorher, wann Du + etwas verbrauchen musst.
Bestellungen, die bis 10 Uhr bei uns eingehen, werden + noch am selben Tag + ausgeliefert.
Bestellungen nach 10, liefern wir am nächsten Tag aus. +

+

Aktuelle Auswahl aus unserem Angebot:

+ + Karotten + + Sellerie +

zu den Produkten

+ +

Viel Spaß bei Deinem Einkauf. Dein Second Harvest Team.

- Karotten - - Sellerie -

zu den Produkten

diff --git a/public/kontakt.html b/public/kontakt.html index c60415f..cd1b9b4 100644 --- a/public/kontakt.html +++ b/public/kontakt.html @@ -5,7 +5,7 @@ Beschreibung der Seite - + diff --git a/public/kontakt_style.css b/public/kontakt_style.css deleted file mode 100644 index d21b43e..0000000 --- a/public/kontakt_style.css +++ /dev/null @@ -1,136 +0,0 @@ -#bild { - float: left; - margin-right: 0.5cm; - margin-bottom: -1pt; -} - -header { - background-color: #9BB558; - box-sizing: border-box; - padding: 10pt; - position: relative; - width: 100%; -} - -html { - height: 100% -} - -body { - min-height: 100%; - margin: 0; -} - -body::-webkit-scrollbar { - width: 10px; -} - -body::-webkit-scrollbar-track { - background-color: white; -} - -body::-webkit-scrollbar-thumb { - background: #476B1C; -} - -.seite { - position: relative; -} -.seite::before { - content: ""; - background-image: url('gemuese_transparent.png'); - background-repeat: no-repeat; - background-position: 50% 10%; - position: absolute; - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; - opacity: 0.2; -} -.schrift_website { - font-family: Arial, Helvetica, sans-serif; - font-size: 1em; - color: #606060; - text-align: justify; - margin-left: 8px; -} -#ueberschrift { - margin-top: 0.5cm; - font-family: Arial, Helvetica, sans-serif; - font-size: 2.5em; - font-weight: bold; - text-align: left; - line-height: 0.5; -} - -#unterueberschrift { - font-family: Arial, Helvetica, sans-serif; - font-size: 0.8em; - text-align: left; - line-height: 0; -} - -#nav_oben { - background-color: #476B1C; - width: 100%; - overflow: hidden; - margin-top: -2pt; -} - -#nav_oben ul { - display: grid; - grid-template-columns: repeat(4, 1fr); - list-style: none; - margin: 0; - padding: 0; -} - -#nav_oben li a { - font-family: Arial, Helvetica, sans-serif; - font-size: 0.8em; - display: block; - text-align: center; - text-decoration: none; - color: white; -} - -#nav_unten { - background-color: #476B1C; - width: 100%; - overflow: hidden; -} - -#nav_unten ul { - display: grid; - grid-template-columns: repeat(2, 1fr); - list-style: none; - margin: 0; - padding: 0; -} - -#nav_unten li a { - font-family: Arial, Helvetica, sans-serif; - font-size: 0.8em; - display: block; - text-align: center; - text-decoration: none; - color: white; -} - -#balken { - background-color: #9BB558; - height: 20px; - position: relative; - left: 0; - bottom: 0; - width: 100%; -} - -#begrueßung { - font-size: 2em; - font-family: Arial, Helvetica, sans-serif; - color: #606060; - text-align: center; - margin-top: 0.5px; -} \ No newline at end of file diff --git a/public/gemuese_transparent.png b/public/pictures/gemuese_transparent.png similarity index 100% rename from public/gemuese_transparent.png rename to public/pictures/gemuese_transparent.png diff --git a/public/karotten.png b/public/pictures/karotten.png similarity index 100% rename from public/karotten.png rename to public/pictures/karotten.png diff --git a/public/pictures/logo.png b/public/pictures/logo.png new file mode 100644 index 0000000..f3823dc Binary files /dev/null and b/public/pictures/logo.png differ diff --git a/public/logo_secondharvest.png b/public/pictures/logo_secondharvest.png similarity index 100% rename from public/logo_secondharvest.png rename to public/pictures/logo_secondharvest.png diff --git a/public/logo_secondharvest_transparent.png b/public/pictures/logo_secondharvest_transparent.png similarity index 100% rename from public/logo_secondharvest_transparent.png rename to public/pictures/logo_secondharvest_transparent.png diff --git a/public/sellerie.png b/public/pictures/sellerie.png similarity index 100% rename from public/sellerie.png rename to public/pictures/sellerie.png diff --git a/public/ueber_uns.html b/public/ueber_uns.html index 947d182..13f4340 100644 --- a/public/ueber_uns.html +++ b/public/ueber_uns.html @@ -5,7 +5,7 @@ Beschreibung der Seite - + diff --git a/public/ueber_uns_style.css b/public/ueber_uns_style.css deleted file mode 100644 index d21b43e..0000000 --- a/public/ueber_uns_style.css +++ /dev/null @@ -1,136 +0,0 @@ -#bild { - float: left; - margin-right: 0.5cm; - margin-bottom: -1pt; -} - -header { - background-color: #9BB558; - box-sizing: border-box; - padding: 10pt; - position: relative; - width: 100%; -} - -html { - height: 100% -} - -body { - min-height: 100%; - margin: 0; -} - -body::-webkit-scrollbar { - width: 10px; -} - -body::-webkit-scrollbar-track { - background-color: white; -} - -body::-webkit-scrollbar-thumb { - background: #476B1C; -} - -.seite { - position: relative; -} -.seite::before { - content: ""; - background-image: url('gemuese_transparent.png'); - background-repeat: no-repeat; - background-position: 50% 10%; - position: absolute; - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; - opacity: 0.2; -} -.schrift_website { - font-family: Arial, Helvetica, sans-serif; - font-size: 1em; - color: #606060; - text-align: justify; - margin-left: 8px; -} -#ueberschrift { - margin-top: 0.5cm; - font-family: Arial, Helvetica, sans-serif; - font-size: 2.5em; - font-weight: bold; - text-align: left; - line-height: 0.5; -} - -#unterueberschrift { - font-family: Arial, Helvetica, sans-serif; - font-size: 0.8em; - text-align: left; - line-height: 0; -} - -#nav_oben { - background-color: #476B1C; - width: 100%; - overflow: hidden; - margin-top: -2pt; -} - -#nav_oben ul { - display: grid; - grid-template-columns: repeat(4, 1fr); - list-style: none; - margin: 0; - padding: 0; -} - -#nav_oben li a { - font-family: Arial, Helvetica, sans-serif; - font-size: 0.8em; - display: block; - text-align: center; - text-decoration: none; - color: white; -} - -#nav_unten { - background-color: #476B1C; - width: 100%; - overflow: hidden; -} - -#nav_unten ul { - display: grid; - grid-template-columns: repeat(2, 1fr); - list-style: none; - margin: 0; - padding: 0; -} - -#nav_unten li a { - font-family: Arial, Helvetica, sans-serif; - font-size: 0.8em; - display: block; - text-align: center; - text-decoration: none; - color: white; -} - -#balken { - background-color: #9BB558; - height: 20px; - position: relative; - left: 0; - bottom: 0; - width: 100%; -} - -#begrueßung { - font-size: 2em; - font-family: Arial, Helvetica, sans-serif; - color: #606060; - text-align: center; - margin-top: 0.5px; -} \ No newline at end of file