HTML
xxxxxxxxxx1
2
<html>3
<head>4
</head>5
6
<body class="mainbackground d-flex flex-column justify-content-between" style="min-height:100vh">7
8
9
<div class="content">10
<div>Some Content here</div>11
12
<div class="text-center">test test </div>13
</div>14
15
<!-- Footer bottom-fixed (not use because then the footer is visible all the time (not only at the bottom of the page)-->16
<footer class="text-center" style="width:100%">17
<!-- Grid container -->18
<div class="container p-0">19
20
<!-- Section: Social media -->21
<section class="mb-3">22
<!-- Facebook -->23
<a class="btn btn-primary btn-floating m-1" style="background-color: #3b5998" href="#!" role="button"><i class="fab fa-facebook-f"></i></a>24
<!-- Instagram -->25
<a class="btn btn-primary btn-floating m-1" style="background-color: #ac2bac" href="#!" role="button"><i class="fab fa-instagram"></i></a>26
<!-- Youtube -->27
<a class="btn btn-primary btn-floating m-1" style="background-color: #c61118" href="#!" role="button"><i class="fab fa-youtube"></i></a>28
<!-- Apple Appstore -->29
<a class="btn btn-primary btn-floating m-1" style="background-color: #000000" href="#!" role="button"><i class="fab fa-apple"></i></a>30
<!-- Google Playstore -->31
<a class="btn btn-primary btn-floating m-1" style="background-color: #0ABAB5;" href="#!" role="button"><i class="fab fa-google-play"></i></a>32
</section>33
<!-- Section: Social media -->34
</div>35
<!-- Grid container -->36
<!-- Copyright -->37
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2)">38
Some Footer Content39
</div>40
<!-- Copyright -->41
</footer>42
<!-- Footer -->43
</body>44
</html>45
46
CSS
xxxxxxxxxx1
JS
1
1
Console errors: 0