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

asdf

Browse Source
This commit is contained in:
Fabian Märker
2021-11-29 11:07:03 +01:00
parent efbcb60f5a
commit 67e8d01496
3 changed files with 21 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.6 KiB

30
assets/design.css
View File

@@ -28,7 +28,7 @@ body{
position: fixed; position: fixed;
top: 0; top: 0;
width: 100%; width: 100%;
height: 10rem; height: 8rem;
background: transparent; background: transparent;
padding-right: 10rem; padding-right: 10rem;
} }
@@ -50,7 +50,13 @@ body{
color: #f2f2f2; color: #f2f2f2;
} }
.btn-right {
float: right;
}
.btn-left {
float: left;
}
.neon-button { .neon-button {
font-size: 1rem; font-size: 1rem;
@@ -61,10 +67,10 @@ body{
border: rgb(138,43,226) 0.125em solid; border: rgb(138,43,226) 0.125em solid;
padding: 0.125em 0.5em; padding: 0.125em 0.5em;
margin-left: 0.85em; margin-left: 0.85em;
margin-top: 0.25em;
border-radius: 0.25em; border-radius: 0.25em;
text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em currentColor; text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em currentColor;
box-shadow: inset 0 0 0.5em 0 rgb(138,43,226), 0 0 0.5em 0 rgb(138,43,226); box-shadow: inset 0 0 0.5em 0 rgb(138,43,226), 0 0 0.5em 0 rgb(138,43,226);
position: relative;
} }
.neon-button::before { .neon-button::before {
@@ -114,7 +120,7 @@ body{
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: fit-content; width: fit-content;
height: 100%; height: 105%;
} }
.seite { .seite {
@@ -276,19 +282,5 @@ body{
padding: 30px 0; padding: 30px 0;
} }
.signIn {
margin: auto; /* An hier Mika */
font-size: 1rem;
display: inline-block;
cursor: pointer;
text-decoration: none;
color: rgb(138,43,226);
border: rgb(138,43,226) 0.125em solid;
padding: 0.125em 0.3em;
margin-left: 0.85em;
position: absolute;
right: 10px;
border-radius: 0.25em;
text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em currentColor;
box-shadow: inset 0 0 0.5em 0 rgb(138,43,226), 0 0 0.5em 0 rgb(138,43,226);
}

18
index.html
View File

@@ -6,19 +6,21 @@
<link rel="stylesheet" type="text/css" href="assets/design.css"/> <link rel="stylesheet" type="text/css" href="assets/design.css"/>
<link rel="stylesheet" type="text/css" href="assets/seiten/css/startseite.css"/> <link rel="stylesheet" type="text/css" href="assets/seiten/css/startseite.css"/>
<link rel="icon" type="image/png" href="assets/bilder/Logo.png"> <link rel="icon" type="image/png" href="assets/bilder/Logo.png">
<author>Fabian Märker, Mika Buhl, Florian Knoche</author>
</head> </head>
<body> <body>
<!-- Menü --> <!-- Menü -->
<div class="menu"> <div class="menu">
<a class="neon-button" href="./index.html">Startseite</a> <div class="btn-left">
<a class="neon-button" href="#seite2">2. Seite</a> <a class="neon-button " href="./index.html">Startseite</a>
<a class="neon-button" href="#seite3">3. Seite</a> <a class="neon-button " href="#seite2">2. Seite</a>
<a class="SignIn" href="./assets/seiten/login.html">Anmelden</a> </div>
<div class="menu">
<a class="neon-button btn-right " href="./assets/seiten/login.html">Anmelden</a>
<a class="neon-button btn-right" href="./assets/seiten/services.html">Service<br>Retouren<br>Reparaturen</a>
</div>
<a href="./index.html"><img id="logo" src="./assets/bilder/Logo.png"></a> <a href="./index.html"><img id="logo" src="./assets/bilder/Logo.png"></a>
</div> </div>
<div class="seite"> <div class="seite">
<!-- Sterne --> <!-- Sterne -->
<section> <section>
@@ -40,10 +42,10 @@
<button id="top"><a href="#top" style="color:white">Nach Oben</a></button> <button id="top"><a href="#top" style="color:white">Nach Oben</a></button>
<!-- Scroll Down Knopf--> <!-- Scroll Down Knopf-->
<button id="scroll-down"><a href="#content">^</a></button> <button id="scroll-down"><a href="#content"><img src="./assets/bilder/arrow_down.png"></a></button>
<div class="content"> <div class="content">
<h1>- Übershrift -</h1> <h1>- Überschrift -</h1>
</div> </div>
</div> </div>