68 lines
2.7 KiB
HTML
68 lines
2.7 KiB
HTML
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="with=device-width, initial-scale=1.0">
|
|
<title>Startseite</title>
|
|
<link rel="stylesheet" type="text/css" href="./assets/seiten/css/design.css"/>
|
|
<link rel="stylesheet" type="text/css" href="./assets/seiten/css/index.css"/>
|
|
<link rel="icon" type="image/png" href="./assets/bilder/Logo.png">
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
var scroll_position = 0;
|
|
$(".seite").scroll(function() {
|
|
scroll_position = $(this).scrollTop();
|
|
if (scroll_position > 20) {
|
|
$(".menu").css("background-color", "#121212");
|
|
} else {
|
|
$(".menu").css("background-color", "transparent");
|
|
}
|
|
console.log(scroll_position)
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<!-- Menü -->
|
|
<div id="menu" class="menu">
|
|
<div class="btn-left">
|
|
<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>
|
|
</div>
|
|
<a href="./index.html"><img id="logo" src="./assets/bilder/Logo.png"></a>
|
|
<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/login.html"><br>Anmelden<br></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="seite">
|
|
<!-- Sterne -->
|
|
<div class="sterne">
|
|
<section>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</section>
|
|
</div>
|
|
<!-- Hauptseite -->
|
|
<!-- On Top Knopf -->
|
|
<a id="up-btn" href="#top">Nach Oben</a>
|
|
<!-- Scroll Down Knopf-->
|
|
<a id="down-btn" href="#content"><img src="./assets/bilder/arrow_down.png"></a>
|
|
<!-- Hauptseiten Content (Text, Bilder, Verknüpfungen,...)-->
|
|
<div id="content">
|
|
<h1>- Überschrift -</h1>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|