HTML and CSS Reference
In-Depth Information
If yes, you're on the right track now.
Your next step now is to add the icons, but let's see
how
F2fw
can help you with that.
First, update your
index.html
file with the reserved
class called “
ico
”.
<div id=”top”>
<div class=”container”>
<p class=”fl”>
<a href=”#” title=”#”>About</a>
<a href=”#” title=”#”>Advertise</a>
<a href=”#” title=”#”>Login</a>
</p>
<p class=”fr”>
<a href=”#” title=”#”
class=”ico ico-facebook”
>Facebook</a>
<a href=”#” title=”#”
class=”ico ico-twitter”
>Twitter</a>
</p>
<div class=”cl”></div>
</div><!-- end .container -->
</div><!-- end #top -->
Also include a “
ico-facebook
” and “i
“ico-twitter”
” class to
differentiate the icons.