BETTERZON-35 added footer

This commit is contained in:
rebooooorn 2020-12-02 22:23:10 +01:00
parent 3ed77e0036
commit cce7b58497
3 changed files with 28 additions and 6 deletions

View File

@ -1,3 +1,17 @@
.container{
text-align: center;
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: dimgrey;
color: white;
text-align: center;
}
.icon-3d {
padding: 10px;
color: #fff;
}

View File

@ -1,7 +1,14 @@
<!--- footer --->
<footer class = "footer">
<div class="container">
.footer
</div>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<footer class="footer">
<div class='wrap'>
<div class="icons">
<a href="https://github.com/Mueller-Patrick/Betterzon" class="fa fa-github fa-4x icon-3d"></a>
<a href="https://twitter.com/elonmusk" class="fa fa-twitter fa-4x icon-3d"></a>
<a href="https://www.facebook.com/TheElonmusk/" class="fa fa-facebook fa-4x icon-3d"></a>
</div>
<div class = "blocks" id="copyright">© COPYRIGHT 2020 </div>
</div>
</footer>

View File

@ -1 +1,2 @@
<app-product-list numberOfProducts="20" showProductPicture="true"></app-product-list>
<app-footer></app-footer>