"Team Section "
Bootstrap 3.3.0 Snippet by jeevan123456

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="team-section padding80"> <div class="container"> <div class="row text-center"> <div class="col-md-12"> <div class="sec-title"> <h2>Our Team</h2> <h3> The small element is used to create a lighter, secondary text in any heading:</h3> </div> <div class="divider-line text-center"></div> </div> </div> <div class="row text-center"> <div class="col-md-4"> <div class="team-box"> <div class="team-img"> <img src="http://static.livedemo00.template-help.com/wt_58985/images/index-3-170x170.jpg"> </div> <div class="team-title"> <h3>James Johnson</h3> <h4>Marketing Analyst</h4> <p>Nicole is a prolific part of the SEO community worldwide and contributes regularly to publications on and offline as well as best practice guides and round tables.</p> </div> </div> </div> <div class="col-md-4"> <div class="team-box"> <div class="team-img"> <img src="http://static.livedemo00.template-help.com/wt_58985/images/index-3-170x170.jpg"> </div> <div class="team-title"> <h3>James Johnson</h3> <h4>Marketing Analyst</h4> <p>Nicole is a prolific part of the SEO community worldwide and contributes regularly to publications on and offline as well as best practice guides and round tables.</p> </div> </div> </div> <div class="col-md-4"> <div class="team-box"> <div class="team-img"> <img src="http://static.livedemo00.template-help.com/wt_58985/images/index-3-170x170.jpg"> </div> <div class="team-title"> <h3>James Johnson</h3> <h4>Marketing Analyst</h4> <p>Nicole is a prolific part of the SEO community worldwide and contributes regularly to publications on and offline as well as best practice guides and round tables.</p> </div> </div> </div> </div> </div> </div>
/*************** Team Section ************/ .padding80 {Padding:80px;} .sec-title h2 {font-size:36px;font-weight:600;} .sec-title h3 {font-size:18px; margin-bottom:30px;} .sec-title h3:after { content: ''; position: absolute; width: 20%; height: 2px; background: #ea6c56 ; left: 40%; bottom: 60px; } .team-box {border: 1px solid #e5e5e5; padding:10px;} .team-box:hover {border: 1px solid #ea6c56 ;} .team-img img {border: 1px solid #e0e0e0;} .team-title h3 {font-size:24px;font-weight:700;color:#ea6c56 ;} .team-title h4 {font-size:16px; font-weight:600;} .team-title p {line-height:22px;}

Related: See More


Questions / Comments: