"Footer 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
37
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
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;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: