<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS3小图标分享按钮 - 网页模板</title>
<link rel='stylesheet prefetch' href='http://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.min.css'>
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
</head>
<body>
<div class="wrap">
<div class="slide clearfix">
<h2>Btn slide</h2>
<a href="#" class="btn facebook">
<i class="icons fi-social-facebook"></i>
<span class="text">Facebook</span>
</a>
<a href="#" class="btn">
<span class="icons fi-social-github"></span>
<span class="text dd ">Github</span>
</a>
<a href="#" class="btn behance">
<i class="icons fi-social-behance"></i>
<span class="text">Behance</span>
</a>
<a href="#" class="btn skype">
<span class="icons fi-social-skype"></span>
<span class="text dd ">Skype</span>
</a>
<a href="#" class="btn twitter">
<i class="icons fi-social-twitter"></i>
<span class="text">Twitter</span>
</a>
<a href="#" class="btn pinterest">
<span class="icons fi-social-pinterest"></span>
<span class="text dd ">Pinterest</span>
</a>
<a href="#" class="btn gplus">
<i class="icons fi-social-google-plus"></i>
<span class="text">Google +</span>
</a>
<a href="#" class="btn dribble">
<span class="icons fi-social-dribbble"></span>
<span class="text dd ">Dribble</span>
</a>
</div>
<div class="opacity clearfix">
<h2>Btn Opacity</h2>
<a href="#" class="btn facebook">
<i class="icons fi-social-facebook"></i>
<span class="text">Facebook</span>
</a>
<a href="#" class="btn">
<span class="icons fi-social-github"></span>
<span class="text dd ">Github</span>
</a>
<a href="#" class="btn behance">
<i class="icons fi-social-behance"></i>
<span class="text">Behance</span>
</a>
<a href="#" class="btn skype">
<span class="icons fi-social-skype"></span>
<span class="text dd ">Skype</span>
</a>
<a href="#" class="btn twitter">
<i class="icons fi-social-twitter"></i>
<span class="text">Twitter</span>
</a>
<a href="#" class="btn pinterest">
<span class="icons fi-social-pinterest"></span>
<span class="text dd ">Pinterest</span>
</a>
<a href="#" class="btn gplus">
<i class="icons fi-social-google-plus"></i>
<span class="text">Google +</span>
</a>
<a href="#" class="btn dribble">
<span class="icons fi-social-dribbble"></span>
<span class="text dd ">Dribble</span>
</a>
</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
