How to change the footer

The footer elements are found at the bottom of each HTML page before </div> <!-- end page_wrapper --> tag and before  <a href="#" class="totop">TOP</a>

The footer has 4 major components: the footer menu list, the title block, the social icon list and the copyright paragraph.

New menu items can be added to the code below:

<ul class="footer-nav">
 <li class="footer-nav__item"><a href="index.html">Home</a></li>
 <li class="footer-nav__item"><a href="rooms.html">Rooms</a></li>
 <li class="footer-nav__item"><a href="searchrooms.html">Searchrooms</a></li>
 <li class="footer-nav__item"><a href="room_sample.html">Room Sample</a></li>
 <li class="footer-nav__item"><a href="cart.html">cart</a></li>
 <li class="footer-nav__item"><a href="checkout.html">checkout</a></li>
</ul>

The social icons are from Font Awesome and the links can be modified in the following code:

<ul class="footer-social">
 <li class="footer-social__item "><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
 <li class="footer-social__item"><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
 <li class="footer-social__item"><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
 <li class="footer-social__item"><a href="#"><i class="fa fa-tripadvisor" aria-hidden="true"></i>
 </a></li>
 <li class="footer-social__item"><a href="#"><i class="fa fa-whatsapp" aria-hidden="true"></i></a></li>
</ul>

The paragraph of copyright can be modified in the following code:

<p class="copyright">
  Copyright &copy; 2016 Kallyas | Hogash.com
  <br>
  This Demo is part of Kallyas Theme. All rights reserved.
</p>

The style of the footer is found in  app/style/scss/_footerMenu.scss