daily pastebin goal
59%
SHARE
TWEET

How To Create an Icon Bar in 3 Steps

AdamNovakPro Aug 13th, 2018 52 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top