upload

2021-10-25 18:11:38 +02:00
parent 3ada12e068
commit e1bf7a7ca0
3 changed files with 70 additions and 0 deletions
--- a/assets/bilder/logo_wide.png
+++ b/assets/bilder/logo_wide.png
--- a/assets/design.css
+++ b/assets/design.css
@@ -0,0 +1,57 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
+
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    background-color: #24252A;
+}
+
+li, a, button {
+    font-family: sans-serif;
+    font-weight: 500;
+    font-size: 16px;
+    color: #ecf0f1;
+    text-decoration: none;
+}
+
+header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 30px 10%;
+}
+
+.logo {
+    cursor: pointer;
+}
+
+.menu_list {
+    list-style: none;
+}
+
+.menu_list li {
+    display: inline-block;
+    padding: 0px 20px;
+}
+
+.menu_list li a {
+    transition: all 0.3s ease 0s;
+}
+
+.menu_list li a :hover {
+    color: #0088a9;
+}
+
+button {
+    padding: 9px 25px;
+    background-color: rgba(0,13,169,1);
+    border: none;
+    border-radius: 50px;
+    cursor: pointer;
+    transition: all 0.3s ease 0s;
+}
+
+button :hover {
+    background-color: rgba(0,13,169,0.8);
+}
--- a/index.html
+++ b/index.html
@@ -6,4 +6,17 @@
        <link rel="stylesheet" type="text/css" href="assets/design.css"/>
        <link rel="icon" type="image/png" href="assets/bilder/icon.png">
    </head>
+    <body>
+        <header>
+            <img class="logo" src="assets/bilder/logo_wide.png" alt="logo">
+            <nav>
+                <ul class="menu_list">
+                    <li><a href='#'>Startseite</a></li>
+                    <li><a href='#'>Seite1</a></li>
+                    <li><a href='#'>Seite2</a></li>
+                </ul>
+            </nav>
+            <a class="btn" href="#"><button>Knopf</button></a>
+        </header>
+    </body>
 </html>