Skip to content

Instantly share code, notes, and snippets.

Created December 12, 2012 14:00
What would you like to do?
.container {
width: 100%;
.col1 {
width: 200px;
float: left;
margin-left: 20px;
background-color: #ddd;
.col2 {
margin-left: 260px;
width: 300px;
background-color: #eee;
p {
background-color: #ff0;
.initial-dropped {
font-size: 250%;
margin: 0;
line-height: 20px
padding: 0;
<div class="container">
<div class="col1">
<ul class="social-unit">
<li><a title="github" href="#" target="_blank">github</a></li>
<li><a title="linkedIn" href="#" target="_blank">linkedin</a></li>
<li><a title="twitter" href="#" target="_blank">twitter</a></li>
<li><a title="facebook" href="#" target="_blank">facebook</a></li>
<li><a title="Google+" href="#" target="_blank">google</a></li>
<li><a title="" href="#" target="_blank">email</a></li>
<div class="col2">
<p class="bio"><span class="initial-dropped">Lo</span>rem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid repellendus quibusdam veniam ea facere voluptatibus a sequi beatae rerum perferendis cumque voluptatem nulla quia quam quos consequuntur mollitia esse excepturi!</p>
// alert('Hello world!');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment