Footers
Component #1
<!-- ========== FOOTER ========== -->
<footer class="">
<div class="bg-gray-4000">
<div class="container px-md-5">
<div class="d-flex flex-wrap align-items-center pt-6 pb-3d border-bottom mb-7 border-gray-4100">
<a href="#" class="mb-4 mb-md-0 mr-auto">
<svg version="1.1" width="92" height="40px">
<g fill="#fff">
<path class="vodi-svg0" d="M72.8,12.7c0-2.7,0-1.8,0-4.4c0-0.9,0-1.8,0-2.8C73,3,74.7,1.4,77,1.4c2.3,0,4.1,1.8,4.2,4.2c0,1,0,2.1,0,3.1
c0,6.5,0,9.4,0,15.9c0,4.7-1.7,8.8-5.6,11.5c-4.5,3.1-9.3,3.5-14.1,0.9c-4.7-2.5-7.1-6.7-7-12.1c0.1-7.8,6.3-13.6,14.1-13.2
c0.7,0,1.4,0.2,2.1,0.3C71.3,12.2,72,12.4,72.8,12.7z M67.8,19.8c-2.9,0-5.2,2.2-5.2,5c0,2.9,2.3,5.3,5.2,5.3
c2.8,0,5.2-2.4,5.2-5.2C73,22.2,70.6,19.8,67.8,19.8z
M39.9,38.6c-7.3,0-13.3-6.1-13.3-13.5c0-7.5,5.9-13.4,13.4-13.4c7.5,0,13.4,6,13.4,13.5
C53.4,32.6,47.4,38.6,39.9,38.6z M39.9,30.6c3.2,0,5.6-2.3,5.6-5.6c0-3.2-2.3-5.5-5.5-5.5c-3.2,0-5.6,2.2-5.6,5.4
C34.4,28.2,36.7,30.6,39.9,30.6z
M14.6,27c0.6-1.4,1.1-2.6,1.6-3.8c1.2-2.9,2.5-5.8,3.7-8.8c0.7-1.7,2-2.8,4-2.7c3,0,4.9,2.6,3.8,5.4
c-0.5,1.3-1.2,2.6-1.8,3.9c-2.4,5-4.9,10-7.3,15c-0.8,1.6-2,2.6-3.9,2.6c-2,0-3.3-0.8-4.2-2.6c-2.7-5.6-5.3-11.1-8-16.7
c-0.3-0.7-0.6-1.3-0.9-2c-0.8-1.8-0.3-3.7,1.1-4.8c1.5-1.2,4-1.3,5.3,0c0.7,0.6,1.2,1.5,1.6,2.3C11.3,18.8,12.9,22.7,14.6,27z
M90.9,25.1c0,3.1,0,6.2,0,9.4c0,1.9-1.2,3.4-2.9,4c-1.7,0.5-3.5,0-4.5-1.6c-0.5-0.8-0.8-1.8-0.8-2.6
c-0.1-6.1-0.1-11.3,0-17.5c0-2.2,1.5-3.9,3.5-4.2c2.1-0.3,4.1,0.9,4.7,2.9c0.1,0.5,0.2,1.1,0.2,1.6C90.9,20,90.9,22.1,90.9,25.1
C90.9,25.1,90.9,25.1,90.9,25.1z
M90.2,4.7L86,2.3c-1.3-0.8-3,0.2-3,1.7v4.8c0,1.5,1.7,2.5,3,1.7l4.2-2.4C91.5,7.4,91.5,5.5,90.2,4.7z"></path>
</g>
</svg>
</a>
<ul class="list-unstyled mx-n3 mb-0 d-flex flex-wrap align-items-center">
<li class="px-3">
<a href="#" class="text-gray-1300 d-flex flex-wrap align-items-center"><i class="fab fa-facebook-f fa-inverse"></i> <span class="ml-2">Facebook</span></a>
</li>
<li class="px-3">
<a href="#" class="text-gray-1300 d-flex flex-wrap align-items-center"><i class="fab fa-twitter fa-inverse"></i> <span class="ml-2">Twitter</span></a>
</li>
<li class="px-3">
<a href="#" class="text-gray-1300 d-flex flex-wrap align-items-center"><i class="fab fa-google-plus-g fa-inverse"></i> <span class="ml-2">Google+</span></a>
</li>
<li class="px-3">
<a href="#" class="text-gray-1300 d-flex flex-wrap align-items-center"><i class="fab fa-vimeo-v fa-inverse"></i> <span class="ml-2">Vimeo</span></a>
</li>
<li class="px-3">
<a href="#" class="text-gray-1300 d-flex flex-wrap align-items-center"><i class="fas fa-rss fa-inverse"></i> <span class="ml-2">RSS</span></a>
</li>
</ul>
</div>
<div class="row pb-5">
<di class="col-md mb-5 mb-md-0">
<h4 class="font-size-18 font-weight-medium mb-4 text-gray-4200">Movie Categories</h4>
<ul class="column-count-2 v2 list-unstyled mb-0">
<li class="py-1d">
<a class="h-g-white" href="#">Action</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Adventure</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Animation</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Comedy</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Crime</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Drama</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Fantacy</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Horror</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Mystrey</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Romance</a>
</li>
</ul>
</di>
<div class="col-md mb-5 mb-md-0">
<h4 class="font-size-18 font-weight-medium mb-4 text-gray-4200">TV Series</h4>
<ul class="column-count-2 v2 list-unstyled mb-0">
<li class="py-1d">
<a class="h-g-white" href="#">Valentine Day</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Underrated Comedies</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Scary TV Series</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Best 2020 Documentaries</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Classic Shows</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Big TV Premieres</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Reality TV Shows</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Original Shows</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Suprise of the Year Shows</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Top 10 TV Shows</a>
</li>
</ul>
</div>
<di class="col-md-2 mb-5 mb-md-0 border-left border-gray-4100">
<div class="ml-1">
<h4 class="font-size-18 font-weight-medium mb-4 text-gray-4200">Support</h4>
<ul class="list-unstyled mb-0">
<li class="py-1d">
<a class="h-g-white" href="#">My Account</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">FAQ</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Watch on TV</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Help Center</a>
</li>
<li class="py-1d">
<a class="h-g-white" href="#">Contact</a>
</li>
</ul>
</div>
</di>
</div>
</div>
</div>
<div class="bg-gray-4300">
<div class="container px-md-5">
<div class="text-center d-md-flex flex-wrap align-items-center py-3">
<div class="font-size-13 text-gray-1300 mb-2 mb-md-0">Copyright © 2020, Vodi. All Rights Reserved</div>
<a href="#" class="font-size-13 h-g-white ml-md-auto">Privacy Policy</a>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER ========== -->
Component #2
<!-- ========== FOOTER ========== -->
<footer class="">
<div class="bg-gray-1500">
<div class="container px-md-5">
<div class="d-flex flex-wrap align-items-center pt-6 pb-3d border-bottom mb-7">
<a href="#" class="mb-4 mb-md-0 mr-auto">
<svg version="1.1" width="92" height="40px">
<g fill="#24baef">
<path class="vodi-svg0" d="M72.8,12.7c0-2.7,0-1.8,0-4.4c0-0.9,0-1.8,0-2.8C73,3,74.7,1.4,77,1.4c2.3,0,4.1,1.8,4.2,4.2c0,1,0,2.1,0,3.1
c0,6.5,0,9.4,0,15.9c0,4.7-1.7,8.8-5.6,11.5c-4.5,3.1-9.3,3.5-14.1,0.9c-4.7-2.5-7.1-6.7-7-12.1c0.1-7.8,6.3-13.6,14.1-13.2
c0.7,0,1.4,0.2,2.1,0.3C71.3,12.2,72,12.4,72.8,12.7z M67.8,19.8c-2.9,0-5.2,2.2-5.2,5c0,2.9,2.3,5.3,5.2,5.3
c2.8,0,5.2-2.4,5.2-5.2C73,22.2,70.6,19.8,67.8,19.8z
M39.9,38.6c-7.3,0-13.3-6.1-13.3-13.5c0-7.5,5.9-13.4,13.4-13.4c7.5,0,13.4,6,13.4,13.5
C53.4,32.6,47.4,38.6,39.9,38.6z M39.9,30.6c3.2,0,5.6-2.3,5.6-5.6c0-3.2-2.3-5.5-5.5-5.5c-3.2,0-5.6,2.2-5.6,5.4
C34.4,28.2,36.7,30.6,39.9,30.6z
M14.6,27c0.6-1.4,1.1-2.6,1.6-3.8c1.2-2.9,2.5-5.8,3.7-8.8c0.7-1.7,2-2.8,4-2.7c3,0,4.9,2.6,3.8,5.4
c-0.5,1.3-1.2,2.6-1.8,3.9c-2.4,5-4.9,10-7.3,15c-0.8,1.6-2,2.6-3.9,2.6c-2,0-3.3-0.8-4.2-2.6c-2.7-5.6-5.3-11.1-8-16.7
c-0.3-0.7-0.6-1.3-0.9-2c-0.8-1.8-0.3-3.7,1.1-4.8c1.5-1.2,4-1.3,5.3,0c0.7,0.6,1.2,1.5,1.6,2.3C11.3,18.8,12.9,22.7,14.6,27z
M90.9,25.1c0,3.1,0,6.2,0,9.4c0,1.9-1.2,3.4-2.9,4c-1.7,0.5-3.5,0-4.5-1.6c-0.5-0.8-0.8-1.8-0.8-2.6
c-0.1-6.1-0.1-11.3,0-17.5c0-2.2,1.5-3.9,3.5-4.2c2.1-0.3,4.1,0.9,4.7,2.9c0.1,0.5,0.2,1.1,0.2,1.6C90.9,20,90.9,22.1,90.9,25.1
C90.9,25.1,90.9,25.1,90.9,25.1z
M90.2,4.7L86,2.3c-1.3-0.8-3,0.2-3,1.7v4.8c0,1.5,1.7,2.5,3,1.7l4.2-2.4C91.5,7.4,91.5,5.5,90.2,4.7z"></path>
</g>
</svg>
</a>
<ul class="list-unstyled mx-n3 mb-0 d-flex flex-wrap align-items-center">
<li class="px-3">
<a href="#" class="text-gray-1300 d-flex flex-wrap align-items-center hover-s-color"><i class="fab fa-facebook-f text-gray-6200"></i> <span class="ml-2">Facebook</span></a>
</li>
<li class="px-3">
<a href="#" class="text-gray-1300 d-flex flex-wrap align-items-center hover-s-color"><i class="fab fa-twitter text-gray-6200"></i> <span class="ml-2">Twitter</span></a>
</li>
<li class="px-3">
<a href="#" class="text-gray-1300 d-flex flex-wrap align-items-center hover-s-color"><i class="fab fa-google-plus-g text-gray-6200"></i> <span class="ml-2">Google+</span></a>
</li>
<li class="px-3">
<a href="#" class="text-gray-1300 d-flex flex-wrap align-items-center hover-s-color"><i class="fab fa-vimeo-v text-gray-6200"></i> <span class="ml-2">Vimeo</span></a>
</li>
<li class="px-3">
<a href="#" class="text-gray-1300 d-flex flex-wrap align-items-center hover-s-color"><i class="fas fa-rss text-gray-6200"></i> <span class="ml-2">RSS</span></a>
</li>
</ul>
</div>
<div class="row pb-5 pb-lg-9">
<div class="col-md mb-5 mb-md-0">
<h4 class="font-size-18 font-weight-medium mb-4">Movie Categories</h4>
<ul class="column-count-2 v2 list-unstyled mb-0">
<li class="py-1d">
<a class="h-g-dark" href="#">Action</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Adventure</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Animation</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Comedy</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Crime</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Drama</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Fantacy</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Horror</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Mystrey</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Romance</a>
</li>
</ul>
</div>
<div class="col-md mb-5 mb-md-0">
<h4 class="font-size-18 font-weight-medium mb-4">TV Series</h4>
<ul class="column-count-2 v2 list-unstyled mb-0">
<li class="py-1d">
<a class="h-g-dark" href="#">Valentine Day</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Underrated Comedies</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Scary TV Series</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Best 2020 Documentaries</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Classic Shows</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Big TV Premieres</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Reality TV Shows</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Original Shows</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Suprise of the Year Shows</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Top 10 TV Shows</a>
</li>
</ul>
</div>
<div class="col-md-2 mb-5 mb-md-0 border-left">
<div class="ml-1">
<h4 class="font-size-18 font-weight-medium mb-4">Support</h4>
<ul class="list-unstyled mb-0">
<li class="py-1d">
<a class="h-g-dark" href="#">My Account</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">FAQ</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Watch on TV</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Help Center</a>
</li>
<li class="py-1d">
<a class="h-g-dark" href="#">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container px-md-5">
<div class="text-center d-md-flex flex-wrap align-items-center py-3">
<div class="font-size-13 mb-2 mb-md-0">Copyright © 2020, Vodi. All Rights Reserved</div>
<a href="#" class="font-size-13 h-g-dak ml-md-auto">Privacy Policy</a>
</div>
</div>
</footer>
<!-- ========== END FOOTER ========== -->
Component #3
<!-- ========== FOOTER ========== -->
<footer class="">
<div class="bg-blue-1 py-5 border-bottom border-gray-6300">
<div class="container px-md-6">
<ul class="list-unstyled row row-col-xl-10 mb-0 max-w-875rem mx-auto font-secondary overflow-auto overflow-lg-hidden flex-nowrap flex-lg-wrap">
<li class="col flex-shrink-0 flex-shrink-lg-1">
<a class="text-white" href="#">NHL</a>
</li>
<li class="col flex-shrink-0 flex-shrink-lg-1">
<a class="text-white" href="#">NFL</a>
</li>
<li class="col flex-shrink-0 flex-shrink-lg-1">
<a class="text-white" href="#">NBA</a>
</li>
<li class="col flex-shrink-0 flex-shrink-lg-1">
<a class="text-white" href="#">MLB</a>
</li>
<li class="col flex-shrink-0 flex-shrink-lg-1">
<a class="text-white" href="#">Cricket</a>
</li>
<li class="col flex-shrink-0 flex-shrink-lg-1">
<a class="text-white" href="#">Boxing</a>
</li>
<li class="col flex-shrink-0 flex-shrink-lg-1">
<a class="text-white" href="#">Tennis</a>
</li>
<li class="col flex-shrink-0 flex-shrink-lg-1">
<a class="text-white" href="#">MotoGP</a>
</li>
<li class="col flex-shrink-0 flex-shrink-lg-1">
<a class="text-white" href="#">Boxing</a>
</li>
<li class="col flex-shrink-0 flex-shrink-lg-1">
<a class="text-white" href="#">Soccer</a>
</li>
</ul>
</div>
</div>
<div class="bg-blue-1 py-5 pt-md-6 pb-md-7">
<div class="container px-md-6 my-md-1">
<div class="row">
<div class="col-lg-8">
<div class="mb-5 mb-lg-0">
<div class="d-md-flex align-items-center mb-4">
<div class="mb-4 mb-md-0">
<a href="#">
<svg class="v2" width="138" height="30px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 187.9 40" style="enable-background:new 0 0 187.9 40;" xml:space="preserve">
<style type="text/css">
.vodi-sports0{fill:#FFFFFF;}
.vodi-sports1{fill:#51C9F0;}
</style>
<g>
<path class="vodi-sports0" d="M72.8,12.7c0-2.7,0-1.8,0-4.4c0-0.9,0-1.8,0-2.8C73,3,74.7,1.4,77,1.4s4.1,1.8,4.2,4.2c0,1,0,2.1,0,3.1
c0,6.5,0,9.4,0,15.9c0,4.7-1.7,8.8-5.6,11.5c-4.5,3.1-9.3,3.5-14.1,0.9c-4.7-2.5-7.1-6.7-7-12.1c0.1-7.8,6.3-13.6,14.1-13.2
c0.7,0,1.4,0.2,2.1,0.3C71.3,12.2,72,12.4,72.8,12.7z M67.8,19.8c-2.9,0-5.2,2.2-5.2,5c0,2.9,2.3,5.3,5.2,5.3
c2.8,0,5.2-2.4,5.2-5.2C73,22.2,70.6,19.8,67.8,19.8z"></path>
<path class="vodi-sports0" d="M39.9,38.6c-7.3,0-13.3-6.1-13.3-13.5c0-7.5,5.9-13.4,13.4-13.4s13.4,6,13.4,13.5
C53.4,32.6,47.4,38.6,39.9,38.6z M39.9,30.6c3.2,0,5.6-2.3,5.6-5.6c0-3.2-2.3-5.5-5.5-5.5s-5.6,2.2-5.6,5.4
C34.4,28.2,36.7,30.6,39.9,30.6z"></path>
<path class="vodi-sports0" d="M14.6,27c0.6-1.4,1.1-2.6,1.6-3.8c1.2-2.9,2.5-5.8,3.7-8.8c0.7-1.7,2-2.8,4-2.7c3,0,4.9,2.6,3.8,5.4
c-0.5,1.3-1.2,2.6-1.8,3.9c-2.4,5-4.9,10-7.3,15c-0.8,1.6-2,2.6-3.9,2.6c-2,0-3.3-0.8-4.2-2.6c-2.7-5.6-5.3-11.1-8-16.7
c-0.3-0.7-0.6-1.3-0.9-2c-0.8-1.8-0.3-3.7,1.1-4.8c1.5-1.2,4-1.3,5.3,0c0.7,0.6,1.2,1.5,1.6,2.3C11.3,18.8,12.9,22.7,14.6,27z"></path>
<path class="vodi-sports0" d="M90.9,25.1c0,3.1,0,6.2,0,9.4c0,1.9-1.2,3.4-2.9,4c-1.7,0.5-3.5,0-4.5-1.6c-0.5-0.8-0.8-1.8-0.8-2.6
c-0.1-6.1-0.1-11.3,0-17.5c0-2.2,1.5-3.9,3.5-4.2c2.1-0.3,4.1,0.9,4.7,2.9c0.1,0.5,0.2,1.1,0.2,1.6C90.9,20,90.9,22.1,90.9,25.1
L90.9,25.1z"></path>
<path class="vodi-sports1" d="M90.2,4.7L86,2.3c-1.3-0.8-3,0.2-3,1.7v4.8c0,1.5,1.7,2.5,3,1.7l4.2-2.4C91.5,7.4,91.5,5.5,90.2,4.7z"></path>
</g>
<g>
<path class="vodi-sports0" d="M106.3,18.6c-0.7-0.9-2.4-1.7-4.7-1.7c-3.2,0-5.8,1.5-6,2.9c-0.2,1,2.4,1.3,4.6,1.5c1.8,0.2,3.7,0.4,5.2,1
c2.4,1,2.6,2.8,2.4,4.1c-0.5,2.9-4.4,5.2-8.7,5.2c-3.9,0-6.7-1.8-7-4.2c0.9-0.6,2-0.6,2.6,0.1c0.6,1,2.3,1.8,4.8,1.8
c3.3,0,5.8-1.5,6-2.9c0.4-2-2.1-2.4-5.9-2.9c-3.2-0.4-6.8-0.8-6.3-3.9c0.5-2.9,4.4-5.2,8.8-5.2c3.8,0,6.6,1.7,6.9,4
C108,19.4,106.9,19.4,106.3,18.6z"></path>
<path class="vodi-sports0" d="M117.3,31.8c-1.5,0-2.9-0.3-4-1c-1-0.6-1.2-2-0.4-3.1c0.1-0.1,0.1-0.2,0.3-0.3c1,1.3,2.6,2.1,4.6,2.1
c3.5,0,6.7-2.8,7.3-6.2c0.6-3.5-1.7-6.3-5.1-6.3c-4,0-7,2.4-7.7,6.3l-2.2,12.5c-0.2,1.2-1.4,2.2-2.7,2.2l2.6-14.7
c0.9-5.1,5.1-8.6,10.4-8.6c4.7,0,7.9,3.8,7.1,8.6C126.6,27.9,122.1,31.8,117.3,31.8z"></path>
<path class="vodi-sports0" d="M135.4,31.8c-5,0-8.4-3.8-7.6-8.5c0.8-4.7,5.6-8.6,10.6-8.6s8.4,3.9,7.6,8.6C145.2,27.9,140.5,31.8,135.4,31.8
z M138.1,17c-3.7,0-7.3,2.8-7.9,6.3c-0.6,3.4,1.9,6.2,5.7,6.2c3.7,0,7.3-2.8,7.9-6.2C144.3,19.8,141.8,17,138.1,17z"></path>
<path class="vodi-sports0" d="M156.4,17.5c-0.5-0.3-1.1-0.5-1.8-0.5c-2.1,0-4.2,1.7-4.5,3.9l-1.5,8.7c-0.2,1.2-1.4,2.2-2.6,2.2h-0.1
l1.9-10.9c0.6-3.4,3.9-6.2,7.3-6.2c1.9,0,3.5,0.9,4.4,2.3C158.6,17.8,157.3,18,156.4,17.5z"></path>
<path class="vodi-sports0" d="M163.7,31.8c-3.4,0-5.7-2.7-5.1-6.2l3.1-17.9h0.1c1.2,0,2.1,1,1.8,2.2l-0.8,4.7h5.2v0.1
c-0.2,1.2-1.4,2.2-2.7,2.2h-2.9l-1.5,8.6c-0.4,2.1,1,3.9,3.2,3.9c0.6,0,1.2-0.1,1.7-0.4c1.1-0.5,2.2-0.1,2.7,0.8
C167.2,31,165.4,31.8,163.7,31.8z"></path>
<path class="vodi-sports0" d="M183,18.6c-0.7-0.9-2.4-1.7-4.7-1.7c-3.2,0-5.8,1.5-6,2.9c-0.2,1,2.4,1.3,4.6,1.5c1.8,0.2,3.7,0.4,5.2,1
c2.4,1,2.6,2.8,2.4,4.1c-0.5,2.9-4.4,5.2-8.7,5.2c-3.9,0-6.7-1.8-7-4.2c0.9-0.6,2-0.6,2.6,0.1c0.6,1,2.3,1.8,4.8,1.8
c3.3,0,5.8-1.5,6-2.9c0.4-2-2.1-2.4-5.9-2.9c-3.2-0.4-6.8-0.8-6.3-3.9c0.5-2.9,4.4-5.2,8.8-5.2c3.8,0,6.6,1.7,6.9,4
C184.8,19.4,183.6,19.4,183,18.6z"></path>
</g>
</svg>
</a>
</div>
<ul class="list-unstyled mb-0 ml-md-6 d-flex flex-wrap align-items-center">
<li class="pr-3 mr-1">
<a href="#" class="h-g-white-1 d-flex flex-wrap align-items-center font-size-17"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="px-3 mx-1">
<a href="#" class="h-g-white-1 d-flex flex-wrap align-items-center font-size-17"><i class="fab fa-twitter"></i></a>
</li>
<li class="px-3 mx-1">
<a href="#" class="h-g-white-1 d-flex flex-wrap align-items-center font-size-17"><i class="fab fa-google-plus-g"></i> </a>
</li>
<li class="px-3 mx-1">
<a href="#" class="h-g-white-1 d-flex flex-wrap align-items-center font-size-17"><i class="fab fa-vimeo-v"></i></a>
</li>
<li class="px-3 mx-1">
<a href="#" class="h-g-white-1 d-flex flex-wrap align-items-center font-size-17"><i class="fas fa-rss"></i></a>
</li>
</ul>
</div>
<div class="mb-5">
<ul class="list-unstyled d-flex mb-0 mb-md-5 overflow-auto flex-nowrap flex-xl-wrap">
<li class="pr-3 flex-shrink-0">
<a href="#" class="hover-white">About Us</a>
</li>
<li class="px-3 flex-shrink-0">
<a href="#" class="hover-white">Advertise</a>
</li>
<li class="px-3 flex-shrink-0">
<a href="#" class="hover-white">Sports Jobs</a>
</li>
<li class="px-3 flex-shrink-0">
<a href="#" class="hover-white">Terms of Use</a>
</li>
<li class="px-3 flex-shrink-0">
<a href="#" class="hover-white">My Account</a>
</li>
<li class="px-3 flex-shrink-0">
<a href="#" class="hover-white">FAQ</a>
</li>
<li class="px-3 flex-shrink-0 mb-xl-5 mb-wd-0">
<a href="#" class="hover-white">Watch on TV</a>
</li>
<li class="px-3 pl-xl-0 flex-shrink-0">
<a href="#" class="hover-white">Help Center</a>
</li>
<li class="px-3 flex-shrink-0">
<a href="#" class="hover-white">Contact</a>
</li>
</ul>
</div>
<div class="font-size-13 text-gray-1300 mb-2 mb-md-1">Copyright © 2020, Vodi. All Rights Reserved</div>
<div>
<ul class="list-unstyled mb-0 d-md-flex">
<li class="pr-md-2">
<a href="#" class="font-size-13 h-g-white">Privacy Policy</a>
</li>
<li class="px-md-3">
<a href="#" class="font-size-13 h-g-white">Ad Choice</a>
</li>
<li class="px-md-3">
<a href="#" class="font-size-13 h-g-white">Terms of Use</a>
</li>
<li class="px-md-3">
<a href="#" class="font-size-13 h-g-white">Mobile</a>
</li>
<li class="px-md-3">
<a href="#" class="font-size-13 h-g-white">User Agreement</a>
</li>
<li class="pl-md-2">
<a href="#" class="font-size-13 h-g-white">Careers</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4">
<h6 class="text-white font-secondary font-size-26 font-weight-light text-lh-1">Watch Vodi. Anytime Anywhere</h6>
<p class="text-gray-1300 mb-5">Subscribe to our newsletter and get unique alerts.</p>
<div>
<button type="submit" class="btn btn-primary px-6 py-2 transition-3d-hover border-radius-sm font-size-15">
<span class="mx-1 font-weight-bold"> SIGN UP</span>
</button>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER ========== -->
Component #4
<!-- ========== FOOTER ========== -->
<footer class="">
<div class="bg-gray-6820">
<div class="container px-md-5">
<div class="row align-items-center space-top-1 pb-4">
<div class="col-lg-2 text-center text-lg-left">
<a href="#" class="mb-4 mb-lg-0">
<svg version="1.1" width="92" height="40px">
<g fill="#24baef">
<path class="vodi-svg0" d="M72.8,12.7c0-2.7,0-1.8,0-4.4c0-0.9,0-1.8,0-2.8C73,3,74.7,1.4,77,1.4c2.3,0,4.1,1.8,4.2,4.2c0,1,0,2.1,0,3.1
c0,6.5,0,9.4,0,15.9c0,4.7-1.7,8.8-5.6,11.5c-4.5,3.1-9.3,3.5-14.1,0.9c-4.7-2.5-7.1-6.7-7-12.1c0.1-7.8,6.3-13.6,14.1-13.2
c0.7,0,1.4,0.2,2.1,0.3C71.3,12.2,72,12.4,72.8,12.7z M67.8,19.8c-2.9,0-5.2,2.2-5.2,5c0,2.9,2.3,5.3,5.2,5.3
c2.8,0,5.2-2.4,5.2-5.2C73,22.2,70.6,19.8,67.8,19.8z
M39.9,38.6c-7.3,0-13.3-6.1-13.3-13.5c0-7.5,5.9-13.4,13.4-13.4c7.5,0,13.4,6,13.4,13.5
C53.4,32.6,47.4,38.6,39.9,38.6z M39.9,30.6c3.2,0,5.6-2.3,5.6-5.6c0-3.2-2.3-5.5-5.5-5.5c-3.2,0-5.6,2.2-5.6,5.4
C34.4,28.2,36.7,30.6,39.9,30.6z
M14.6,27c0.6-1.4,1.1-2.6,1.6-3.8c1.2-2.9,2.5-5.8,3.7-8.8c0.7-1.7,2-2.8,4-2.7c3,0,4.9,2.6,3.8,5.4
c-0.5,1.3-1.2,2.6-1.8,3.9c-2.4,5-4.9,10-7.3,15c-0.8,1.6-2,2.6-3.9,2.6c-2,0-3.3-0.8-4.2-2.6c-2.7-5.6-5.3-11.1-8-16.7
c-0.3-0.7-0.6-1.3-0.9-2c-0.8-1.8-0.3-3.7,1.1-4.8c1.5-1.2,4-1.3,5.3,0c0.7,0.6,1.2,1.5,1.6,2.3C11.3,18.8,12.9,22.7,14.6,27z
M90.9,25.1c0,3.1,0,6.2,0,9.4c0,1.9-1.2,3.4-2.9,4c-1.7,0.5-3.5,0-4.5-1.6c-0.5-0.8-0.8-1.8-0.8-2.6
c-0.1-6.1-0.1-11.3,0-17.5c0-2.2,1.5-3.9,3.5-4.2c2.1-0.3,4.1,0.9,4.7,2.9c0.1,0.5,0.2,1.1,0.2,1.6C90.9,20,90.9,22.1,90.9,25.1
C90.9,25.1,90.9,25.1,90.9,25.1z
M90.2,4.7L86,2.3c-1.3-0.8-3,0.2-3,1.7v4.8c0,1.5,1.7,2.5,3,1.7l4.2-2.4C91.5,7.4,91.5,5.5,90.2,4.7z"></path>
</g>
</svg>
</a>
</div>
<div class="col-lg-7 text-center my-4 my-lg-0">
<ul class="nav justify-content-xl-center align-items-center font-size-1 flex-nowrap flex-xl-wrap overflow-auto">
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-6600 pr-4" href="#">FAQ</a>
</li>
<span class="text-gray-6600">|</span>
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-6600 px-5" href="#">Privacy Policy</a>
</li>
<span class="text-gray-6600">|</span>
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-6600 px-5" href="#">Contact</a>
</li>
<span class="text-gray-6600">|</span>
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-6600 px-5" href="#">Cookies</a>
</li>
<span class="text-gray-6600">|</span>
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-6600 pl-4" href="#">Term of Service</a>
</li>
</ul>
</div>
<div class="col-lg-3 d-flex justify-content-center justify-content-lg-start">
<ul class="list-unstyled mx-n2 mb-0 d-flex flex-wrap align-items-center ml-lg-auto">
<li class="px-1">
<a href="#" class="btn bg-gray-6700 rounded-circle justify-content-center p-0 avatar avatar-sm d-flex flex-wrap align-items-center">
<i class="font-size-17 fab fa-facebook-f text-white"></i>
</a>
</li>
<li class="px-1">
<a href="#" class="btn bg-gray-6700 rounded-circle justify-content-center p-0 avatar avatar-sm d-flex flex-wrap align-items-center">
<i class="font-size-17 fab fa-twitter text-white"></i>
</a>
</li>
<li class="px-1">
<a href="#" class="btn bg-gray-6700 rounded-circle justify-content-center p-0 avatar avatar-sm d-flex flex-wrap align-items-center">
<i class="font-size-17 fab fa-youtube text-white"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="d-flex pb-5">
<p class="font-size-13 text-gray-6800 mx-auto mb-0">Copyright © 2020, Vodi. All Rights Reserved</p>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER ========== -->
Component #5
<!-- ========== FOOTER ========== -->
<footer class="">
<div class="bg-dark-1">
<div class="container px-md-5">
<div class="row align-items-center space-top-1 pb-4">
<div class="col-lg-2 text-center text-lg-left">
<a href="#" class="mb-4 mb-lg-0">
<svg version="1.1" width="92" height="40px">
<g fill="#fff">
<path class="vodi-svg0" d="M72.8,12.7c0-2.7,0-1.8,0-4.4c0-0.9,0-1.8,0-2.8C73,3,74.7,1.4,77,1.4c2.3,0,4.1,1.8,4.2,4.2c0,1,0,2.1,0,3.1
c0,6.5,0,9.4,0,15.9c0,4.7-1.7,8.8-5.6,11.5c-4.5,3.1-9.3,3.5-14.1,0.9c-4.7-2.5-7.1-6.7-7-12.1c0.1-7.8,6.3-13.6,14.1-13.2
c0.7,0,1.4,0.2,2.1,0.3C71.3,12.2,72,12.4,72.8,12.7z M67.8,19.8c-2.9,0-5.2,2.2-5.2,5c0,2.9,2.3,5.3,5.2,5.3
c2.8,0,5.2-2.4,5.2-5.2C73,22.2,70.6,19.8,67.8,19.8z
M39.9,38.6c-7.3,0-13.3-6.1-13.3-13.5c0-7.5,5.9-13.4,13.4-13.4c7.5,0,13.4,6,13.4,13.5
C53.4,32.6,47.4,38.6,39.9,38.6z M39.9,30.6c3.2,0,5.6-2.3,5.6-5.6c0-3.2-2.3-5.5-5.5-5.5c-3.2,0-5.6,2.2-5.6,5.4
C34.4,28.2,36.7,30.6,39.9,30.6z
M14.6,27c0.6-1.4,1.1-2.6,1.6-3.8c1.2-2.9,2.5-5.8,3.7-8.8c0.7-1.7,2-2.8,4-2.7c3,0,4.9,2.6,3.8,5.4
c-0.5,1.3-1.2,2.6-1.8,3.9c-2.4,5-4.9,10-7.3,15c-0.8,1.6-2,2.6-3.9,2.6c-2,0-3.3-0.8-4.2-2.6c-2.7-5.6-5.3-11.1-8-16.7
c-0.3-0.7-0.6-1.3-0.9-2c-0.8-1.8-0.3-3.7,1.1-4.8c1.5-1.2,4-1.3,5.3,0c0.7,0.6,1.2,1.5,1.6,2.3C11.3,18.8,12.9,22.7,14.6,27z
M90.9,25.1c0,3.1,0,6.2,0,9.4c0,1.9-1.2,3.4-2.9,4c-1.7,0.5-3.5,0-4.5-1.6c-0.5-0.8-0.8-1.8-0.8-2.6
c-0.1-6.1-0.1-11.3,0-17.5c0-2.2,1.5-3.9,3.5-4.2c2.1-0.3,4.1,0.9,4.7,2.9c0.1,0.5,0.2,1.1,0.2,1.6C90.9,20,90.9,22.1,90.9,25.1
C90.9,25.1,90.9,25.1,90.9,25.1z
M90.2,4.7L86,2.3c-1.3-0.8-3,0.2-3,1.7v4.8c0,1.5,1.7,2.5,3,1.7l4.2-2.4C91.5,7.4,91.5,5.5,90.2,4.7z"></path>
</g>
</svg>
</a>
</div>
<div class="col-lg-7 text-center my-4 my-lg-0">
<ul class="nav justify-content-xl-center align-items-center font-size-1 flex-nowrap flex-xl-wrap overflow-auto">
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-1300 pr-4" href="#">FAQ</a>
</li>
<span class="text-gray-1300">|</span>
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-1300 px-5" href="#">Privacy Policy</a>
</li>
<span class="text-gray-1300">|</span>
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-1300 px-5" href="#">Contact</a>
</li>
<span class="text-gray-1300">|</span>
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-1300 px-5" href="#">Cookies</a>
</li>
<span class="text-gray-1300">|</span>
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-1300 pl-4" href="#">Term of Service</a>
</li>
</ul>
</div>
<div class="col-lg-3 d-flex justify-content-center justify-content-lg-start">
<ul class="list-unstyled mx-n2 mb-0 d-flex flex-wrap align-items-center ml-lg-auto">
<li class="px-1">
<a href="#" class="btn btn-white rounded-circle justify-content-center p-0 avatar avatar-sm d-flex flex-wrap align-items-center">
<i class="font-size-17 fab fa-facebook-f"></i>
</a>
</li>
<li class="px-1">
<a href="#" class="btn btn-white rounded-circle justify-content-center p-0 avatar avatar-sm d-flex flex-wrap align-items-center">
<i class="font-size-17 fab fa-twitter"></i>
</a>
</li>
<li class="px-1">
<a href="#" class="btn btn-white rounded-circle justify-content-center p-0 avatar avatar-sm d-flex flex-wrap align-items-center">
<i class="font-size-17 fab fa-youtube"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="d-flex pb-5">
<p class="font-size-13 text-gray-6810 mx-auto mb-0">Copyright © 2020, Vodi. All Rights Reserved</p>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER ========== -->
Component #6
<!-- ========== FOOTER ========== -->
<footer class="">
<div class="bg-gray-4000 pt-6 pb-3">
<div class="container px-md-6 mt-lg-1">
<div class="d-lg-flex justify-content-between align-items-center mb-4 mb-md-6">
<div class="footer-logo mb-4 mb-lg-0 d-flex justify-content-center">
<a href="#" class="d-inline-block">
<svg width="210" height="30px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#fff" x="0px" y="0px" viewBox="0 0 229.6 40.2" style="enable-background: new 0 0 229.6 40.2;" xml:space="preserve">
<linearGradient id="vodi-gr1" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0" style="stop-color:#2A4999"></stop>
<stop offset="1" style="stop-color:#2C9CD4"></stop>
</linearGradient>
<g class="vodi-gr1">
<path class="vodi-stream0" d="M72.8,12.5c0-2.7,0-1.8,0-4.4c0-0.9,0-1.8,0-2.8C73,2.8,74.7,1.2,77,1.2s4.1,1.8,4.2,4.2c0,1,0,2.1,0,3.1
c0,6.5,0,9.4,0,15.9c0,4.7-1.7,8.8-5.6,11.5c-4.5,3.1-9.3,3.5-14.1,0.9c-4.7-2.5-7.1-6.7-7-12.1c0.1-7.8,6.3-13.6,14.1-13.2
c0.7,0,1.4,0.2,2.1,0.3C71.3,12,72,12.2,72.8,12.5z M67.8,19.6c-2.9,0-5.2,2.2-5.2,5c0,2.9,2.3,5.3,5.2,5.3c2.8,0,5.2-2.4,5.2-5.2
C73,22,70.6,19.6,67.8,19.6z"></path>
<path class="vodi-stream0" d="M39.9,38.4c-7.3,0-13.3-6.1-13.3-13.5c0-7.5,5.9-13.4,13.4-13.4s13.4,6,13.4,13.5
C53.4,32.4,47.4,38.4,39.9,38.4z M39.9,30.4c3.2,0,5.6-2.3,5.6-5.6c0-3.2-2.3-5.5-5.5-5.5s-5.6,2.2-5.6,5.4
C34.4,28,36.7,30.4,39.9,30.4z"></path>
<path class="vodi-stream0" d="M14.6,26.8c0.6-1.4,1.1-2.6,1.6-3.8c1.2-2.9,2.5-5.8,3.7-8.8c0.7-1.7,2-2.8,4-2.7c3,0,4.9,2.6,3.8,5.4
c-0.5,1.3-1.2,2.6-1.8,3.9c-2.4,5-4.9,10-7.3,15c-0.8,1.6-2,2.6-3.9,2.6c-2,0-3.3-0.8-4.2-2.6c-2.7-5.6-5.3-11.1-8-16.7
c-0.3-0.7-0.6-1.3-0.9-2c-0.8-1.8-0.3-3.7,1.1-4.8c1.5-1.2,4-1.3,5.3,0c0.7,0.6,1.2,1.5,1.6,2.3C11.3,18.6,12.9,22.5,14.6,26.8z"></path>
<path class="vodi-stream0" d="M90.9,24.9c0,3.1,0,6.2,0,9.4c0,1.9-1.2,3.4-2.9,4c-1.7,0.5-3.5,0-4.5-1.6c-0.5-0.8-0.8-1.8-0.8-2.6
c-0.1-6.1-0.1-11.3,0-17.5c0-2.2,1.5-3.9,3.5-4.2c2.1-0.3,4.1,0.9,4.7,2.9c0.1,0.5,0.2,1.1,0.2,1.6C90.9,19.8,90.9,21.9,90.9,24.9
L90.9,24.9z"></path>
<path class="vodi-stream1" fill="#24baef" d="M90.2,4.5L86,2.1c-1.3-0.8-3,0.2-3,1.7v4.8c0,1.5,1.7,2.5,3,1.7l4.2-2.4C91.5,7.2,91.5,5.3,90.2,4.5z"></path>
</g>
<g class="vodi-gr1">
<path class="vodi-stream0" d="M112.9,19.6c-1-1.2-3.3-2.3-6.5-2.3c-4.5,0-8.1,2.1-8.4,4c-0.2,1.4,3.3,1.8,6.5,2.1c2.6,0.3,5.2,0.6,7.2,1.5
c3.3,1.4,3.6,3.9,3.3,5.8c-0.7,4-6.1,7.2-12.2,7.2c-5.4,0-9.4-2.5-9.7-5.9c1.3-0.9,2.8-0.8,3.7,0.2c0.8,1.3,3.2,2.5,6.6,2.5
c4.5,0,8-2.1,8.4-4c0.5-2.8-3-3.4-8.2-4c-4.5-0.5-9.5-1-8.8-5.3c0.8-4.1,6.1-7.2,12.2-7.2c5.2,0,9.1,2.4,9.6,5.6
C115.3,20.7,113.7,20.7,112.9,19.6z"></path>
<path class="vodi-stream0" d="M124,37.9c-4.8,0-7.9-3.8-7-8.6l4.3-24.8h0.1c1.7,0,2.8,1.4,2.5,3.1l-1.2,6.6h7.2v0.1c-0.3,1.7-2,3.1-3.7,3.1
h-4.1l-2.1,12c-0.5,3,1.5,5.4,4.4,5.4c0.8,0,1.6-0.2,2.4-0.5c1.5-0.7,3.1-0.2,3.7,1C128.8,36.9,126.4,37.9,124,37.9z"></path>
<path class="vodi-stream0" d="M145.1,18c-0.7-0.4-1.5-0.7-2.5-0.7c-3,0-5.8,2.4-6.3,5.4l-2.1,12.2c-0.3,1.7-2,3-3.7,3h-0.1l2.7-15.2
c0.9-4.7,5.4-8.6,10.1-8.6c2.7,0,4.9,1.3,6.1,3.3C148.1,18.5,146.3,18.8,145.1,18z"></path>
<path class="vodi-stream0" d="M167,27.6c-4.2,0-15.6,0-18,0c0.1,4,3.2,7.1,7.7,7.1c2.4,0,4.7-0.8,6.6-2.2c1.4-1.2,3.3-1.2,4.5-0.2
c-2.8,3.5-7.2,5.7-11.6,5.7c-6.8,0-11.4-5.3-10.2-11.9c1.1-6.6,7.6-11.9,14.4-11.9c6.3,0,10.8,4.6,10.4,10.5
C170.6,26.3,168.7,27.6,167,27.6z M159.8,17.3c-4.5,0-8.7,3.1-10.2,7.1h17.2c0.3,0,0.7-0.2,0.7-0.5C167.1,20.1,164,17.3,159.8,17.3
z"></path>
<path class="vodi-stream0" d="M192.8,37.9c-1.8,0-3-1.4-2.6-3.1l1.5-8.8c1-5.4-2-8.7-7.6-8.7c-4.8,0-9.4,3.9-10.2,8.7
c-0.9,4.8,2.3,8.7,7.2,8.7c2.7,0,5.3-1.1,7.4-3c0,0.2,0.1,0.3,0.2,0.5c0.5,1.5-0.4,3.5-2.1,4.3c-2,0.9-4,1.4-6.1,1.4
c-6.6,0-11-5.3-9.8-11.9c1.1-6.6,7.4-11.9,14-11.9c7.3,0,11.5,4.8,10.2,11.9L192.8,37.9z"></path>
<path class="vodi-stream0" d="M226.2,37.9c-1.8,0-3-1.4-2.7-3.2l2.2-12c0.5-2.9-1.5-5.4-4.5-5.4s-5.8,2.4-6.3,5.4l-2.7,15.2
c-1.8,0-3-1.5-2.6-3.2l2.1-12c0.5-2.9-1.5-5.4-4.5-5.4c-3,0-5.8,2.4-6.3,5.4l-2.1,12c-0.4,1.8-2,3.2-3.8,3.2l2.7-15.2
c0.9-4.7,5.4-8.6,10.1-8.6c2.9,0,5.2,1.4,6.3,3.6c2-2.2,4.8-3.6,7.6-3.6c4.8,0,7.9,3.9,7.1,8.6L226.2,37.9z"></path>
</g>
</svg>
</a>
</div>
<ul class="list-unstyled mb-0 d-flex flex-nowrap align-items-center justify-content-md-center flex-md-wrap overflow-auto justify-content-lg-start overflow-md-hidden">
<li class="px-3 flex-shrink-0">
<a href="#" class="text-gray-1300 d-flex flex-wrap align-items-center"><i class="fab fa-facebook-f font-size-16 text-gray-4200"></i> <span class="ml-2 font-size-15">Facebook</span></a>
</li>
<li class="px-3 flex-shrink-0">
<a href="#" class="text-gray-1300 d-flex flex-wrap align-items-center"><i class="fab fa-twitter font-size-16 text-gray-4200"></i> <span class="ml-2 font-size-15">Twitter</span></a>
</li>
<li class="px-3 flex-shrink-0">
<a href="#" class="text-gray-1300 d-flex flex-wrap align-items-center"><i class="fab fa-google-plus-g font-size-16 text-gray-4200"></i> <span class="ml-2 font-size-15">Google+</span></a>
</li>
<li class="px-3 flex-shrink-0">
<a href="#" class="text-gray-1300 d-flex flex-wrap align-items-center"><i class="fab fa-vimeo-v font-size-16 text-gray-4200"></i> <span class="ml-2 font-size-15">Vimeo</span></a>
</li>
<li class="px-3 flex-shrink-0">
<a href="#" class="text-gray-1300 d-flex flex-wrap align-items-center"><i class="fas fa-rss font-size-16 text-gray-4200"></i> <span class="ml-2 font-size-15">RSS</span></a>
</li>
</ul>
</div>
<div class="text-center d-md-flex flex-wrap align-items-center">
<div class="font-size-13 text-gray-1300 mb-2 mb-md-0">Copyright © 2020, Vodi. All Rights Reserved</div>
<a href="#" class="font-size-13 h-g-white ml-md-auto">Privacy Policy</a>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER ========== -->
Component #7
<!-- ========== FOOTER ========== -->
<footer class="">
<div class="bg-gray-6820">
<div class="container px-md-5">
<div class="row align-items-center space-top-1 pb-4">
<div class="col-lg-2 text-center text-lg-left">
<a href="#" class="mb-4 mb-lg-0">
<svg version="1.1" width="92" height="40px">
<g fill="#24baef">
<path class="vodi-svg0" d="M72.8,12.7c0-2.7,0-1.8,0-4.4c0-0.9,0-1.8,0-2.8C73,3,74.7,1.4,77,1.4c2.3,0,4.1,1.8,4.2,4.2c0,1,0,2.1,0,3.1
c0,6.5,0,9.4,0,15.9c0,4.7-1.7,8.8-5.6,11.5c-4.5,3.1-9.3,3.5-14.1,0.9c-4.7-2.5-7.1-6.7-7-12.1c0.1-7.8,6.3-13.6,14.1-13.2
c0.7,0,1.4,0.2,2.1,0.3C71.3,12.2,72,12.4,72.8,12.7z M67.8,19.8c-2.9,0-5.2,2.2-5.2,5c0,2.9,2.3,5.3,5.2,5.3
c2.8,0,5.2-2.4,5.2-5.2C73,22.2,70.6,19.8,67.8,19.8z
M39.9,38.6c-7.3,0-13.3-6.1-13.3-13.5c0-7.5,5.9-13.4,13.4-13.4c7.5,0,13.4,6,13.4,13.5
C53.4,32.6,47.4,38.6,39.9,38.6z M39.9,30.6c3.2,0,5.6-2.3,5.6-5.6c0-3.2-2.3-5.5-5.5-5.5c-3.2,0-5.6,2.2-5.6,5.4
C34.4,28.2,36.7,30.6,39.9,30.6z
M14.6,27c0.6-1.4,1.1-2.6,1.6-3.8c1.2-2.9,2.5-5.8,3.7-8.8c0.7-1.7,2-2.8,4-2.7c3,0,4.9,2.6,3.8,5.4
c-0.5,1.3-1.2,2.6-1.8,3.9c-2.4,5-4.9,10-7.3,15c-0.8,1.6-2,2.6-3.9,2.6c-2,0-3.3-0.8-4.2-2.6c-2.7-5.6-5.3-11.1-8-16.7
c-0.3-0.7-0.6-1.3-0.9-2c-0.8-1.8-0.3-3.7,1.1-4.8c1.5-1.2,4-1.3,5.3,0c0.7,0.6,1.2,1.5,1.6,2.3C11.3,18.8,12.9,22.7,14.6,27z
M90.9,25.1c0,3.1,0,6.2,0,9.4c0,1.9-1.2,3.4-2.9,4c-1.7,0.5-3.5,0-4.5-1.6c-0.5-0.8-0.8-1.8-0.8-2.6
c-0.1-6.1-0.1-11.3,0-17.5c0-2.2,1.5-3.9,3.5-4.2c2.1-0.3,4.1,0.9,4.7,2.9c0.1,0.5,0.2,1.1,0.2,1.6C90.9,20,90.9,22.1,90.9,25.1
C90.9,25.1,90.9,25.1,90.9,25.1z
M90.2,4.7L86,2.3c-1.3-0.8-3,0.2-3,1.7v4.8c0,1.5,1.7,2.5,3,1.7l4.2-2.4C91.5,7.4,91.5,5.5,90.2,4.7z"></path>
</g>
</svg>
</a>
</div>
<div class="col-lg-6 col-xl-7 text-center my-4 my-lg-0">
<ul class="nav justify-content-xl-center align-items-center font-size-1 flex-nowrap flex-xl-wrap overflow-auto">
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-6600 pr-4" href="#">FAQ</a>
</li>
<span class="text-gray-6600">|</span>
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-6600 px-5" href="#">Privacy Policy</a>
</li>
<span class="text-gray-6600">|</span>
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-6600 px-5" href="#">Contact</a>
</li>
<span class="text-gray-6600">|</span>
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-6600 px-5" href="#">Cookies</a>
</li>
<span class="text-gray-6600">|</span>
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-6600 pl-4" href="#">Term of Service</a>
</li>
</ul>
</div>
<div class="col-lg-4 col-xl-3 d-flex justify-content-center justify-content-lg-start">
<ul class="list-unstyled mx-n2 mb-0 d-flex flex-wrap align-items-center ml-lg-auto">
<li class="px-1">
<a href="#" class="btn bg-gray-6700 rounded-circle justify-content-center p-0 avatar avatar-sm d-flex flex-wrap align-items-center">
<i class="font-size-17 fab fa-facebook-f text-white"></i>
</a>
</li>
<li class="px-1">
<a href="#" class="btn bg-gray-6700 rounded-circle justify-content-center p-0 avatar avatar-sm d-flex flex-wrap align-items-center">
<i class="font-size-17 fab fa-twitter text-white"></i>
</a>
</li>
<li class="px-1">
<a href="#" class="btn bg-gray-6700 rounded-circle justify-content-center p-0 avatar avatar-sm d-flex flex-wrap align-items-center">
<i class="font-size-17 fab fa-youtube text-white"></i>
</a>
</li>
<li class="px-1">
<a href="#" class="btn bg-gray-6700 rounded-circle justify-content-center p-0 avatar avatar-sm d-flex flex-wrap align-items-center">
<i class="font-size-17 fas fa-globe text-white"></i>
</a>
</li>
<li class="px-1">
<a href="#" class="btn bg-gray-6700 rounded-circle justify-content-center p-0 avatar avatar-sm d-flex flex-wrap align-items-center">
<i class="font-size-17 fas fa-rss text-white"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="d-flex pb-5">
<p class="font-size-13 text-gray-6800 mx-auto mb-0">Copyright © 2020, Vodi. All Rights Reserved</p>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER ========== -->
Component #8
<!-- ========== FOOTER ========== -->
<footer class="">
<div class="bg-dark-1">
<div class="container px-md-5">
<div class="row align-items-center space-top-1 pb-4">
<div class="col-lg-2 text-center text-lg-left">
<a href="#" class="mb-4 mb-lg-0">
<svg version="1.1" width="92" height="40px">
<g fill="#fff">
<path class="vodi-svg0" d="M72.8,12.7c0-2.7,0-1.8,0-4.4c0-0.9,0-1.8,0-2.8C73,3,74.7,1.4,77,1.4c2.3,0,4.1,1.8,4.2,4.2c0,1,0,2.1,0,3.1
c0,6.5,0,9.4,0,15.9c0,4.7-1.7,8.8-5.6,11.5c-4.5,3.1-9.3,3.5-14.1,0.9c-4.7-2.5-7.1-6.7-7-12.1c0.1-7.8,6.3-13.6,14.1-13.2
c0.7,0,1.4,0.2,2.1,0.3C71.3,12.2,72,12.4,72.8,12.7z M67.8,19.8c-2.9,0-5.2,2.2-5.2,5c0,2.9,2.3,5.3,5.2,5.3
c2.8,0,5.2-2.4,5.2-5.2C73,22.2,70.6,19.8,67.8,19.8z
M39.9,38.6c-7.3,0-13.3-6.1-13.3-13.5c0-7.5,5.9-13.4,13.4-13.4c7.5,0,13.4,6,13.4,13.5
C53.4,32.6,47.4,38.6,39.9,38.6z M39.9,30.6c3.2,0,5.6-2.3,5.6-5.6c0-3.2-2.3-5.5-5.5-5.5c-3.2,0-5.6,2.2-5.6,5.4
C34.4,28.2,36.7,30.6,39.9,30.6z
M14.6,27c0.6-1.4,1.1-2.6,1.6-3.8c1.2-2.9,2.5-5.8,3.7-8.8c0.7-1.7,2-2.8,4-2.7c3,0,4.9,2.6,3.8,5.4
c-0.5,1.3-1.2,2.6-1.8,3.9c-2.4,5-4.9,10-7.3,15c-0.8,1.6-2,2.6-3.9,2.6c-2,0-3.3-0.8-4.2-2.6c-2.7-5.6-5.3-11.1-8-16.7
c-0.3-0.7-0.6-1.3-0.9-2c-0.8-1.8-0.3-3.7,1.1-4.8c1.5-1.2,4-1.3,5.3,0c0.7,0.6,1.2,1.5,1.6,2.3C11.3,18.8,12.9,22.7,14.6,27z
M90.9,25.1c0,3.1,0,6.2,0,9.4c0,1.9-1.2,3.4-2.9,4c-1.7,0.5-3.5,0-4.5-1.6c-0.5-0.8-0.8-1.8-0.8-2.6
c-0.1-6.1-0.1-11.3,0-17.5c0-2.2,1.5-3.9,3.5-4.2c2.1-0.3,4.1,0.9,4.7,2.9c0.1,0.5,0.2,1.1,0.2,1.6C90.9,20,90.9,22.1,90.9,25.1
C90.9,25.1,90.9,25.1,90.9,25.1z
M90.2,4.7L86,2.3c-1.3-0.8-3,0.2-3,1.7v4.8c0,1.5,1.7,2.5,3,1.7l4.2-2.4C91.5,7.4,91.5,5.5,90.2,4.7z"></path>
</g>
</svg>
</a>
</div>
<div class="col-lg-6 col-xl-7 text-center my-4 my-lg-0">
<ul class="nav justify-content-xl-center align-items-center font-size-1 flex-nowrap flex-xl-wrap overflow-auto">
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-1300 pr-4" href="#">FAQ</a>
</li>
<span class="text-gray-1300">|</span>
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-1300 px-5" href="#">Privacy Policy</a>
</li>
<span class="text-gray-1300">|</span>
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-1300 px-5" href="#">Contact</a>
</li>
<span class="text-gray-1300">|</span>
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-1300 px-5" href="#">Cookies</a>
</li>
<span class="text-gray-1300">|</span>
<li class="nav-item flex-shrink-0">
<a class="nav-link text-gray-1300 pl-4" href="#">Term of Service</a>
</li>
</ul>
</div>
<div class="col-lg-4 col-xl-3 d-flex justify-content-center justify-content-lg-start">
<ul class="list-unstyled mx-n2 mb-0 d-flex flex-wrap align-items-center ml-lg-auto">
<li class="px-1">
<a href="#" class="btn btn-white rounded-circle justify-content-center p-0 avatar avatar-sm d-flex flex-wrap align-items-center">
<i class="font-size-17 fab fa-facebook-f"></i>
</a>
</li>
<li class="px-1">
<a href="#" class="btn btn-white rounded-circle justify-content-center p-0 avatar avatar-sm d-flex flex-wrap align-items-center">
<i class="font-size-17 fab fa-twitter"></i>
</a>
</li>
<li class="px-1">
<a href="#" class="btn btn-white rounded-circle justify-content-center p-0 avatar avatar-sm d-flex flex-wrap align-items-center">
<i class="font-size-17 fab fa-youtube"></i>
</a>
</li>
<li class="px-1">
<a href="#" class="btn btn-white rounded-circle justify-content-center p-0 avatar avatar-sm d-flex flex-wrap align-items-center">
<i class="font-size-17 fas fa-globe"></i>
</a>
</li>
<li class="px-1">
<a href="#" class="btn btn-white rounded-circle justify-content-center p-0 avatar avatar-sm d-flex flex-wrap align-items-center">
<i class="font-size-17 fas fa-rss"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="d-flex pb-5">
<p class="font-size-13 text-gray-6810 mx-auto mb-0">Copyright © 2020, Vodi. All Rights Reserved</p>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER ========== -->