From 5e48ae306d555ef8a0f6a9e7880570af7ffae257 Mon Sep 17 00:00:00 2001
From: Robin Schumann <2210880@stud.hs-mannheim.de>
Date: Sun, 30 Apr 2023 12:05:53 +0200
Subject: [PATCH] =?UTF-8?q?=C3=A4nderungen=20f=C3=BCr=20n=C3=A4her=20ans?=
 =?UTF-8?q?=20mockup?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .DS_Store                                 | Bin 6148 -> 6148 bytes
 public/.DS_Store                          | Bin 6148 -> 6148 bytes
 public/css/desktop.css                    |  70 +++++++++++++++++-----
 public/impressum.html                     |  30 +++++-----
 public/index.html                         |  16 ++---
 public/kontakt.html                       |  22 +++----
 public/pictures/Foodampel_transparent.png | Bin 0 -> 2298 bytes
 public/produkte.html                      |   5 +-
 public/ueber_uns.html                     |  40 ++++++-------
 9 files changed, 111 insertions(+), 72 deletions(-)
 create mode 100644 public/pictures/Foodampel_transparent.png

diff --git a/.DS_Store b/.DS_Store
index 4d7c2920e99ffb9a58d373a711cdeff4ad4ef734..3472cf6bd4aa53dc8c8141e6fd180a82e87ffa56 100644
GIT binary patch
delta 14
VcmZoMXffFEgNc!0^G_yjQ2;491mXYy

delta 14
VcmZoMXffFEgNc!G^G_yjQ2;4F1mgez

