recommend

link recommend

by karimkhan

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css">
<div class="c1">
    <div class="row" id="d1">
        <div class="col-md-12">
            <div class="item">
                <img class="media-object" src="http://deathandtaxesmag.wpengine.netdna-cdn.com/wp-content/uploads/2014/02/Screen-Shot-2014-02-27-at-12.39.17-PM.png" height="50" width="60">
                <div class="descriptionContainer">
                    <t1> Sports </t1>
                    <a class="btn" href="#">
  <i class="icon-copy"></i> Copy</a>
                    
                    	<h6>Title of link</h6>
                    <span class="icon-retweet">100+ Retweet </span> |
                    <span class="icon-twitter-sign">100+ Tweet </span> 
                </div>	
           </div>
        </div>
    </div>
</div>
      
<div class="c1">
    <div class="row" id="d1">
        <div class="col-md-12">
            <div class="item">
                <img class="media-object" src="http://deathandtaxesmag.wpengine.netdna-cdn.com/wp-content/uploads/2014/02/Screen-Shot-2014-02-27-at-12.39.17-PM.png" height="50" width="60">
                <div class="descriptionContainer">
                    <t1> Sports </t1>
                    <a class="btn" href="#">
  <i class="icon-copy"></i> Copy</a>
                    
                    	<h6>Title of link</h6>
                    <span class="icon-retweet">Retweet 100+</span> 
                    <span class="icon-twitter-sign">Retweet 100+</span> 
                </div>	
           </div>
        </div>
    </div>
</div>
    
<div class="c1">
    <div class="row" id="d1">
        <div class="col-md-12">
            <div class="item">
                <img class="media-object" src="http://deathandtaxesmag.wpengine.netdna-cdn.com/wp-content/uploads/2014/02/Screen-Shot-2014-02-27-at-12.39.17-PM.png" height="50"...

CSS

.smileyImg {
    margin-top: -3px;
}
.c1 {
    font-size : 10px;
    margin-bottom: 15px;
    margin-top:15px;
    margin-left: 3%;
    margin-right: 3%;
}
.item {
    
    background:#F3F3F3;
    height: 80px;
    width : 175px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.item img {
    margin-top : 3px;
    margin-left : 3px;
    float: left;
}
.item .descriptionContainer {
    float: left;
    margin-left:45px;
    font-family:"calibri" !important;
}
.item a {
    float: right;
}
.item t1 {
font-style : bold;    
}
.item h6 {
    
}