"Footer 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> <link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800" rel="stylesheet"> <div class="sparkkfooter pt-5 pb-5"> <div class="container pt-5 pb-5"> <div class="row"> <div class="col-md-3"><img style="max-width:10%;min-width: 150px;opacity: 0.7;" src="/images/logotv.png"></div> <div class="col-md-3 footer-links"> <p><a href="/about-us">About Us</a></p> <p><a href="https://help.sparkk.tv">Help</a></p> <p><a href="/contact-us">Contact Us</a></p> </div> <div class="col-md-3 footer-links"> <p><a href="/newsroom">Newsroom</a></p> <p><a href="/apps">Apps</a></p> <p><a href="/sitemap">Sitemap</a></p> </div> <div class="col-md-3 footer-links d-none d-md-block"> <p><a href="/shows">Shows</a></p> <p><a href="/movies">Movies</a></p> <p><a href="/weekly-t10">Weekly T-10</a></p> </div></div> <div class="row mt-5"> <div class="col-md-7 legal-footer"> <span class="copyright"><b>Copyright © {year} Sparkk TV</b></span> <span class="legal-links ml-3"> <a href="/cookie-policy">Ads & Cookies</a> <a href="/privacy-policy">Privacy Policy</a> <a href="/terms-of-use">Terms Of Use</a></span> </div> <div class="col-md-5"> <span class="social-links 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> </span></div></div></div></div>
body{background:#212125;font-family:'Poppins', sans-serif;} body a{color:#fff;} .sparkkfooter img{filter:drop-shadow(2px 2px 2px #212125);} .sparkkfooter{background-color: rgba(0, 0, 0, 0.2);color: #fff;} .social-links .fab{font-size:25px;} .social-links > a:not(:last-child){margin-right:20px;} .legal-links a:not(:last-child){margin-right:20px;} .footer-links {font-size:14px;} .footer-links a {display:block;margin-bottom:26px;font-weight:600;color:#fff;text-decoration:none;text-transform:uppercase;cursor:pointer;} .footer-links a:hover{color:#90908f;} .legal-links a{color:#90908f;text-decoration:underline;} .legal-footer{font-size:12px;letter-spacing:0.5px;}

Related: See More


Questions / Comments: