From 0bb237c0488de576c6135bf30b438ebe6039f816 Mon Sep 17 00:00:00 2001
From: Justin Dretvic <OtakuBen.Drowned@gmail.com>
Date: Wed, 20 May 2020 14:13:21 +0200
Subject: [PATCH] Upload Aufgabe 04.1

---
 .../files/grass_icon_left.png                 | Bin 0 -> 1658 bytes
 .../files/grass_icon_right.png                | Bin 0 -> 1652 bytes
 Aufgaben/Aufgabe_04_2020-05-20/shop.css       | 133 ++++++++++++++++++
 Aufgaben/Aufgabe_04_2020-05-20/shop.html      |  45 ++++++
 4 files changed, 178 insertions(+)
 create mode 100644 Aufgaben/Aufgabe_04_2020-05-20/files/grass_icon_left.png
 create mode 100644 Aufgaben/Aufgabe_04_2020-05-20/files/grass_icon_right.png
 create mode 100644 Aufgaben/Aufgabe_04_2020-05-20/shop.css

diff --git a/Aufgaben/Aufgabe_04_2020-05-20/files/grass_icon_left.png b/Aufgaben/Aufgabe_04_2020-05-20/files/grass_icon_left.png
new file mode 100644
index 0000000000000000000000000000000000000000..1aee3dfde47b490ae53a8ed0300eecf66ee74a5d
GIT binary patch
literal 1658
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
Ef|v;Af&c&j

literal 0
HcmV?d00001

diff --git a/Aufgaben/Aufgabe_04_2020-05-20/files/grass_icon_right.png b/Aufgaben/Aufgabe_04_2020-05-20/files/grass_icon_right.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed73fc9fa0ba8ddd71f54cc5fe5a54bd8f94398d
GIT binary patch
literal 1652
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

literal 0
HcmV?d00001

diff --git a/Aufgaben/Aufgabe_04_2020-05-20/shop.css b/Aufgaben/Aufgabe_04_2020-05-20/shop.css
new file mode 100644
index 0000000..490cb6c
--- /dev/null
+++ b/Aufgaben/Aufgabe_04_2020-05-20/shop.css
@@ -0,0 +1,133 @@
+body {
+    margin: 0;
+}
+
+header {
+    padding: 10px 0px;
+    position: relative;
+    top: 0;
+    width: 100%;
+    background-color: #006a4e;
+    color: #b8d5cd;
+    
+}
+
+header ul {
+    list-style: none;
+    padding: 0px;
+}
+
+header li {
+    display: block;
+    margin: 10px auto 0px;
+}
+
+header li a {
+    text-decoration: none;
+    color: #b8d5cd;
+}
+
+header .dropdown {
+    text-align: center;
+    font-size: 20px;
+    position: relative;
+    display: block;
+    background-color: #2e856e;
+    border-radius: 40px;
+    margin: 10px 5px 0px 5px;
+    padding: 10px 0px;
+    width: 80%;
+}
+
+header .dropdown-content {
+    display: none;
+}
+
+header .dropdown:hover .dropdown-content {
+    display: block;
+    margin-bottom: 0px;
+}
+
+header #shopping_cart {
+    text-align: center;
+    position: relative;
+    display: block;
+    background-color: #2e856e;
+    border-radius: 40px;
+    margin: 10px 5px 0px 5px;
+    padding: 10px 0px;
+    width: 60px;
+}
+
+header #shopping_cart a {
+    text-decoration: none;
+    color: #b8d5cd;
+    font-size:24px
+}
+
+header #shopping_cart a:hover {
+    color: white;
+}
+
+header .title_bar img {
+    width: 40px;
+    height: 40px;
+    margin: 5px 15px;
+}
+
+header .title_bar span {
+    font-size: 27px;
+    line-height: 50px;
+    margin: auto 0px;
+}
+
+header .title_bar {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    background-color: #2e856e;
+    border-radius: 40px;
+    padding: 5px;
+    margin: 5px
+}
+
+header #bottom {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+}
+
+header #shopping_cart {
+    margin: 10px auto;
+    text-align: center;
+    color: #b8d5cd;
+    display: block;
+    background-color: #2e856e;
+    border-radius: 40px;
+    margin: 10px 5px 0px 5px;
+    padding: 10px 0px;
+}
+
+footer {
+    text-align: center;
+    padding: 10px 5px;
+    position: relative;
+    bottom: 0;
+    width: calc(100%-10px);
+    background-color: #272727;
+    color: white;
+}
+
+footer p {
+    margin: 0px 0px 10px;
+}
+
+/* Tablet */
+@media screen and (min-width: 600px) {
+
+}
+
+/* Desktop */
+@media screen and (min-width: 1025px) {
+
+}
\ No newline at end of file
diff --git a/Aufgaben/Aufgabe_04_2020-05-20/shop.html b/Aufgaben/Aufgabe_04_2020-05-20/shop.html
index e69de29..8d9c224 100644
--- a/Aufgaben/Aufgabe_04_2020-05-20/shop.html
+++ b/Aufgaben/Aufgabe_04_2020-05-20/shop.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <script src='https://kit.fontawesome.com/a076d05399.js'></script>
+    <link rel="stylesheet" href="shop.css">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>green grass</title>
+</head>
+
+<body>
+    <header>
+        <div class="title_bar">
+            <img src="files/grass_icon_left.png" alt="grass"/>
+            <span>GREEEN GRASS</span>
+            <img src="files/grass_icon_right.png" alt="grass"/>
+        </div>
+        <div id="bottom">
+            <div class="dropdown">
+                <span>Categories</span>
+                <ul class="dropdown-content">
+                    <li><a href="#">~ Eins ~</a></li>
+                    <li><a href="#">~ Zwei ~</a></li>
+                    <li><a href="#">~ Drei ~</a></li>
+                </ul>
+            </div>
+            <div id="shopping_cart">
+                <a href=""><i class="fas fa-shopping-cart" style='font-size:24px'></i></a>
+            </div>
+        </div>
+        
+    </header>
+    <div>
+        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
+        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
+        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
+        Hallo
+    </div>
+    <footer>
+        <h1>Disclaimer</h1>
+        <p>Diese Website wird nicht monetär verwendet </p>
+        <p>Auch nicht, wenn hier vermeintlich Sachen verkauft werden!</p>
+    </footer>
+</body>
+</html>
\ No newline at end of file