Twitter Bootstrap Sample
HTML
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
<div class="listing">
<table width="100%">
<thead style="display:hidden;">
<tr>
<th width="75%"></th>
<th width="25%"></th>
</tr>
</thead>
<tbody>
<div>
<tr class="listing-element">
<td>
<div>
<big><big><a href="#">Web Application Developer</a></big></big>
<br/>
<small><i>in</i></small>
<b>Mumbai</b>,<b>Pune</b>
<br/><br/>
<p>Application components are the essential building blocks of an Android application. Each component is a different point through which the system can enter your application.</p>
<small>Required Skills :</small>
<ul class="skillset">
<li>Java</li>
<li>J2EE</li>
<li>EJB</li>
</ul>
</div>
</td>
<td>
<div>
<i>posted</i><br/>
<b>1 day ago</b>
</br><br/>
<span class="label success">new</span>
<br/><br/>
<a class="btn" href="#">apply</a>
</div>
</td>
</tr>
</div>
<div>
<tr class="listing-element">
<td>
<div>
<big><big><a href="#">System Administrator</a></big></big>
<br/>
<small><i>in</i></small>
<b>Mumbai</b>,<b>Pune</b>
...
CSS
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
*{
font-family: 'Droid Sans', sans-serif;
}
a{
display: inline-block;
}
a:link, a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color:#CA0002
}
.listing{
width:500px;
margin-left:20px;
}
.listing-element{
background-color:#FFFFFF;
}
.listing-element:hover{
background-color:#EFEFEF;
}
.skillset li{
display: inline;
margin: 0;
padding: 0;
color:#121212;
}
.skillset li:first-child:before{
content: "";
}
.skillset li:before{
content: ", ";
}