From 88c983275e13fc87772b099693c78fd1c2b9e613 Mon Sep 17 00:00:00 2001
From: Max Noelp <noelpmax@gmail.com>
Date: Thu, 13 Jun 2024 10:01:23 +0200
Subject: [PATCH 1/4] create a Nav-Bar

---
 Images/d36bcd94324a528f7ac00f4e6aa51f09.png | Bin 0 -> 14932 bytes
 Nav-bar.html                                |  26 +++++++
 nav-bar.css                                 |  77 ++++++++++++++++++++
 3 files changed, 103 insertions(+)
 create mode 100644 Images/d36bcd94324a528f7ac00f4e6aa51f09.png
 create mode 100644 Nav-bar.html
 create mode 100644 nav-bar.css

diff --git a/Images/d36bcd94324a528f7ac00f4e6aa51f09.png b/Images/d36bcd94324a528f7ac00f4e6aa51f09.png
new file mode 100644
index 0000000000000000000000000000000000000000..b60899a45c7f92f37db57fb920eb827d533de1db
GIT binary patch
literal 14932
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

literal 0
HcmV?d00001

diff --git a/Nav-bar.html b/Nav-bar.html
new file mode 100644
index 0000000..c9ed671
--- /dev/null
+++ b/Nav-bar.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="nav-bar.css" />
+  <title>Document</title>
+</head>
+
+<body>
+  <div class="dropdown">
+    <button class="dropbtn"><img class="nav-icon" src="Images/d36bcd94324a528f7ac00f4e6aa51f09.png" alt=""></button>
+    <div class="dropdown-content">
+      <p class="header-nav">Coding Bootcamps Europe</p>
+      <div class="nav-links">
+        <a href="index.html">Lobby</a>
+        <a href="recordings.html">Recordings</a>
+        <a href="slides.html">Slides</a>
+        <a href="students.html">Students</a>
+      </div>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/nav-bar.css b/nav-bar.css
new file mode 100644
index 0000000..13156ae
--- /dev/null
+++ b/nav-bar.css
@@ -0,0 +1,77 @@
+*,
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+/* Dropdown Button */
+.dropbtn {
+  background-color: hsla(268, 75%, 44%, 1);
+  border: none;
+}
+
+.nav-icon {
+  height: 15px;
+}
+
+/* Nav-Bar */
+.header-nav {
+  color: white;
+  font-size: 1.25rem;
+  text-transform: uppercase;
+  text-align: center;
+}
+.dropdown {
+  position: absolute;
+  display: grid;
+  grid-template-columns: 1fr;
+  height: 100%;
+  box-shadow: 5px 0 0 0 hsla(268, 58%, 55%, 1);
+}
+
+body {
+  margin: 0;
+}
+/* Menü */
+.dropdown-content {
+  display: none;
+  position: absolute;
+  min-height: 100%;
+  left: 100%;
+  background-color: hsla(268, 58%, 55%, 1);
+  min-width: 200px;
+  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+  z-index: 1;
+}
+
+/* Links inside the Menü */
+.dropdown-content a {
+  color: white;
+  padding: 12px 16px;
+  text-decoration: none;
+  border-bottom: 2px solid white;
+  font-size: 1.25rem;
+}
+
+.nav-links {
+  display: flex;
+  flex-direction: column;
+  margin: auto;
+}
+
+/* Change hover color */
+.dropdown-content a:hover {
+  background-color: hsla(268, 75%, 44%, 1);
+}
+
+/* Show the menu on hover */
+.dropdown:hover .dropdown-content {
+  display: flex;
+  flex-direction: column;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  background-color: hsla(268, 58%, 55%, 1);
+}
+
+/* Nav-Bar end*/

From 170633ca09b563bd40db3d41f541ac73335bedc4 Mon Sep 17 00:00:00 2001
From: Max Noelp <noelpmax@gmail.com>
Date: Thu, 13 Jun 2024 10:12:27 +0200
Subject: [PATCH 2/4] mobile version

---
 index.html      | 10 ----------
 nav-bar.css     | 18 ++++++++++++++++++
 recordings.html | 10 ----------
 slides.html     | 10 ----------
 students.html   | 10 ----------
 style.css       |  0
 6 files changed, 18 insertions(+), 40 deletions(-)
 delete mode 100644 index.html
 delete mode 100644 recordings.html
 delete mode 100644 slides.html
 delete mode 100644 students.html
 delete mode 100644 style.css

