"Search Results"
Bootstrap 3.1.0 Snippet by solventarchitect

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <hgroup class="mb20"> <h1>Search Results</h1> <h2 class="lead"><strong class="text-danger">3</strong> results were found for the search for <strong class="text-danger">Lorem</strong></h2> </hgroup> <section class="col-xs-12 col-sm-6 col-md-12"> <article class="search-result row"> <div class="col-xs-12 col-sm-12 col-md-3"> <a href="#" title="Lorem ipsum" class="thumbnail"><img src="https://dl.dropboxusercontent.com/s/uklq7c3t0oiss3i/Ethics_page.jpg" alt="Lorem ipsum" /></a> </div> <div class="col-xs-12 col-sm-12 col-md-2"> <ul class="meta-search"> <li><i class="glyphicon glyphicon-calendar"></i> <span>02/15/2014</span></li> <li><i class="glyphicon glyphicon-time"></i> <span>4:28 pm</span></li> <li><i class="glyphicon glyphicon-tags"></i> <span>People</span></li> </ul> </div> <div class="col-xs-12 col-sm-12 col-md-7 excerpet"> <h3><a href="#" title="">2013 Ethics Self-Study</a></h3> <h4 class="text-primary">Self-Study Topics:</h4> <strong>Ethics in 2013 and the Amended Circular 230 Issue with Discussion on the RTRP Issues after the Loving Court Case Ruling</strong> <p>This Self-Study provides the tax professional with a common sense approach to the world of ethics as it applies to the tax preperation community in today's changing and challenging environment. The standards that are required and needed in order to continue to be in compliance with the recent amendments to the IRS Circular 230 Regulations included.</p> <p>This course is recommended for CPA's, CFP's, Accountants, Tax Practitioners, Lawyers and Enrolled Agents with basic knowledge of tax accounting.</p> <p>These courses are NOT NASBA approved.</p> </div> <span class="clearfix borda"></span> </article> </section> </div>
@import "http://fonts.googleapis.com/css?family=Roboto:300,400,500,700"; .container { margin-top: 20px; } .mb20 { margin-bottom: 20px; } hgroup { padding-left: 15px; border-bottom: 1px solid #ccc; } hgroup h1 { font: 500 normal 1.625em "Roboto",Arial,Verdana,sans-serif; color: #2a3644; margin-top: 0; line-height: 1.15; } hgroup h2.lead { font: normal normal 1.125em "Roboto",Arial,Verdana,sans-serif; color: #2a3644; margin: 0; padding-bottom: 10px; } .search-result .thumbnail { border-radius: 0 !important; } .search-result:first-child { margin-top: 0 !important; } .search-result { margin-top: 20px; } .search-result .col-md-2 { border-right: 1px dotted #ccc; min-height: 140px; } .search-result ul { padding-left: 0 !important; list-style: none; } .search-result ul li { font: 400 normal .85em "Roboto",Arial,Verdana,sans-serif; line-height: 30px; } .search-result ul li i { padding-right: 5px; } .search-result .col-md-7 { position: relative; } .search-result h3 { font: 500 normal 1.375em "Roboto",Arial,Verdana,sans-serif; margin-top: 0 !important; margin-bottom: 10px !important; } .search-result h3 > a, .search-result i { color: #248dc1 !important; } .search-result p { font: normal normal 1.125em "Roboto",Arial,Verdana,sans-serif; } .search-result span.plus { position: absolute; right: 0; top: 126px; } .search-result span.plus a { background-color: #248dc1; padding: 5px 5px 3px 5px; } .search-result span.plus a:hover { background-color: #414141; } .search-result span.plus a i { color: #fff !important; } .search-result span.border { display: block; width: 97%; margin: 0 15px; border-bottom: 1px dotted #ccc; }

Related: See More


Questions / Comments: