"Footer Uservoice Test"
Bootstrap 4.1.1 Snippet by sparkktv

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<script src="https://kit.fontawesome.com/f5d05f7ae0.js" crossorigin="anonymous"></script>
<section class="container-full footer">
<div class="sparkkfooter px-2 pt-4 pb-3">
<div class="container">
<div class="row justify-content-center">
<img style="max-width:10%;min-width: 150px;opacity: 0.7;" src="/images/logotv.png">
</div>
<div class="row mt-4 justify-content-center">
<p class="copyright"><b>Copyright © {year} Sparkk TV</b></p>
</div>
<div id="footer-links" class="row sgr justify-content-center">
<a slot="footer-links" href="/about-us">About Us</a>
<a slot="footer-links" href="/ad-choices">Ad Choices</a>
<a slot="footer-links" href="/apps">Apps</a>
<a slot="footer-links" href="/contact-us">Contact Us</a>
<a slot="footer-links" href="https://help.sparkk.tv">Help</a>
<a slot="footer-links" href="/blog">Newsroom</a>
<a slot="footer-links" href="/privacy-policy">Privacy Policy</a>
<a slot="footer-links" href="/sitemap">Sitemap</a>
<a slot="footer-links" href="/terms-of-use">Terms Of Use</a>
</div>
<div class="row justify-content-center">
<div class="footer-social mt-3 float-right">
<a href="https://facebook.com/sparkktv" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://www.twitter.com/sparkktv" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://instagram.com/sparkktv" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://youtube.com/WatchSparkkTV" target="_blank"><i class="fab fa-youtube"></i></a>
<a href="https://www.pinterest.com/sparkktv" target="_blank"><i class="fab fa-pinterest"></i></a>
</div></div></div></div></div>
</section>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
body a{color:#fff;}
.footer {background:#212125;padding:50px 0;color:#fff!important;}
.sparkkfooter .footer-social a {display:inline-block;font-size:30px;}
.sparkkfooter img{filter:drop-shadow(2px 2px 2px #212125);}
.sparkkfooter .footer-social a:not(:last-child){margin-right:20px;}
.sparkkfooter #footer-links.sgr > a:not(:last-child){margin-right:15px;}
.sparkkfooter #footer-links.sgr > a{font-size:1em;font-weight:300;white-space:nowrap;}
.sparkkfooter .copyright{font-size:14px;color:#fff;}
.sparkkfooter .fab{background:#2d2d32;padding:10px;border-radius:50px;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: