Erste Abgabe ÜB2
parent
6f929d4d4c
commit
7995c20b88
|
|
@ -0,0 +1,70 @@
|
|||
<!doctype html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Beschreibung der Seite</title>
|
||||
<link rel="stylesheet" href="index_style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<div id="bild">
|
||||
<a id="backlink" href="index.html">
|
||||
<img src="logo_secondharvest_transparent.png" widht="100" height="75" alt="Startseite"></a>
|
||||
</div>
|
||||
<div id="ueberschrift">
|
||||
Second Harvest<br />
|
||||
</div>
|
||||
<div id="unterueberschrift">
|
||||
<p>gib Lebensmittel eine zweite Chance</p>
|
||||
</div>
|
||||
</header>
|
||||
<nav id="nav_oben">
|
||||
<ul>
|
||||
<li><a href="ueber_uns.html">Über uns</a></li>
|
||||
<li><a href="produkte.html">Produkte</a></li>
|
||||
<li><a href="warenkorb.html">Warenkorb</a></li>
|
||||
<li><a href="kontakt.html">Kontakt</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="seite">
|
||||
<div class="schrift_website">
|
||||
<p id="begrueßung">Datenschutzerklärung</p>
|
||||
<p><strong>Präambel</strong><br />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").
|
||||
<br />Die verwendeten Begriffe sind nicht geschlechtsspezifisch. <br />Stand: 06.April 2023
|
||||
</p>
|
||||
<p><strong>Verantwortlicher</strong><br />WEB-A4-Team<br />Paul-Wittsack-Straße 10<br />68163
|
||||
Mannheim<br />E-Mail Adresse: info@secondharvest.com</p>
|
||||
<p><strong>Übersicht der Verarbeitungen</strong><br />Die nachfolgende Übersicht fasst die Arten der
|
||||
verarbeiteten Daten und die Zwecke ihrer Verarbeitung zusammen und verweist auf die betroffenen
|
||||
Personen.<br />Arten der verarbeiteten Daten:</p>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<footer>
|
||||
<nav id="nav_unten">
|
||||
<ul>
|
||||
<li><a href="impressum.html">Impressum</a></li>
|
||||
<li><a href="datenschutz.html">Datenschutz</a></li>
|
||||
</ul>
|
||||
<div id="balken"></div>
|
||||
</nav>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 366 KiB |
|
|
@ -0,0 +1,67 @@
|
|||
<!doctype html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Beschreibung der Seite</title>
|
||||
<link rel="stylesheet" href="impressum_style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<div id="bild">
|
||||
<a id="backlink" href="index.html">
|
||||
<img src="logo_secondharvest_transparent.png" widht="100" height="75" alt="Startseite"></a>
|
||||
</div>
|
||||
<div id="ueberschrift">
|
||||
Second Harvest<br />
|
||||
</div>
|
||||
<div id="unterueberschrift">
|
||||
<p>gib Lebensmittel eine zweite Chance</p>
|
||||
</div>
|
||||
</header>
|
||||
<nav id="nav_oben">
|
||||
<ul>
|
||||
<li><a href="ueber_uns.html">Über uns</a></li>
|
||||
<li><a href="produkte.html">Produkte</a></li>
|
||||
<li><a href="warenkorb.html">Warenkorb</a></li>
|
||||
<li><a href="kontakt.html">Kontakt</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="seite">
|
||||
<div class="schrift_website">
|
||||
<p id="begrueßung">Impressum</p>
|
||||
<p><strong>Angaben gemäß § 5 TMG</strong><br />WEB-A4-Gruppe<br />Paul-Wittsack-Straße 10<br />68163
|
||||
Mannheim</p>
|
||||
<p><strong>Vertreten durch:</strong><br />Sellmann, Kai<br />Rahmani, Mohammad<br />Schumann,
|
||||
Robin<br />Wieduwilt, Marvin<br />Steinbrecher, Eline<br />Dal, Mustafa</p>
|
||||
<p><strong>Kontakt</strong><br />Telefon: +49(0) 123 456 78<br />E-Mail: info@secondharvest.com</p>
|
||||
<p><strong>Verantwortlich für den Inhalt nach § 55 Abs. 2
|
||||
RStV</strong><br />WEB-A4-Gruppe<br />Paul-Wittsack-Straße<br />68163 Mannheim</p>
|
||||
<p><strong>Haftungsausschluss</strong><br />Wir übernehmen keine Haftung für Inhalte externer Links. Für den
|
||||
Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.</p>
|
||||
<p id="hinweis">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.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<footer>
|
||||
<nav id="nav_unten">
|
||||
<ul>
|
||||
<li><a href="impressum.html">Impressum</a></li>
|
||||
<li><a href="datenschutz.html">Datenschutz</a></li>
|
||||
</ul>
|
||||
<div id="balken"></div>
|
||||
</nav>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -1,10 +1,67 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="ISO-8859-1">
|
||||
<title>Insert title here</title>
|
||||
</head>
|
||||
<body>
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Beschreibung der Seite</title>
|
||||
<link rel="stylesheet" href="index_style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<div id="bild">
|
||||
<a id="backlink" href="index.html">
|
||||
<img src="logo_secondharvest_transparent.png" widht="100" height="75" alt="Startseite"></a>
|
||||
</div>
|
||||
<div id="ueberschrift">
|
||||
Second Harvest<br />
|
||||
</div>
|
||||
<div id="unterueberschrift">
|
||||
<p>gib Lebensmittel eine zweite Chance</p>
|
||||
</div>
|
||||
</header>
|
||||
<nav id="nav_oben">
|
||||
<ul>
|
||||
<li><a href="ueber_uns.html">Über uns</a></li>
|
||||
<li><a href="produkte.html">Produkte</a></li>
|
||||
<li><a href="warenkorb.html">Warenkorb</a></li>
|
||||
<li><a href="kontakt.html">Kontakt</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="seite">
|
||||
<div class="schrift_website">
|
||||
<p id="begrueßung">Herzlich Willkommen</p>
|
||||
<p>Wir freuen uns über Deinen Besuch.</p>
|
||||
<p>Es ist schön zu sehen, dass immer mehr Menschen sich bewusst entscheiden, keine Lebensmittel zu
|
||||
verschwenden.</p>
|
||||
<p>Alle Produkte auf unserer Seite sind mit drei Fähnchen gekennzeichnet.</p>
|
||||
<p>muss sofort verarbeitet werden</p>
|
||||
<p>kann ein paar Tage liegen</p>
|
||||
<p>lange Haltbarkeit</p>
|
||||
<p>Damit kannst du deinen Einkauf perfekt an deinen Essensplan anpassen und weißt bereits vorher, wann Du
|
||||
etwas verbrauchen musst.<br />Bestellungen, die <strong>bis 10 Uhr</strong> bei uns eingehen, werden
|
||||
<strong>noch am selben Tag</strong>
|
||||
ausgeliefert. <br />Bestellungen nach 10, liefern wir am nächsten Tag aus.</p>
|
||||
<p id="aktuelle_auswahl">Aktuelle Auswahl aus unserem Angebot:</p>
|
||||
</div>
|
||||
</div>
|
||||
<a class="beispiel_produkte" href="produkte.html"><img src="karotten.png" width="250" height="250"
|
||||
alt="Karotten"></a>
|
||||
<a class="beispiel_produkte" href="produkte.html">
|
||||
<img src="sellerie.png" width="250" height="250" alt="Sellerie"></a>
|
||||
<p><a class="button_produkte" href="produkte.html">zu den Produkten</a></p>
|
||||
|
||||
<footer>
|
||||
<nav id="nav_unten">
|
||||
<ul>
|
||||
<li><a href="impressum.html">Impressum</a></li>
|
||||
<li><a href="datenschutz.html">Datenschutz</a></li>
|
||||
</ul>
|
||||
<div id="balken"></div>
|
||||
</nav>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -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%;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
|
|
@ -0,0 +1,58 @@
|
|||
<!doctype html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Beschreibung der Seite</title>
|
||||
<link rel="stylesheet" href="kontakt_style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<div id="bild">
|
||||
<a id="backlink" href="index.html">
|
||||
<img src="logo_secondharvest_transparent.png" widht="100" height="75" alt="Startseite"></a>
|
||||
</div>
|
||||
<div id="ueberschrift">
|
||||
Second Harvest<br />
|
||||
</div>
|
||||
<div id="unterueberschrift">
|
||||
<p>gib Lebensmittel eine zweite Chance</p>
|
||||
</div>
|
||||
</header>
|
||||
<nav id="nav_oben">
|
||||
<ul>
|
||||
<li><a href="ueber_uns.html">Über uns</a></li>
|
||||
<li><a href="produkte.html">Produkte</a></li>
|
||||
<li><a href="warenkorb.html">Warenkorb</a></li>
|
||||
<li><a href="kontakt.html">Kontakt</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="seite">
|
||||
<div class="schrift_website">
|
||||
<p id="begrueßung">Kontakt</p>
|
||||
<p>Du brauchst Hilfe oder hast ein anderes Anliegen? <br /><strong>Sehr gern.</strong> Wir freuen uns immer
|
||||
auf Emails, Anrufe oder Post von Dir.</p>
|
||||
<p><strong>Unsere Kontaktdaten</strong></p>
|
||||
<p><strong>Postanschrift:</strong><br />WEB A4-Team<br />Paul-Wittsack-Straße 10<br />68163 Mannheim</p>
|
||||
<p><strong>E-Mail-Adresse:</strong> info@secondharvest.com<br /><strong>Telefon:</strong> +49(0) 1234 567
|
||||
890 00</p>
|
||||
<p>Wir sind von Montag bis Freitag zwischen 9.00 Uhr und 16.00 Uhr erreichbar.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<nav id="nav_unten">
|
||||
<ul>
|
||||
<li><a href="impressum.html">Impressum</a></li>
|
||||
<li><a href="datenschutz.html">Datenschutz</a></li>
|
||||
</ul>
|
||||
<div id="balken"></div>
|
||||
</nav>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -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;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
|
|
@ -0,0 +1,72 @@
|
|||
<!doctype html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Beschreibung der Seite</title>
|
||||
<link rel="stylesheet" href="ueber_uns_style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<div id="bild">
|
||||
<a id="backlink" href="index.html">
|
||||
<img src="logo_secondharvest_transparent.png" widht="100" height="75" alt="Startseite"></a>
|
||||
</div>
|
||||
<div id="ueberschrift">
|
||||
Second Harvest<br />
|
||||
</div>
|
||||
<div id="unterueberschrift">
|
||||
<p>gib Lebensmittel eine zweite Chance</p>
|
||||
</div>
|
||||
</header>
|
||||
<nav id="nav_oben">
|
||||
<ul>
|
||||
<li><a href="ueber_uns.html">Über uns</a></li>
|
||||
<li><a href="produkte.html">Produkte</a></li>
|
||||
<li><a href="warenkorb.html">Warenkorb</a></li>
|
||||
<li><a href="kontakt.html">Kontakt</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="seite">
|
||||
<div class="schrift_website">
|
||||
<p id="begrueßung">Wer wir sind</p>
|
||||
<p>Second Harvest ist eine gemeinnützige Organisationm die sich der Rettung von Lebensmitteln verschrieben
|
||||
hat.<br />
|
||||
Wir glauben daran, dass jedes Lebensmittel einen Wert hat und dass es unser Ziel ist,
|
||||
Lebensmittelverschwendung zu minimieren.</p>
|
||||
<p><strong>Seit unserer Gründung im Jahr 2019 haben wir mehr als 31 Tonnen Lebensmittel gerettet und an
|
||||
Bedürftige weitergegeben.</strong></p>
|
||||
<p>Unser Team besteht aus engagierten Freiwilligen und Fachleuten, die unsere Mission unterstützen und
|
||||
vorantreiben.</p>
|
||||
<p>Wir arbeiten eng mit lokalen Supermärkten, Restaurants und anderen Unternehmen zusammen, um überschüssige
|
||||
Lebensmittel abzufangen und zu verteilen.<br />Unsere Arbeit hat einen positiven Einfluss auf die Umwelt
|
||||
und die Gesellschaft, indem wir Lebensmittelverschwendung reduzieren und gleichzeitig Menschen in Not
|
||||
helfen.<br />Wir sind stolz darauf, ein wichtiger Teil der Gemeinschaft zu sein und dazu beitragen, eine
|
||||
nachhaltige und gerechte Zukunft zu schaffen.</p>
|
||||
<p>Wir liefern selbst und regional immer frisch und zügig. <br />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.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<footer>
|
||||
<nav id="nav_unten">
|
||||
<ul>
|
||||
<li><a href="impressum.html">Impressum</a></li>
|
||||
<li><a href="datenschutz.html">Datenschutz</a></li>
|
||||
</ul>
|
||||
<div id="balken"></div>
|
||||
</nav>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -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;
|
||||
}
|
||||
Loading…
Reference in New Issue