andy
/
webdev
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

design

master
Andy 2020-02-25 19:20:41 +01:00
parent 5a3118aaf7
commit 2fea793568
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/style.css
View File

@ -6,16 +6,25 @@ body {
max-width: 960px; max-width: 960px;
margin: 0 auto; margin: 0 auto;
} }
header{ header, footer{
height: 160px; height: 160px;
background: #ddd background: #ddd
} }
header{
background: linear-gradient(178deg, #000 0%,#000 70%,#fff 70%,#fff 100%);
}
footer{
background: linear-gradient(2deg, #000 0%,#000 70%,#fff 70%,#fff 100%);
}
header img{ header img{
padding-top: 62px; padding-top: 62px;
} }
footer p{
line-height: 160px;
}
h1, h2{ h1, h2{
font-weight: 100; font-weight: 100;
margin-bottom: 2rem; margin: 1.5rem 0;
} }
p { p {
overflow: hidden; overflow: hidden;

6
html/struktur.html
View File

@ -14,7 +14,7 @@
<body> <body>
<header> <header>
<div class="wrapper"> <div class="wrapper">
<img src="../img/logo.svg" alt="Mein logo" title="Der Titel meines Bildes"> <img src="../img/logo_w.svg" alt="Mein logo" title="Der Titel meines Bildes">
<nav role="navigation"> <nav role="navigation">
</nav> </nav>
</div> </div>
@ -72,7 +72,9 @@
</main> </main>
<footer> <footer>
<a title="Link zu Download" href="https://git.perin.work/andy/webdev">Download</a> <div class="wrapper">
<p><a title="Link zu Download" href="https://git.perin.work/andy/webdev">Download</a></p>
</div>
</footer> </footer>
<script src="../js/code.js"></script> <script src="../js/code.js"></script>
</body> </body>