Advertisement
kobial8

Fontawesome Icon within round Circle

Mar 21st, 2015
248
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 0.86 KB | None | 0 0
  1. Fontawesome Icon Cheatsheet:
  2. http://fortawesome.github.io/Font-Awesome/cheatsheet/
  3.  
  4. Step 01: Here is the HTML Code:
  5.           <div class="col-lg-4">
  6.             <aside class="iconbox text-center">
  7.                   <span class="fa-stack fa-lg">
  8.                     <i class="fa fa-circle fa-stack-2x"></i>
  9.                     <i class="fa fa-flag fa-stack-1x fa-inverse"></i>
  10.                   </span>
  11.                   <div class="iconbox-content">
  12.                       <h4 class="title">Clean &amp; Responsive</h4>
  13.                       <p>Lorem ipsum reprehenderit minim in cillum exercitation labore quis velit occaecat tempor tempor.</p>
  14.                       <a href="#">Learn More &rarr;</a>
  15.                   </div>
  16.             </aside>
  17.           </div>
  18. Step 02: Now style in CSS:
  19.  
  20. .fa-circle {color: #3E96FF;}
  21.  
  22. likewise you can color any icon.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement