Use .footer-light & .footer-dark classes to switch background settings
© 2017 Geniux
All Right Reserved
<!-- Start footer 1 -->
<footer class="footer footer-dark">
<div class="container">
<div class="row text-center">
<div class="col-sm-12">
<h3 class="footer-brand f-w-300 m-b-20"><span>Geniux</span></h3>
<p>© 2017 Geniux<br>All Right Reserved</p>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</footer>
<!--/ End footer 1 --><!-- Start footer 2 -->
<footer class="footer footer-dark">
<div class="container">
<div class="row text-center">
<div class="col-sm-12">
<h3 class="footer-brand m-b-20"><span>Geniux</span></h3>
<div class="footer-social m-b-20">
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
</div>
<p>© 2017 Geniux | All Right Reserved</p>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</footer>
<!--/ End footer 2 --><!-- Start footer 3 -->
<footer class="footer-3 footer-light">
<div class="container">
<div class="row">
<div class="col-sm-6 col-xs-12 xs-no-float pull-left m-t-5 m-b-5">
<p>© 2017 Geniux | All right reserved</p>
</div>
<div class="col-sm-6 col-xs-12">
<div class="footer-social pull-right xs-no-float">
<a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</footer>
<!--/ End footer 3 --><!-- Start footer 4 -->
<footer class="footer-4 footer-dark p-t-30 p-b-0">
<div class="container">
<div class="row m-b-10 text-left">
<div class="col-sm-4 col-xs-12">
<h3 class="footer-brand f-w-400"><span>Geniux</span></h3>
</div>
<div class="col-sm-4 text-center">
<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#careers">Careers</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="col-sm-4 col-xs-12">
<div class="footer-social pull-right xs-no-float m-b-5">
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>
</div>
</div><!-- /.row -->
<hr class="hidden-xs">
<div class="row footer-copy p-b-20">
<div class="col-sm-12 f-s-12">
© 2017 Geniux. All Right Reserved</span>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</footer>
<!--/ End footer 4 --><!-- Start footer 5 -->
<footer class="footer-5 footer-dark">
<div class="container">
<div class="row text-center">
<div class="col-sm-12">
<h4 class="footer-brand f-s-20 f-w-500 m-b-10"><span>Geniux</span></h4>
<p>+44 234 234 634<br>info@geniux.com<br>105 Kings Road - 00534<br>London - UK</p>
</div>
<div class="col-sm-12 m-t-15">
<div class="footer-social">
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
</div>
</div>
<div class="col-sm-12">
<hr>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#news">News</a></li>
<li><a href="#careers">Careers</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div><!-- /.row -->
<div class="row footer-copy">
<div class="col-sm-12 f-s-12">
© 2017 Geniux</span>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</footer>
<!--/ End footer 5 -->+44 234 234 634
info@geniux.com
105 Kings Road - 00534
London - UK
(212) 234 5678
info@geniux.com
343 Riverside Drive - 10023
NY - USA
<!-- Start footer 6 -->
<footer class="footer-6 footer-light">
<div class="container">
<div class="row">
<div class="col-sm-4 col-xs-6">
<h3>London</h3>
<p>+44 234 234 634<br>info@geniux.com<br>105 Kings Road - 00534<br>London - UK</p>
</div>
<div class="col-sm-4 col-xs-6">
<h3>New York</h3>
<p>(212) 234 5678<br>info@geniux.com<br>343 Riverside Drive - 10023<br>NY - USA</p>
</div>
<div class="col-sm-4 text-right">
<h3 class="hidden-xs"><a href="#">Contact Us</a><br><a href="#">Careers</a></h3>
</div>
</div><!-- /.row -->
<hr>
<div class="row">
<div class="col-sm-6 col-xs-12 pull-left m-t-5">
<p>© 2017 Geniux | All right reserved</p>
</div>
<div class="col-sm-6 hidden-xs">
<div class="footer-social pull-right">
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</footer>
<!--/ End footer 6 -->+44 234 234 634
info@geniux.com
105 Kings Road - 00534
London - UK
(212) 234 5678
info@geniux.com
343 Riverside Drive - 10023
NY - USA
© 2017 Geniux | All right reserved
<!-- Start footer 7 -->
<footer class="footer-7 footer-dark">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="title-line-right title-double-right">
<h3 class="footer-brand f-w-500"><span>Geniux</span></h3>
</div>
</div>
<div class="col-sm-4 col-xs-6">
<h3>London</h3>
<p>+44 234 234 634<br>info@geniux.com<br>105 Kings Road - 00534<br>London - UK</p>
</div>
<div class="col-sm-4 col-xs-6">
<h3>New York</h3>
<p>(212) 234 5678<br>info@geniux.com<br>343 Riverside Drive - 10023<br>NY - USA</p>
</div>
<div class="col-sm-4 text-right">
<h3 class="hidden-xs"><a href="#">Contact Us</a><br><a href="#">Careers</a></h3>
</div>
</div><!-- /.row -->
<div class="row text-center">
<div class="col-sm-12 m-t-25">
<div class="copyright">
<p>© 2017 Geniux | All right reserved</p>
<!-- Start language popover -->
<div class="language-switch">
<i class="fa fa-globe m-r-5" aria-hidden="true"></i>
<a tabindex="0" role="button" data-toggle="popover" data-trigger="focus" data-html="true" data-placement="top" data-content="
<ul class='language-option'>
<li><a href='#'>Deutsch</a></li>
<li><a href='#'>Espanol</a></li>
<li><a href='#'>Francais</a></li>
<li><a href='#'>Dansk</a></li>
<li><a href='#'>Finland</a></li>
</ul>" data-original-title="" title="">English (US)
<i class="fa fa-chevron-up" aria-hidden="true"></i>
</a>
</div> <!--/ .language -->
<!-- End language popover -->
</div> <!--/ .copyright -->
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</footer>
<!--/ End footer 7 --><!-- Start footer 8 -->
<footer class="footer-8 footer-dark">
<div class="container">
<div class="row">
<div class="col-sm-4 col-xs-12">
<p>GENIUX<br>105 Kings Road - 00534<br>London - UK</p>
</div>
<div class="col-sm-4 col-xs-12">
<div class="footer-social text-center">
<a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>
</div>
<div class="col-sm-4 col-xs-12 footer-brand f-w-500 hidden-xs"><span>GENIUX</span></div>
</div><!-- /.row -->
</div><!-- /.container -->
</footer>
<!--/ End footer 8 -->Copyright © Geniux
Geniux Multipurpose Theme
<!-- Start footer 9 -->
<footer class="footer-9 footer-light">
<div class="container">
<div class="row">
<div class="col-sm-3 col-xs-4">
<h3>Products</h3>
<ul class="list-unstyled">
<li><a href="#">Business</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">App Showcase</a></li>
</ul>
</div>
<div class="col-sm-3 col-xs-4">
<h3>Company</h3>
<ul class="list-unstyled">
<li><a href="#">About Us</a></li>
<li><a href="#">Product Info</a></li>
<li><a href="#">Jobs</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="col-sm-3 col-xs-4">
<h3>Website</h3>
<ul class="list-unstyled">
<li><a href="#">Therms of Use</a></li>
<li><a href="#">Privacy Policy </a></li>
<li><a href="#">Site Map</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div class="col-sm-3 col-xs-12">
<h3 class="footer-brand f-w-400"><span>Geniux</span></h3>
<p>Copyright © Geniux<br>Geniux Multipurpose Theme</p>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</footer>
<!--/ End footer 9 -->Powerful, Flexible & Block based.
Truly multipurpose & smartly coded.
© 2017 Geniux | All right reserved
<!-- Start footer 10 -->
<footer class="footer-10 footer-dark">
<div class="container">
<div class="row">
<div class="col-sm-3 hidden-xs">
<h3 class="footer-brand f-s-25 f-w-400 m-b-0"><span>Geniux</span></h3>
<p>Powerful, Flexible & Block based.<br>Truly multipurpose & smartly coded.</p>
<div class="copyright">
<p class="f-s-13">© 2017 Geniux | All right reserved</p>
</div>
</div>
<div class="col-sm-3 col-xs-4">
<h3>Product</h3>
<ul class="list-unstyled">
<li><a href="#">Business</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">App Showcase</a></li>
</ul>
</div>
<div class="col-sm-3 col-xs-4">
<h3>Company</h3>
<ul class="list-unstyled">
<li><a href="#">About Us</a></li>
<li><a href="#">Product Info</a></li>
<li><a href="#">Jobs</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="col-sm-3 col-xs-4">
<h3>Follow Us</h3>
<div class="footer-social">
<a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>
<p>+44 234 234 634<br>105 Kings Road - London<br></p>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</footer>
<!--/ End footer 10 --><!-- Start footer 11 -->
<footer class="footer-11 footer-dark">
<div class="container">
<div class="row text-left xs-text-center">
<div class="col-sm-3 footer-list">
<h3 class="footer-brand f-s-25 f-w-400 m-b-25"><span>Geniux</span></h3>
<p class="m-b-15">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ad minim veniam.</p>
<hr class="m-b-25">
<div class="well m-t-20">
<p>Subscribe To Our Newsletter</p>
<form action="#">
<div class="input-group m-t-10">
<input class="btn btn-sm" name="email" id="email" type="email" placeholder="Your Email" required>
<button class="btn btn-success btn-sm" type="submit">Submit</button>
</div>
</form>
</div>
</div>
<div class="col-sm-3 footer-list hidden-xs">
<h3>Latest News</h3>
<hr>
<ul>
<li>
<a href="#" ><img src="assets/images/demo-img/gnx-sq-xxs.png" data-rjs="2" alt="Image" /><p>Lorem ipsum dolor aliqua ad minim.</p></a>
<a href="#"><p class="news-comments f-s-11"><i class="fa fa-comments-o" aria-hidden="true"></i> 12 Comments</p></a>
<hr>
</li>
<li>
<a href="#"><img src="assets/images/demo-img/gnx-sq-xxs.png" data-rjs="2" alt="Image" /><p>Lorem ipsum dolor aliqua ad minim.</p></a>
<a href="#"><p class="news-comments f-s-11"><i class="fa fa-comments-o" aria-hidden="true"></i> 4 Comments</p></a>
<hr>
</li>
<li>
<a href="#"><img src="assets/images/demo-img/gnx-sq-xxs.png" data-rjs="2" alt="Image" /><p>Lorem ipsum dolor aliqua ad minim.</p></a>
<a href="#"><p class="news-comments f-s-11"><i class="fa fa-comments-o" aria-hidden="true"></i> 7 Comments</p></a>
</li>
</ul>
</div>
<div class="col-sm-3 footer-list hidden-xs">
<h3>Contacts</h3>
<hr>
<ul class="location m-t-5">
<li><i class="fa fa-map-marker" aria-hidden="true"></i>105 Kings Rd<br>New York<br>00534 - USA</li>
<li><i class="fa fa-phone" aria-hidden="true"></i>+1 (756) 842-23453</li>
<li><a href="mailto:geniux@info.com"><i class="fa fa-envelope-o" aria-hidden="true"></i>geniux@info.com</a></li>
<li><i class="fa fa-skype" aria-hidden="true"></i>geniux.group</li>
</ul>
</div>
<div class="col-sm-3 hidden-xs footer-gallery">
<h3>Gallery</h3>
<hr class="m-b-15">
<div class="col-sm-4 col-md-4 no-padding">
<div class="img-holder">
<a class="example-image-link" href="assets/images/demo-img/gnx-sq-md.png" data-lightbox="example-footer" data-title="Click the right half of the image to move forward.">
<img class="img-responsive" src="assets/images/demo-img/gnx-sq-xs.png" data-rjs="2" alt="Image 1">
</a>
</div>
</div>
<div class="col-sm-4 col-md-4 no-padding">
<div class="img-holder">
<a class="example-image-link" href="assets/images/demo-img/gnx-sq-md.png" data-lightbox="example-footer" data-title="Click the right half of the image to move forward.">
<img class="img-responsive" src="assets/images/demo-img/gnx-sq-xs.png" data-rjs="2" alt="Image 2">
</a>
</div>
</div>
<div class="col-sm-4 col-md-4 no-padding">
<div class="img-holder">
<a class="example-image-link" href="assets/images/demo-img/gnx-sq-md.png" data-lightbox="example-footer" data-title="Click the right half of the image to move forward.">
<img class="img-responsive" src="assets/images/demo-img/gnx-sq-xs.png" data-rjs="2" alt="Image 3">
</a>
</div>
</div>
<div class="col-sm-4 col-md-4 no-padding">
<div class="img-holder">
<a class="example-image-link" href="assets/images/demo-img/gnx-sq-md.png" data-lightbox="example-footer" data-title="Click the right half of the image to move forward.">
<img class="img-responsive" src="assets/images/demo-img/gnx-sq-xs.png" data-rjs="2" alt="Image 4">
</a>
</div>
</div>
<div class="col-sm-4 col-md-4 no-padding">
<div class="img-holder">
<a class="example-image-link" href="assets/images/demo-img/gnx-sq-md.png" data-lightbox="example-footer" data-title="Click the right half of the image to move forward.">
<img class="img-responsive" src="assets/images/demo-img/gnx-sq-xs.png" data-rjs="2" alt="Image 5">
</a>
</div>
</div>
<div class="col-sm-4 col-md-4 no-padding">
<div class="img-holder">
<a class="example-image-link" href="assets/images/demo-img/gnx-sq-md.png" data-lightbox="example-footer" data-title="Click the right half of the image to move forward.">
<img class="img-responsive" src="assets/images/demo-img/gnx-sq-xs.png" data-rjs="2" alt="Image 6">
</a>
</div>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
<div class="footer-copy m-t-30">
<div class="container">
<div class="row">
<div class="col-md-8 col-xs-12 f-s-12 m-t-5 m-b-15">
© 2017 Geniux. All Right Reserved <span class="therms hidden-xs"><a href="#">Privacy</a> - <a href="#">Therms</a></span>
</div>
<div class="col-md-4 col-xs-12 pull-right">
<div class="footer-social">
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-github" aria-hidden="true"></i></a>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</div>
</footer>
<!--/ End footer 11 -->