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-29 17:53:06 +01:00
parent d499bba29d
commit 53f463c13a
2 changed files with 30 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,7 @@
#top { #up-btn {
position: fixed; position: fixed;
text-align: center;
bottom: 1.2rem; bottom: 1.2rem;
float: right;
right: 18.5%; right: 18.5%;
left: 95%; left: 95%;
max-width: 75px; max-width: 75px;
@@ -9,20 +9,26 @@
font-size: 1.3rem; font-size: 1.3rem;
border: rgb(138,43,226); border: rgb(138,43,226);
background-color: #808080; background-color: #808080;
color: #232323;
padding: .5px; padding: .5px;
border-radius: 4px; border-radius: 4px;
} }
#top:hover { #up-btn:hover {
background-color: #909099; background-color: #232323;
cursor: pointer; cursor: pointer;
color: #808080;
transition: all 0.75s;
} }
#scroll-down { #down-button {
margin-top: 95%; color: #121212;
} }
#content { #content {
margin-top: 95%; position: fixed;
height: 100%;
min-height: 100%;
width: 100%;
background-color: #121212; background-color: #121212;
} }

33
index.html
View File

@@ -23,28 +23,29 @@
<div class="seite"> <div class="seite">
<!-- Sterne --> <!-- Sterne -->
<section> <div class="sterne">
<span></span> <section>
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
</section> <span></span>
</section>
</div>
<!-- Hauptseite --> <!-- Hauptseite -->
<!-- On Top Knopf --> <!-- On Top Knopf -->
<button id="top"><a href="#top" style="color:white">Nach Oben</a></button> <a id="up-btn" href="#top">Nach Oben</a>
<!-- Scroll Down Knopf--> <!-- Scroll Down Knopf-->
<button id="scroll-down"><a href="#content"><img src="./assets/bilder/arrow_down.png"></a></button> <a id="down-btn" href="#content"><img src="./assets/bilder/arrow_down.png"></a>
<div class="content"> <div id="content">
<h1>- Überschrift -</h1> <h1>- Überschrift -</h1>
</div> </div>