we’ll learn how to code a fancy social networks menu with HTML5 and CSS3 and absolutely no images. Yup, that’s right! No images at all. We’ll also learn how to convert a normal font to a web-font.
In order to complete this tutorial you’ll need to download a mandatory resource (a font) and if you’re also aiming to fix this menu for users with older versions of IE, there’s also an optional part that explains how to do that (even though the result won’t be exactly the same).
The Markup!
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="./style.css" type="text/css" /> <title>Your Page Title</title> </head> <body> <div id="content"> <!-- Our content goes in here --> </div> </body> </html>
Read more:http://dirtekdesigns.com/tutorial/fancy-social-menu-with-html5-and-css3/