diff --git a/public/.DS_Store b/public/.DS_Store
index 006c9572c849d374fced8b1ff3bf7e527e2f657c..3ecb75065f0985ed92d9ea1974151d5ffaccf3d2 100644
GIT binary patch
delta 62
zcmZoMXfc@JFTljWz`)4BAi$8Ela!yI!!S`_V&Vaj$p#`U0?Z7_48;t^DaA0U9+{0B
Meb_g%bNuB80Oa`*XaE2J

delta 50
zcmZoMXfc@JFUrWkzyQPo3=E|VMGUD7#VN(fITH`6Gcrz`FT=>V@t_;~#0wIe**X65
F0{|#+4Wj@6

diff --git a/public/css/desktop.css b/public/css/desktop.css
index 0a9b9c3..1b66e72 100644
--- a/public/css/desktop.css
+++ b/public/css/desktop.css
@@ -26,22 +26,25 @@ header {
 }
 
 header > h1 {
-    padding-top: 0.3em;
+    padding-top: 0.1em;
     padding-left: 7em;
     margin: 0;
-    font-size: 2.5em;
+    font-size: 1.875em;
 }
 
 header > p {
     padding-left: 17.6em;
-    margin-top: 0.5em;
-    margin-bottom: 0;
+    margin-top: 0em;
+    margin-bottom: 0.5em;
+    font-size: 0.75em;
 }
 
 .header_logo {
     float: left;
-    margin-left: 1em;
-    transform: scale(1.2);
+    margin-top: -18px;
+    margin-bottom: -20px;
+    margin-left: -20px;
+    transform: scale(0.8);
 }
 
 .navbar {
@@ -63,6 +66,7 @@ header > p {
 
 .content {
     position: relative;
+    color: black;
 }
 
 .content p {
@@ -72,16 +76,23 @@ header > p {
 
 .content :not(h1, strong) {
     margin-left: 3.5em;
+    color: #606060;
 }
 
 .content h1 {
     text-align: center;
-    font-size: 2.5em;
+    font-size: 1.875em;
+    font-weight: normal;
+    margin-top: 0;
 }
 
 .content h2 {
+    font-size: 1em;
     text-align: center;
 }
+.content a {
+    margin-left: 0em;
+}
 
 html body.index .content::before,
 html body.datenschutz .content::before,
@@ -103,20 +114,22 @@ html body.impressum .content::before{
 }
 
 #aktuelle_auswahl {
-    margin-left: 2.3em;
-    font-size: 1.5em;
+    margin-left: 2.7em;
+    margin-bottom: -0.5em;
+    font-size: 1em;
 }
 
-.beispiel_produkte {
-    margin: 10px;
-    margin-left: 8px;
-}
 
 .beispiel_produkte img {
     border: #606060 1px solid;
+    height: 160px;
+    width: 150px;
+    margin-top: 1em;
+    margin-left: 2em;
+
 }
 
-.button_produkte {
+#button_produkte {
     background-color: #476B1C;
     color: white;
     padding: 5px 20px;
@@ -125,8 +138,8 @@ html body.impressum .content::before{
     text-decoration: none;
     display: inline-block;
     font-size: 1em;
-    margin: 4px 2px;
     cursor: pointer;
+    margin-left: -1em;
 }
 
 #balken {
@@ -321,4 +334,29 @@ label {
 }
 a:hover{ 
     color: #f4eb49;
-}
\ No newline at end of file
+}
+.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;
+  }
\ No newline at end of file
diff --git a/public/impressum.html b/public/impressum.html
index 39097ed..7a3e983 100644
--- a/public/impressum.html
+++ b/public/impressum.html
@@ -26,21 +26,21 @@
     </header>
 
     <div class="content">
-        <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>
+
+        <h1>Impressum</h1>
+        <p><strong>Angaben gemäß § 5 TMG</strong><br />WEB-A4-Gruppe<br />Paul-Wittsack-Straße 10<br />68163
+            Mannheim</p> </br>
+        <p><strong>Vertreten durch:</strong><br />Sellmann, Kai<br />Rahmani, Mohammad<br />Schumann,
+            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: <a href="kontakt.html">info@secondharvest.com</a></p></br>
+        <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></br>
+        <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></br>
+
     </div>
 
 
diff --git a/public/index.html b/public/index.html
index 0cb2047..07ea3a5 100644
--- a/public/index.html
+++ b/public/index.html
@@ -32,21 +32,23 @@
             verschwenden.</p>
         <br />
         <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>
+        <div class="foodampel">
+            <img src="pictures/Foodampel_transparent.png">
+            <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
             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>
+        </br>
         <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"
-                alt="Karotten"></a>
+        <a class="beispiel_produkte" href="produkte.html"><img src="pictures/karotten.png" alt="Karotten"></a>
         <a class="beispiel_produkte" href="produkte.html">
-            <img src="pictures/sellerie.png" width="250" height="250" alt="Sellerie"></a>
-        <p><a class="button_produkte" href="produkte.html">zu den Produkten</a></p>
+            <img src="pictures/sellerie.png" alt="Sellerie"></a>
+        <p><a id="button_produkte" href="produkte.html">zu den Produkten</a></p>
 
         <h2>Viel Spaß bei Deinem Einkauf. Dein Second Harvest Team.</h2>
     </div>
diff --git a/public/kontakt.html b/public/kontakt.html
index 583d28e..a11b95d 100644
--- a/public/kontakt.html
+++ b/public/kontakt.html
@@ -26,18 +26,18 @@
     </header>
 
     <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>
-    </div>
+        <h1>Kontakt</h1>
+        <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>
         <nav class="navbar" style="--items: 2;">
diff --git a/public/pictures/Foodampel_transparent.png b/public/pictures/Foodampel_transparent.png
new file mode 100644
index 0000000000000000000000000000000000000000..eb3e344b584f75630b9c64d704c83eba253a1a3a
GIT binary patch
literal 2298
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
JVy%g1(m#wSGb{iA

literal 0
HcmV?d00001

diff --git a/public/produkte.html b/public/produkte.html
index 5043a79..c9ab6bf 100644
--- a/public/produkte.html
+++ b/public/produkte.html
@@ -24,8 +24,9 @@
         </nav>
     </header>
 
-    <h1 class = produktueberschrift> Produkte</h1>
-    
+    <div class="content">
+    <h1> Produkte</h1>
+    </div>
     <div class="parent">
         <div class="produkte">
           <img src="pictures/karotten.png" width = "300" height="300" alt="Karotten">
diff --git a/public/ueber_uns.html b/public/ueber_uns.html
index 8618ec5..9a6e043 100644
--- a/public/ueber_uns.html
+++ b/public/ueber_uns.html
@@ -26,27 +26,25 @@
     </header>
 
     <div class="content">
-        <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>
+        
+        <h1>Wer wir sind</h1>
+        <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></br>
+        <p><strong>Seit unserer Gründung im Jahr 2019 haben wir mehr als 31 Tonnen Lebensmittel gerettet und an
+                Bedürftige weitergegeben.</strong></p></br>
+        <p>Unser Team besteht aus engagierten Freiwilligen und Fachleuten, die unsere Mission unterstützen und
+            vorantreiben.</p></br>
+        <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></br>
+        <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>