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

vielleicht ja vielleicht nein.

Browse Source 
Background Color ist scheiße
This commit is contained in:
Fabian Märker
2021-12-03 20:48:49 +01:00
parent 7507d071df
commit 70cefc366f
2 changed files with 76 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -289,5 +289,60 @@ body{
padding: 30px 0;
}
/* Footer */
.footer {
background: #444;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
margin-left: 2.5%;
margin-right: 2.5%;
margin-top: 80%;
width: 95%;
text-align: center;
border-radius: 1em;
}
/* An hier Mika */
.ft-links a {
text-align: center;
font: bold 1.2em;
text-decoration: none;
display: inline-block;
width: 8.5rem;
height: 35px;
cursor: pointer;
background-color: #33383b;
color: #121212;
border-radius: 0.5em;
font-size: 1em;
margin-top: 0.5em;
}
.ft-links a:hover {
color: #33383b;
background-color: #121212;
font-size: 1.15em;
text-decoration: underline;
transition: ease-in-out all 0.2s;
}
.ft-icons {
margin-top: 1em;
}
.fa{
text-align: center;
text-decoration: none;
width: 2em;
height: 2em;
cursor: pointer;
background-color: #33383b;
border-radius: 2px;
font-size: 1.9em;
color: #fff;
}
.fa:hover{
background-color: #121212;
transition: ease-in-out all 0.2s;
}
/* Ab hier Mika */

20
index.html
View File

@@ -6,6 +6,7 @@
<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">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"/>
</head>
<body>
<!-- Menü -->
@@ -45,7 +46,26 @@
<!-- Hauptseiten Content (Text, Bilder, Verknüpfungen,...)-->
<div id="content">
<h1 class="headline">- Überschrift -</h1>
<div class="footer">
<div class="ft-links">
<a href="./index.html">Startseite</a>
<a href="./assets/seiten/services.html">Services</a>
<a href="./assets/seiten/shop.html">Neuwaren Shop</a>
<a href="./assets/seiten/b-waren.html">B-Waren Shop</a>
<a href="./assets/seiten/login.html">Anmelden</a>
<a href="./assets/seiten/kontakt.html">Kontakt</a>
</div>
<div class="ft-icons">
<a href="#" class="fa fa-facebook"> </a>
<a href="#" class="fa fa-twitter"> </a>
<a href="#" class="fa fa-google"> </a>
<a href="#" class="fa fa-github"> </a>
</div>
<p class="firmen-name">2021 - © KBM</p>
</div>
</div>
</div>
</body>
</html>