Advertisement
AdamNovakPro

How To Create an Icon Bar in 3 Steps

Aug 13th, 2018
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.67 KB | None | 0 0
  1. In this tutorial, we will learn how to create a professional looking Icon Bar for your web application/ website using HTML and CSS,
  2. Just easy 3 steps
  3.  
  4. Step 1) Add HTML:
  5.  
  6.  <!-- Add icon library -->
  7. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  8.  
  9. <div class="icon-bar">
  10.   <a class="active" href="#"><i class="fa fa-home"></i></a>
  11.   <a href="#"><i class="fa fa-search"></i></a>
  12.   <a href="#"><i class="fa fa-envelope"></i></a>
  13.   <a href="#"><i class="fa fa-globe"></i></a>
  14.   <a href="#"><i class="fa fa-trash"></i></a>
  15. </div>
  16.  
  17. Download all steps and codes from mediafire
  18. http://peerh.com/CreateIconBar
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement