"Box of Featured"
Bootstrap 3.1.0 Snippet by joshuaedwardk

<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="section-colored"> <div class="container"> <div class="row"> <div class="col-lg-9 col-md-9 col-sm-9 col-md-offset-3"> <div class="panel panel-primary"> <div class="panel-heading "> <h3><i class="fa fa-pencil-square-o fa-2x"></i>Your Feedback is Vital to Us</h3> <p>Our ongoing commitment to you is to be the best partner a tax professional can have.</p> </div> <div class="panel-body"> Annual Meeting Date: Monday, July 21, 2014 Time: 11:00am – 1:00pm Place: Embassy Suites Napa Valley Napa, CA There are three (3) positions available on the NSTP Board of Directors, each for a term of three (3) years. If you are not attending the NSTP Annual Meeting on July 21, 2014 at Embassy Suites Napa Valley, Napa, CA at 11:00am, you will want to cast your Proxy ballot either online or by USPS Mail. On the Proxy ballot the NSTP member can give their Proxy to an NSTP member who will be in attendance at the meeting or give their Proxy to the entire Board of Directors who will then distribute the Proxies to the six current Board members to vote. NSTP members in attendance at the Annual Meeting will cast their vote at the meeting. Members holding 250 of the votes entitled to be cast at the Annual Meeting, represented in person or by proxy, shall constitute a quorum. PROXY ballots must be received by the NSTP office no later than midnight, July 11, 2014, in a special envelope designated for this purpose, or online at www.nstp.org/member/onlinevoting.php. Biographies can also be viewed at www.nstp.org in the Member Section. CAUTION: According to NSTP bylaws, Proxies not received by the specified date will be deemed invalid and not counted. <div class="row box"> <div class="col-md-4"> <div> <img src="http://www.nstp.org/images/Instructors/bill_horn_130x130_images.jpg" alt="Bill Horn" class="img-circle img-thumbnail"> <h2>Bill Horn</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a href="#" class="btn btn-primary" title="bio">bio »</a> </div> </div> <div class="col-md-4"> <div> <img src="http://www.nstp.org/images/Instructors/bill_horn_130x130_images.jpg" alt="Bill Horn" class="img-circle img-thumbnail"> <h2>Bill Horn</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a href="#" class="btn btn-primary" title="bio">bio »</a> </div> </div> <div class="col-md-4"> <div> <img src="http://www.nstp.org/images/Instructors/bill_horn_130x130_images.jpg" alt="Bill Horn" class="img-circle img-thumbnail"> <h2>Bill Horn</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a href="#" class="btn btn-primary" title="bio">bio »</a> </div> </div> </div> </div> </div> <!--(panel-body)--> </div><!--(col-lg-9 col-md-9 col-sm-9)--> </div> </div> </div> </div><!--(container)-->
.box{ padding: 20px 0; text-align: center; } .box > div > div{ padding: 10px; border: 1px solid transparent; border-radius: 4px; transition: 0.2s; } .box > div:hover > div{ margin-top: -10px; border: 1px solid rgb(200, 200, 200); box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px; background: rgba(200, 200, 200, 0.1); transition: 0.5s; }

Related: See More


Questions / Comments: