div id="featured-widget">
<div class="featured-wrapper">
<a href="#LINK-SOFTWARE"><img src="#LINK-GAMBAR"/></a>
<div class="featured-title"><a href="#LINK-SOFTWARE">SOFTWARE TITLE</a></div>
<span>PEMILIK SOFTWARE</span><br/>
<span><a href="#LABEL-LINK">LABEL</a></span><br/>
</div>
<div class="featured"><i class="fa fa-windows"></i> FEATURED</div>
</div>
<style>
/* CSS Featured Widget */
#featured-widget {width:140px;height:239px;background:#fff;border:1px solid #ddd;text-align:center;float:left;margin-right:20px;}
.featured-wrapper {margin:10px;}
.featured-wrapper img {width:88px;height:88px;padding-bottom:20px;}
.featured-title a{font-weight:bold;color:#222;font-size:15px;}
.featured-title {margin-bottom:10px;}
.featured-wrapper span {font-size:12px;color:#999;}
.featured-wrapper span a{font-size:12px;color:#999;}
.featured {background: #eee;padding: 10px;font-size: 10px;color: #888;margin-top: 40px;}
.featured .fa {color:#fff;padding:5px;float:left;text-align:left;margin-top:-5px;}
.featured .fa-android {background:#6ab344;border-radius:100%;}
.featured .fa-windows {background:#1f9cf4;border-radius:100%;}
@media screen and (max-width:640px) {#featured-widget {display:none;}}
</style>