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>
|
<!doctype html>
|
||||||
<html>
|
<html lang="de">
|
||||||
<head>
|
|
||||||
<meta charset="ISO-8859-1">
|
|
||||||
<title>Insert title here</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
|
<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>
|
</body>
|
||||||
|
|
||||||
</html>
|
</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