Fabian/kbm-html
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upload

Browse Source
This commit is contained in:
Fabian Märker
2021-10-25 18:11:38 +02:00
parent 3ada12e068
commit e1bf7a7ca0
3 changed files with 70 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/bilder/logo_wide.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

57
assets/design.css
View File

@@ -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);
}

13
index.html
View File

@@ -6,4 +6,17 @@
<link rel="stylesheet" type="text/css" href="assets/design.css"/> <link rel="stylesheet" type="text/css" href="assets/design.css"/>
<link rel="icon" type="image/png" href="assets/bilder/icon.png"> <link rel="icon" type="image/png" href="assets/bilder/icon.png">
</head> </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> </html>