Using flat design techniques
In the last several years, there has been a rapid shift in software and application interface design, from 3D and skeuomorphic to flat and minimal.
Flat design is aimed for simplicity, clarity, and honesty of materials in the user interface.
That means getting rid of beveled edges, gradients, shadows, and reflections, as well as creating a user experience that plays to the strengths of digital interfaces, rather than limiting the user to the confines of the familiar analog world.
In web design as well, flat pages rarely introduce dimensionality, shadows, or textures into the equation, relying instead on parallax scrolling and visual clarity to communicate.
One of the most popular frontend frameworks that embrace the flat design is Twitter-bootstrap, which uses solid colors and font-icons for icons and design.
In this recipe, you are going to style the blue and red links to apply some flat design techniques and also add icons by using font-awesome icon font. You are...
