JSFiddle - React, Tailwind, and code Playground

Tasked Search Results

by Jennifer Perrin

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.0/css/bootstrap.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://jennperrin.com/dev/tasked/css/custom.css">
<link rel="stylesheet" href="http://jennperrin.com/dev/tasked/css/layout.css">
<div class="content-col" id="page">
    <div class="inner-content">
        <div class="list-group">
            <a href="#" class="list-group-item">
                <h4 class="list-group-item-heading">
                    <div class="icon"><i class="fa fa-tasks"></i></div>
                    <span class="label label-tasked">
                        <i class="fa fa-tag"></i>
                        Tasked
                    </span>
                    Google Code
                </h4>
                <p class="list-group-item-text">
                    Correct the Google Analytics Code bug in both the Site Settings...
                </p>
            </a>
            
        </div>
    </div>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Muli);

.list-group .icon {
    color: #dcdcdc;
    float: left;
    font-size: 50px;
    width: 70px;
}
.list-group-item-heading span { margin-right: 6px; }

JavaScript

// Bootstrap v3.1.0
// Font Awesome 4.1.0