Footer #11

<!-- 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">
          <img src="assets/images/demo-pages/index-default/signature-white.png" data-rjs="2" alt="Signature Image" />
        </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 - USA</li>
          <li><i class="fa fa-phone" aria-hidden="true"></i>+1 (212) 123 456 7890</li>
          <li><a href="mailto:mail@example.com"><i class="fa fa-envelope-o" aria-hidden="true"></i>mail@example.com</a></li>
          <li><i class="fa fa-skype" aria-hidden="true"></i>geniux.team</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">
          &copy; 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>
<!--/ Footer 11 -->