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

.

Browse Source
This commit is contained in:
Fabian Märker
2021-11-28 23:10:06 +01:00
parent 2021ee0aec
commit 2515aac7f3
4 changed files with 41 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/bilder/Logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 218 KiB

After

Width:  |  Height:  |  Size: 236 KiB

22
assets/design.css
View File

@@ -1,3 +1,7 @@
html {
scroll-behavior: smooth;
}
*,
*::before,
*::after {
@@ -46,25 +50,7 @@ body{
color: #f2f2f2;
}
#top {
position: fixed;
bottom: 1.2rem;
float: right;
right: 18.5%;
left: 95%;
max-width: 75px;
width: 100%;
font-size: 1.3rem;
border: rgb(138,43,226);
background-color: #808080;
padding: .5px;
border-radius: 4px;
}
#top:hover {
background-color: #f2f200;
cursor: pointer;
}
.neon-button {
font-size: 1rem;

28
assets/seiten/css/startseite.css Normal file
View File

@@ -0,0 +1,28 @@
#top {
position: fixed;
bottom: 1.2rem;
float: right;
right: 18.5%;
left: 95%;
max-width: 75px;
width: 100%;
font-size: 1.3rem;
border: rgb(138,43,226);
background-color: #808080;
padding: .5px;
border-radius: 4px;
}
#top:hover {
background-color: #f2f200;
cursor: pointer;
}
#scroll-down {
margin-top: 95%;
}
#content {
margin-top: 100%;
background-color: #121212;
}

10
index.html
View File

@@ -4,6 +4,7 @@
<meta name="viewport" content="with=device-width, initial-scale=1.0">
<title>Startseite</title>
<link rel="stylesheet" type="text/css" href="assets/design.css"/>
<link rel="stylesheet" type="text/css" href="assets/seiten/css/startseite.css"/>
<link rel="icon" type="image/png" href="assets/bilder/Logo.png">
</head>
<body>
@@ -33,10 +34,17 @@
</section>
<!-- Hauptseite -->
<p> - Startseite -</p>
<!-- On Top Knopf -->
<button id="top"><a href="#top" style="color:white">Nach Oben</a></button>
<!-- Scroll Down Knopf-->
<button id="scroll-down"><a href="#content">^</a></button>
<div class="content">
<h1>- Übershrift -</h1>
</div>
</div>
</body>
</html>