"Footer Uservoice Test"
Bootstrap 4.1.1 Snippet by sparkktv

<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>
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;}

Related: See More


Questions / Comments: