diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..4d3ffa8 Binary files /dev/null and b/.DS_Store differ diff --git a/public/datenschutz.html b/public/datenschutz.html new file mode 100644 index 0000000..43bb0d9 --- /dev/null +++ b/public/datenschutz.html @@ -0,0 +1,70 @@ + + + + + + + Beschreibung der Seite + + + + +
+
+ + Startseite +
+
+ Second Harvest
+
+
+

gib Lebensmittel eine zweite Chance

+
+
+ + +
+
+

Datenschutzerklärung

+

Präambel
Mit der folgenden Datenschutzerklärung möchten wir Sie darüber aufklären, + welche Arten Ihrer personenbezogenen Daten (nachfolgend auch kurz als "Daten" bezeichnet) wir zu welchen + Zwecken und in welchem Umfang verarbeiten. Die Datenschutzerklärung gilt für alle von uns durchgeführten + Verarbeitungen personenbezogener Daten, sowohl im Rahmen der Erbringung unserer Leistungen als auch + insbesondere auf unseren Websiten, in mobilen Applikationen sowie innerhalb externer Onlinepräsenzen, + wie z.B unserer Social-Media-Profilen (nachfolgend zusammenfassend bezeichnet als "Onlineangebot"). +
Die verwendeten Begriffe sind nicht geschlechtsspezifisch.
Stand: 06.April 2023 +

+

Verantwortlicher
WEB-A4-Team
Paul-Wittsack-Straße 10
68163 + Mannheim
E-Mail Adresse: info@secondharvest.com

+

Übersicht der Verarbeitungen
Die nachfolgende Übersicht fasst die Arten der + verarbeiteten Daten und die Zwecke ihrer Verarbeitung zusammen und verweist auf die betroffenen + Personen.
Arten der verarbeiteten Daten:

+ + +
+
+ + + + + + + + + + \ No newline at end of file diff --git a/public/gemuese_transparent.png b/public/gemuese_transparent.png new file mode 100644 index 0000000..8c102e4 Binary files /dev/null and b/public/gemuese_transparent.png differ diff --git a/public/impressum.html b/public/impressum.html new file mode 100644 index 0000000..aa79db0 --- /dev/null +++ b/public/impressum.html @@ -0,0 +1,67 @@ + + + + + + + Beschreibung der Seite + + + + +
+
+ + Startseite +
+
+ Second Harvest
+
+
+

gib Lebensmittel eine zweite Chance

+
+
+ + +
+
+

Impressum

+

Angaben gemäß § 5 TMG
WEB-A4-Gruppe
Paul-Wittsack-Straße 10
68163 + Mannheim

+

Vertreten durch:
Sellmann, Kai
Rahmani, Mohammad
Schumann, + Robin
Wieduwilt, Marvin
Steinbrecher, Eline
Dal, Mustafa

+

Kontakt
Telefon: +49(0) 123 456 78
E-Mail: info@secondharvest.com

+

Verantwortlich für den Inhalt nach § 55 Abs. 2 + RStV
WEB-A4-Gruppe
Paul-Wittsack-Straße
68163 Mannheim

+

Haftungsausschluss
Wir übernehmen keine Haftung für Inhalte externer Links. Für den + Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.

+

Hinweis: Diese Website ist Teil eines Studienprojekts und hat rein hypothetischen Charakter. + Alle Inhalte, Produkte und Angebote sind fiktiv und dienen ausschließlich zu Demonstrationszwecke im + Rahmen der Studienarbeit.

+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/public/impressum_style.css b/public/impressum_style.css new file mode 100644 index 0000000..2cab737 --- /dev/null +++ b/public/impressum_style.css @@ -0,0 +1,140 @@ +#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 415d4c6..0168681 100644 --- a/public/index.html +++ b/public/index.html @@ -1,10 +1,67 @@ - - - - -Insert title here - - + + + + + + Beschreibung der Seite + + + + +
+
+ + Startseite +
+
+ Second Harvest
+
+
+

gib Lebensmittel 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

+ + + \ No newline at end of file diff --git a/public/index_style.css b/public/index_style.css new file mode 100644 index 0000000..048ad32 --- /dev/null +++ b/public/index_style.css @@ -0,0 +1,166 @@ +#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; +} + +#begrueßung { + font-size: 2em; + font-family: Arial, Helvetica, sans-serif; + color: #606060; + text-align: center; + margin-top: 0.5px; +} + + +#aktuelle_auswahl { + font-size: 1.5em; +} + +.beispiel_produkte { + margin: 10px; + margin-left: 8px; +} + +.beispiel_produkte img { + border: #606060 1px solid; +} + +.button_produkte { + background-color: #476B1C; + color: white; + padding: 5px 20px; + border-radius: 15px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 1em; + margin: 4px 2px; + 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; + 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%; +} \ No newline at end of file diff --git a/public/karotten.png b/public/karotten.png new file mode 100644 index 0000000..995789a Binary files /dev/null and b/public/karotten.png differ diff --git a/public/kontakt.html b/public/kontakt.html new file mode 100644 index 0000000..c60415f --- /dev/null +++ b/public/kontakt.html @@ -0,0 +1,58 @@ + + + + + + + Beschreibung der Seite + + + + +
+
+ + Startseite +
+
+ Second Harvest
+
+
+

gib Lebensmittel eine zweite Chance

+
+
+ + +
+
+

Kontakt

+

Du brauchst Hilfe oder hast ein anderes Anliegen?
Sehr gern. Wir freuen uns immer + auf Emails, Anrufe oder Post von Dir.

+

Unsere Kontaktdaten

+

Postanschrift:
WEB A4-Team
Paul-Wittsack-Straße 10
68163 Mannheim

+

E-Mail-Adresse: info@secondharvest.com
Telefon: +49(0) 1234 567 + 890 00

+

Wir sind von Montag bis Freitag zwischen 9.00 Uhr und 16.00 Uhr erreichbar.

+ +
+
+ + + + + \ No newline at end of file diff --git a/public/kontakt_style.css b/public/kontakt_style.css new file mode 100644 index 0000000..d21b43e --- /dev/null +++ b/public/kontakt_style.css @@ -0,0 +1,136 @@ +#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/logo_secondharvest.png b/public/logo_secondharvest.png new file mode 100644 index 0000000..d3ca5c7 Binary files /dev/null and b/public/logo_secondharvest.png differ diff --git a/public/logo_secondharvest_transparent.png b/public/logo_secondharvest_transparent.png new file mode 100644 index 0000000..4db7d30 Binary files /dev/null and b/public/logo_secondharvest_transparent.png differ diff --git a/public/produkte.html b/public/produkte.html new file mode 100644 index 0000000..e69de29 diff --git a/public/sellerie.png b/public/sellerie.png new file mode 100644 index 0000000..122479f Binary files /dev/null and b/public/sellerie.png differ diff --git a/public/ueber_uns.html b/public/ueber_uns.html new file mode 100644 index 0000000..947d182 --- /dev/null +++ b/public/ueber_uns.html @@ -0,0 +1,72 @@ + + + + + + + Beschreibung der Seite + + + + +
+
+ + Startseite +
+
+ Second Harvest
+
+
+

gib Lebensmittel eine zweite Chance

+
+
+ + +
+
+

Wer wir sind

+

Second Harvest ist eine gemeinnützige Organisationm die sich der Rettung von Lebensmitteln verschrieben + hat.
+ Wir glauben daran, dass jedes Lebensmittel einen Wert hat und dass es unser Ziel ist, + Lebensmittelverschwendung zu minimieren.

+

Seit unserer Gründung im Jahr 2019 haben wir mehr als 31 Tonnen Lebensmittel gerettet und an + Bedürftige weitergegeben.

+

Unser Team besteht aus engagierten Freiwilligen und Fachleuten, die unsere Mission unterstützen und + vorantreiben.

+

Wir arbeiten eng mit lokalen Supermärkten, Restaurants und anderen Unternehmen zusammen, um überschüssige + Lebensmittel abzufangen und zu verteilen.
Unsere Arbeit hat einen positiven Einfluss auf die Umwelt + und die Gesellschaft, indem wir Lebensmittelverschwendung reduzieren und gleichzeitig Menschen in Not + helfen.
Wir sind stolz darauf, ein wichtiger Teil der Gemeinschaft zu sein und dazu beitragen, eine + nachhaltige und gerechte Zukunft zu schaffen.

+

Wir liefern selbst und regional immer frisch und zügig.
Unser hauseigener Lieferdienst bringt Deine + Waren noch am selben Tag (wenn die Bestellung uns bis 10 Uhr am gleichen Tag vorliegt). Aber selbst wenn + nicht, dann liefern wir am nächsten Tag aus.

+ +
+
+ + + + + + + + + + \ No newline at end of file diff --git a/public/ueber_uns_style.css b/public/ueber_uns_style.css new file mode 100644 index 0000000..d21b43e --- /dev/null +++ b/public/ueber_uns_style.css @@ -0,0 +1,136 @@ +#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