Добрый день !
Помогите поменять установленные в HTML шаблоне в блоке соцсети на иконку VK
Как только не менял коды с fontawesome -> отображается только буквы, сама иконка-никак не хочет.
<head>
<!-- Favicons -->
<link rel="shortcut icon" href="images/favicon.png">
<!-- Web Fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Bitter:400,400italic,700' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
<script src="javascript/libs/respond.min.js"></script>
<![endif]-->
<!-- CSS -->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 9]>
<script src="javascript/libs/html5.js"></script>
<![endif]-->
<!-- Vendors CSS -->
<link href="javascript/libs/flexslider/flexslider.css" rel="stylesheet">
<link href="javascript/libs/mscrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" />
<!-- Style Switch -->
<link rel="stylesheet" type="text/css" href="css/colors/orange-black.css" title="orange-black" media="screen" />
</head>
<div class="footer-widget">
<h5>Be Social</h5>
<div class="col-md-12 no-padding">
<ul class="social-top">
<li class="twitter"><a href="#">Twitter</a></li>
<li class="gplus"><a href="#">Googleplus</a></li>
<li class="dribbble"><a href="#">Dribbble</a></li>
<li class="flickr"><a href="#">Flickr</a></li>
<li class="pinterest"><a href="#">Pinterest</a></li>
<li class="linkedin"><a href="#">Linkedin</a></li>
<li class="facebook"><a href="#">Facebook</a></li>
</ul>
</div>
</div>
