änderungen für näher ans mockup
parent
d297990b04
commit
5e48ae306d
Binary file not shown.
|
@ -26,22 +26,25 @@ header {
|
||||||
}
|
}
|
||||||
|
|
||||||
header > h1 {
|
header > h1 {
|
||||||
padding-top: 0.3em;
|
padding-top: 0.1em;
|
||||||
padding-left: 7em;
|
padding-left: 7em;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 2.5em;
|
font-size: 1.875em;
|
||||||
}
|
}
|
||||||
|
|
||||||
header > p {
|
header > p {
|
||||||
padding-left: 17.6em;
|
padding-left: 17.6em;
|
||||||
margin-top: 0.5em;
|
margin-top: 0em;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0.5em;
|
||||||
|
font-size: 0.75em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_logo {
|
.header_logo {
|
||||||
float: left;
|
float: left;
|
||||||
margin-left: 1em;
|
margin-top: -18px;
|
||||||
transform: scale(1.2);
|
margin-bottom: -20px;
|
||||||
|
margin-left: -20px;
|
||||||
|
transform: scale(0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
|
@ -63,6 +66,7 @@ header > p {
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content p {
|
.content p {
|
||||||
|
@ -72,16 +76,23 @@ header > p {
|
||||||
|
|
||||||
.content :not(h1, strong) {
|
.content :not(h1, strong) {
|
||||||
margin-left: 3.5em;
|
margin-left: 3.5em;
|
||||||
|
color: #606060;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content h1 {
|
.content h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 2.5em;
|
font-size: 1.875em;
|
||||||
|
font-weight: normal;
|
||||||
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content h2 {
|
.content h2 {
|
||||||
|
font-size: 1em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
.content a {
|
||||||
|
margin-left: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
html body.index .content::before,
|
html body.index .content::before,
|
||||||
html body.datenschutz .content::before,
|
html body.datenschutz .content::before,
|
||||||
|
@ -103,20 +114,22 @@ html body.impressum .content::before{
|
||||||
}
|
}
|
||||||
|
|
||||||
#aktuelle_auswahl {
|
#aktuelle_auswahl {
|
||||||
margin-left: 2.3em;
|
margin-left: 2.7em;
|
||||||
font-size: 1.5em;
|
margin-bottom: -0.5em;
|
||||||
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.beispiel_produkte {
|
|
||||||
margin: 10px;
|
|
||||||
margin-left: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.beispiel_produkte img {
|
.beispiel_produkte img {
|
||||||
border: #606060 1px solid;
|
border: #606060 1px solid;
|
||||||
|
height: 160px;
|
||||||
|
width: 150px;
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-left: 2em;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.button_produkte {
|
#button_produkte {
|
||||||
background-color: #476B1C;
|
background-color: #476B1C;
|
||||||
color: white;
|
color: white;
|
||||||
padding: 5px 20px;
|
padding: 5px 20px;
|
||||||
|
@ -125,8 +138,8 @@ html body.impressum .content::before{
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
margin: 4px 2px;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
margin-left: -1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#balken {
|
#balken {
|
||||||
|
@ -321,4 +334,29 @@ label {
|
||||||
}
|
}
|
||||||
a:hover{
|
a:hover{
|
||||||
color: #f4eb49;
|
color: #f4eb49;
|
||||||
}
|
}
|
||||||
|
.gesamtbetrag{
|
||||||
|
position: absolute;
|
||||||
|
font-size: 1em;
|
||||||
|
bottom: 15px;
|
||||||
|
right: 15px;
|
||||||
|
}
|
||||||
|
.foodampel {
|
||||||
|
display: flex;
|
||||||
|
align-items: top;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.foodampel img {
|
||||||
|
height: 120px;
|
||||||
|
margin-left: -0.7em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.foodampel p {
|
||||||
|
margin-left: 0.65em;
|
||||||
|
margin-top: 0.8em;
|
||||||
|
|
||||||
|
}
|
||||||
|
#hinweis{
|
||||||
|
color: red;
|
||||||
|
}
|
|
@ -26,21 +26,21 @@
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="schrift_website">
|
|
||||||
<p id="begrueßung">Impressum</p>
|
<h1>Impressum</h1>
|
||||||
<p><strong>Angaben gemäß § 5 TMG</strong><br />WEB-A4-Gruppe<br />Paul-Wittsack-Straße 10<br />68163
|
<p><strong>Angaben gemäß § 5 TMG</strong><br />WEB-A4-Gruppe<br />Paul-Wittsack-Straße 10<br />68163
|
||||||
Mannheim</p>
|
Mannheim</p> </br>
|
||||||
<p><strong>Vertreten durch:</strong><br />Sellmann, Kai<br />Rahmani, Mohammad<br />Schumann,
|
<p><strong>Vertreten durch:</strong><br />Sellmann, Kai<br />Rahmani, Mohammad<br />Schumann,
|
||||||
Robin<br />Wieduwilt, Marvin<br />Steinbrecher, Eline<br />Dal, Mustafa</p>
|
Robin<br />Wieduwilt, Marvin<br />Steinbrecher, Eline<br />Dal, Mustafa</p></br>
|
||||||
<p><strong>Kontakt</strong><br />Telefon: +49(0) 123 456 78<br />E-Mail: info@secondharvest.com</p>
|
<p><strong>Kontakt</strong><br />Telefon: +49(0) 123 456 78<br />E-Mail: <a href="kontakt.html">info@secondharvest.com</a></p></br>
|
||||||
<p><strong>Verantwortlich für den Inhalt nach § 55 Abs. 2
|
<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>
|
RStV</strong><br />WEB-A4-Gruppe<br />Paul-Wittsack-Straße<br />68163 Mannheim</p></br>
|
||||||
<p><strong>Haftungsausschluss</strong><br />Wir übernehmen keine Haftung für Inhalte externer Links. Für den
|
<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>
|
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.
|
<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
|
Alle Inhalte, Produkte und Angebote sind fiktiv und dienen ausschließlich zu Demonstrationszwecke im
|
||||||
Rahmen der Studienarbeit.</p>
|
Rahmen der Studienarbeit.</p></br>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -32,21 +32,23 @@
|
||||||
verschwenden.</p>
|
verschwenden.</p>
|
||||||
<br />
|
<br />
|
||||||
<p>Alle Produkte auf unserer Seite sind mit drei Fähnchen gekennzeichnet.</p>
|
<p>Alle Produkte auf unserer Seite sind mit drei Fähnchen gekennzeichnet.</p>
|
||||||
<p>muss sofort verarbeitet werden</p>
|
<div class="foodampel">
|
||||||
<p>kann ein paar Tage liegen</p>
|
<img src="pictures/Foodampel_transparent.png">
|
||||||
<p>lange Haltbarkeit</p>
|
<p class="foodampel">muss sofort verarbeitet werden</br></br>kann ein paar Tage liegen</br></br>lange
|
||||||
|
Haltbarkeit</p>
|
||||||
|
</div>
|
||||||
<p>Damit kannst du deinen Einkauf perfekt an deinen Essensplan anpassen und weißt bereits vorher, wann Du
|
<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
|
etwas verbrauchen musst.<br />Bestellungen, die <strong>bis 10 Uhr</strong> bei uns eingehen, werden
|
||||||
<strong>noch am selben Tag</strong>
|
<strong>noch am selben Tag</strong>
|
||||||
ausgeliefert. <br />Bestellungen nach 10, liefern wir am nächsten Tag aus.
|
ausgeliefert. <br />Bestellungen nach 10, liefern wir am nächsten Tag aus.
|
||||||
</p>
|
</p>
|
||||||
|
</br>
|
||||||
<p id="aktuelle_auswahl">Aktuelle Auswahl aus unserem Angebot:</p>
|
<p id="aktuelle_auswahl">Aktuelle Auswahl aus unserem Angebot:</p>
|
||||||
|
|
||||||
<a class="beispiel_produkte" href="produkte.html"><img src="pictures/karotten.png" width="250" height="250"
|
<a class="beispiel_produkte" href="produkte.html"><img src="pictures/karotten.png" alt="Karotten"></a>
|
||||||
alt="Karotten"></a>
|
|
||||||
<a class="beispiel_produkte" href="produkte.html">
|
<a class="beispiel_produkte" href="produkte.html">
|
||||||
<img src="pictures/sellerie.png" width="250" height="250" alt="Sellerie"></a>
|
<img src="pictures/sellerie.png" alt="Sellerie"></a>
|
||||||
<p><a class="button_produkte" href="produkte.html">zu den Produkten</a></p>
|
<p><a id="button_produkte" href="produkte.html">zu den Produkten</a></p>
|
||||||
|
|
||||||
<h2>Viel Spaß bei Deinem Einkauf. Dein Second Harvest Team.</h2>
|
<h2>Viel Spaß bei Deinem Einkauf. Dein Second Harvest Team.</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -26,18 +26,18 @@
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<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>
|
<h1>Kontakt</h1>
|
||||||
</div>
|
<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></br>
|
||||||
|
<p><strong>Unsere Kontaktdaten</strong></p></br>
|
||||||
|
<p><strong>Postanschrift:</strong><br />WEB A4-Team<br />Paul-Wittsack-Straße 10<br />68163 Mannheim</p></br>
|
||||||
|
<p><strong>E-Mail-Adresse:</strong> <a href="kontakt.html">info@secondharvest.com</a><br /><strong>Telefon:</strong> +49(0) 1234 567
|
||||||
|
890 00</p></br>
|
||||||
|
<p>Wir sind von Montag bis Freitag zwischen 9.00 Uhr und 16.00 Uhr erreichbar.</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<nav class="navbar" style="--items: 2;">
|
<nav class="navbar" style="--items: 2;">
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 2.2 KiB |
|
@ -24,8 +24,9 @@
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<h1 class = produktueberschrift> Produkte</h1>
|
<div class="content">
|
||||||
|
<h1> Produkte</h1>
|
||||||
|
</div>
|
||||||
<div class="parent">
|
<div class="parent">
|
||||||
<div class="produkte">
|
<div class="produkte">
|
||||||
<img src="pictures/karotten.png" width = "300" height="300" alt="Karotten">
|
<img src="pictures/karotten.png" width = "300" height="300" alt="Karotten">
|
||||||
|
|
|
@ -26,27 +26,25 @@
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="schrift_website">
|
|
||||||
<p id="begrueßung">Wer wir sind</p>
|
<h1>Wer wir sind</h1>
|
||||||
<p>Second Harvest ist eine gemeinnützige Organisationm die sich der Rettung von Lebensmitteln verschrieben
|
<p>Second Harvest ist eine gemeinnützige Organisationm die sich der Rettung von Lebensmitteln verschrieben
|
||||||
hat.<br />
|
hat.<br />
|
||||||
Wir glauben daran, dass jedes Lebensmittel einen Wert hat und dass es unser Ziel ist,
|
Wir glauben daran, dass jedes Lebensmittel einen Wert hat und dass es unser Ziel ist,
|
||||||
Lebensmittelverschwendung zu minimieren.</p>
|
Lebensmittelverschwendung zu minimieren.</p></br>
|
||||||
<p><strong>Seit unserer Gründung im Jahr 2019 haben wir mehr als 31 Tonnen Lebensmittel gerettet und an
|
<p><strong>Seit unserer Gründung im Jahr 2019 haben wir mehr als 31 Tonnen Lebensmittel gerettet und an
|
||||||
Bedürftige weitergegeben.</strong></p>
|
Bedürftige weitergegeben.</strong></p></br>
|
||||||
<p>Unser Team besteht aus engagierten Freiwilligen und Fachleuten, die unsere Mission unterstützen und
|
<p>Unser Team besteht aus engagierten Freiwilligen und Fachleuten, die unsere Mission unterstützen und
|
||||||
vorantreiben.</p>
|
vorantreiben.</p></br>
|
||||||
<p>Wir arbeiten eng mit lokalen Supermärkten, Restaurants und anderen Unternehmen zusammen, um überschüssige
|
<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
|
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
|
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
|
helfen.<br />Wir sind stolz darauf, ein wichtiger Teil der Gemeinschaft zu sein und dazu beitragen, eine
|
||||||
nachhaltige und gerechte Zukunft zu schaffen.</p>
|
nachhaltige und gerechte Zukunft zu schaffen.</p></br>
|
||||||
<p>Wir liefern selbst und regional immer frisch und zügig. <br />Unser hauseigener Lieferdienst bringt Deine
|
<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
|
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>
|
nicht, dann liefern wir am nächsten Tag aus.</p>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue