Social Icons with hover effect

HTML
1
<link href="//maxcdn.bootstrapcdn.com/font
    -awesome/4.2.0/css/font-awesome.min
    .css" rel="stylesheet">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
CSS
1
body{padding: 0px 150px; text-align:
    center; font-family: 'Shadows Into
    Light', cursive; font-size: 30px;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
JAVASCRIPT
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Expand for more options Login