diff --git a/assets/bilder/logo_wide.png b/assets/bilder/logo_wide.png new file mode 100644 index 0000000..359cc5a Binary files /dev/null and b/assets/bilder/logo_wide.png differ diff --git a/assets/design.css b/assets/design.css index e69de29..350a68a 100644 --- 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); +} \ No newline at end of file diff --git a/index.html b/index.html index 415c7a0..7c2fb4b 100644 --- a/index.html +++ b/index.html @@ -6,4 +6,17 @@ +
+
+
+
+