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

asdfghjklöä

Browse Source
This commit is contained in:
Fabian Märker
2021-12-15 10:10:29 +01:00
parent 86907287f1
commit 08fefeadb1
3 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/seiten/css/design.css
View File

@@ -27,6 +27,12 @@ body{
height: 7rem; height: 7rem;
padding-right: 1.25rem; padding-right: 1.25rem;
padding-left: 1.25rem; padding-left: 1.25rem;
background: transparent;
}
.menu.scrolled {
background: rgb(35,35,35);
background: linear-gradient(180deg, rgba(35,35,35,1) 0%, rgba(51,51,51,0.9) 50%, rgba(68,68,68,0.8) 100%);
} }
.menu a{ .menu a{

3
assets/seiten/css/index.css
View File

@@ -74,10 +74,13 @@
height: 30%; height: 30%;
} }
.shop, .über-uns{ .shop, .über-uns{
overflow: hidden;
background-color: rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.12);
margin-right: 2.5%; margin-right: 2.5%;
text-align: center; text-align: center;
border-radius: 1em; border-radius: 1em;
border: 0.05em solid #121212; border: 0.05em solid #121212;
color: #b5b5bd; color: #b5b5bd;
z-index: 50 !important;
font-size: small;
} }

14
index.html
View File

@@ -8,6 +8,18 @@
<link rel="stylesheet" type="text/css" href="./assets/seiten/css/index.css"/> <link rel="stylesheet" type="text/css" href="./assets/seiten/css/index.css"/>
<link rel="icon" type="image/png" href="./assets/bilder/Logo.png"> <link rel="icon" type="image/png" href="./assets/bilder/Logo.png">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"/> <!-- Logo Font --> <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"/> <!-- Logo Font -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >=150) {
$(".menu").addClass("scrolled");
}
else {
$(".menu").removeClass("scrolled");
}
});
</script>
</head> </head>
<body> <body>
<!-- Menü --> <!-- Menü -->
@@ -16,7 +28,7 @@
<a class="neon-button " href="./assets/seiten/shop.html"><br>Shop<br></a> <a class="neon-button " href="./assets/seiten/shop.html"><br>Shop<br></a>
<a class="neon-button " href="./assets/seiten/b-waren.html"><br>B-Waren<br></a> <a class="neon-button " href="./assets/seiten/b-waren.html"><br>B-Waren<br></a>
</div> </div>
<a href="./index.html"><img id="logo" src="./assets/bilder/Logo.png"></a> <a href="#top"><img id="logo" src="./assets/bilder/Logo.png"></a>
<div class="btn-right"> <div class="btn-right">
<a class="neon-button" href="./assets/seiten/services.html">Service<br>Retouren<br>Reparaturen</a> <a class="neon-button" href="./assets/seiten/services.html">Service<br>Retouren<br>Reparaturen</a>
<a class="neon-button" href="./assets/seiten/login.html"><br>Anmelden<br></a> <a class="neon-button" href="./assets/seiten/login.html"><br>Anmelden<br></a>