diff --git a/index.html b/index.html
deleted file mode 100644
index a5850a6..0000000
--- a/index.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="style.css" />
-    <title>Document</title>
-  </head>
-  <body></body>
-</html>
diff --git a/nav-bar.css b/nav-bar.css
index 13156ae..2906b2e 100644
--- a/nav-bar.css
+++ b/nav-bar.css
@@ -75,3 +75,21 @@ body {
 }
 
 /* Nav-Bar end*/
+
+@media screen and (max-width: 800px) {
+  .dropdown {
+    top: 0;
+    max-height: 25px;
+    min-width: 100%;
+  }
+
+  .dropdown-content {
+    top: 100%;
+    left: 0;
+    min-width: 100%;
+  }
+
+  .nav-links {
+    padding-bottom: 1.5rem;
+  }
+}
diff --git a/recordings.html b/recordings.html
deleted file mode 100644
index a5850a6..0000000
--- a/recordings.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="style.css" />
-    <title>Document</title>
-  </head>
-  <body></body>
-</html>
diff --git a/slides.html b/slides.html
deleted file mode 100644
index a5850a6..0000000
--- a/slides.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="style.css" />
-    <title>Document</title>
-  </head>
-  <body></body>
-</html>
diff --git a/students.html b/students.html
deleted file mode 100644
index a5850a6..0000000
--- a/students.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="style.css" />
-    <title>Document</title>
-  </head>
-  <body></body>
-</html>
diff --git a/style.css b/style.css
deleted file mode 100644
index e69de29..0000000

From be711ef4ee4c252cf90039ccea859812a1053613 Mon Sep 17 00:00:00 2001
From: Max Noelp <noelpmax@gmail.com>
Date: Thu, 13 Jun 2024 11:10:42 +0200
Subject: [PATCH 3/4] =?UTF-8?q?versch=C3=B6nert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Nav-bar.html |  6 +++++-
 nav-bar.css  | 16 ++++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/Nav-bar.html b/Nav-bar.html
index c9ed671..437b791 100644
--- a/Nav-bar.html
+++ b/Nav-bar.html
@@ -10,9 +10,13 @@
 
 <body>
   <div class="dropdown">
-    <button class="dropbtn"><img class="nav-icon" src="Images/d36bcd94324a528f7ac00f4e6aa51f09.png" alt=""></button>
+    <button class="dropbtn"><img class="nav-icon" src="Images/d36bcd94324a528f7ac00f4e6aa51f09.png" alt="">
+      <span class="header-nav-mobile">Coding Bootcamps Europe</span>
+    </button>
+
     <div class="dropdown-content">
       <p class="header-nav">Coding Bootcamps Europe</p>
+
       <div class="nav-links">
         <a href="index.html">Lobby</a>
         <a href="recordings.html">Recordings</a>
diff --git a/nav-bar.css b/nav-bar.css
index 2906b2e..2d1ddee 100644
--- a/nav-bar.css
+++ b/nav-bar.css
@@ -87,6 +87,22 @@ body {
     top: 100%;
     left: 0;
     min-width: 100%;
+    text-align: center;
+  }
+
+  .dropbtn {
+    display: flex;
+  }
+
+  .nav-icon {
+    margin: auto 0;
+  }
+
+  .header-nav-mobile {
+    margin: auto;
+    font-weight: 600;
+    color: white;
+    font-size: 1.15rem;
   }
 
   .nav-links {

From ec470871eae66999559362f7e373a91bdec7e70b Mon Sep 17 00:00:00 2001
From: Max Noelp <noelpmax@gmail.com>
Date: Thu, 13 Jun 2024 11:14:15 +0200
Subject: [PATCH 4/4] nav-header-hidden

---
 nav-bar.css | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/nav-bar.css b/nav-bar.css
index 2d1ddee..37360d5 100644
--- a/nav-bar.css
+++ b/nav-bar.css
@@ -5,7 +5,15 @@
   box-sizing: border-box;
 }
 
+body {
+  margin: 0;
+}
+
 /* Dropdown Button */
+.header-nav-mobile {
+  display: none;
+}
+
 .dropbtn {
   background-color: hsla(268, 75%, 44%, 1);
   border: none;
@@ -30,9 +38,6 @@
   box-shadow: 5px 0 0 0 hsla(268, 58%, 55%, 1);
 }
 
-body {
-  margin: 0;
-}
 /* Menü */
 .dropdown-content {
   display: none;
@@ -99,6 +104,7 @@ body {
   }
 
   .header-nav-mobile {
+    display: flex;
     margin: auto;
     font-weight: 600;
     color: white;