Bootstrap 5 Team member example snippets

Utilities Bootstrap 5Free+ CSS

Bootstrap 5 Team member example snippets — a free Bootstrap 5 utility snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

2.8k views31 downloads5 years ago

gosnippets.com/preview/bootstrap-5-team-member-example-snippets

Source Code

1<div class="container-fluid">
2   <div class="row clearfix">
3       <!-- Team Block -->
4       <div class="team-area col-lg-4 col-md-6 col-sm-12">
5           <div class="inner-box">
6               <ul class="social-icons">
7                   <li><a href="#"><span class="fa fa-facebook-f"></span></a></li>
8                   <li><a href="#"><span class="fa fa-twitter"></span></a></li>
9                   <li><a href="#"><span class="fa fa-skype"></span></a></li>
10                   <li><a href="#"><span class="fa fa-linkedin"></span></a></li>
11               </ul>
12               <div class="image">
13                   <a href="#"><img src="https://i.imgur.com/TFerQbb.jpg" alt=""></a>
14               </div>
15               <div class="lower-content">
16                   <h3><a href="#">Vishvjeet Patel</a></h3>
17                   <div class="designation">Former Developer</div>
18               </div>
19           </div>
20       </div>
21       <!-- Team Block -->
22       <div class="team-area col-lg-4 col-md-6 col-sm-12">
23           <div class="inner-box">
24               <ul class="social-icons">
25                   <li><a href="#"><span class="fa fa-facebook-f"></span></a></li>
26                   <li><a href="#"><span class="fa fa-twitter"></span></a></li>
27                   <li><a href="#"><span class="fa fa-skype"></span></a></li>
28                   <li><a href="#"><span class="fa fa-linkedin"></span></a></li>
29               </ul>
30               <div class="image">
31                   <a href="#"><img src="https://i.imgur.com/irVhAbb.jpg" alt=""></a>
32               </div>
33               <div class="lower-content">
34                   <h3><a href="#">Anchala </a></h3>
35                   <div class="designation">Ul / Ux Designer</div>
36               </div>
37           </div>
38       </div>
39       <!-- Team Block -->
40       <div class="team-area col-lg-4 col-md-6 col-sm-12">
41           <div class="inner-box">
42               <ul class="social-icons">
43                   <li><a href="#"><span class="fa fa-facebook-f"></span></a></li>
44                   <li><a href="#"><span class="fa fa-twitter"></span></a></li>
45                   <li><a href="#"><span class="fa fa-skype"></span></a></li>
46                   <li><a href="#"><span class="fa fa-linkedin"></span></a></li>
47               </ul>
48               <div class="image">
49                   <a href="#"><img src="https://i.imgur.com/o3JYN5N.jpg" alt=""></a>
50               </div>
51               <div class="lower-content">
52                   <h3><a href="#">Miss Lee</a></h3>
53                   <div class="designation">Former Developer</div>
54               </div>
55           </div>
56       </div>
57   </div>
58   </div>

More Utilities snippets

Auto move mouse cursor snippet

Auto move mouse cursor snippet: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.

UtilitiesView →

Bootstrap 5 Ecommerce Product Detail Page Design snippet

Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce Product Detail Page Design snippet. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

UtilitiesView →

Bootstrap 5 Ecommerce single product page design template

Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce single product page design template. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

UtilitiesView →

Comments(0)

No comments yet — be the first to start the discussion.

1<div class="container-fluid"> 2 <div class="row clearfix"> 3  4 <div class="team-area col-lg-4 col-md-6 col-sm-12"> 5 <div class="inner-box"> 6 <ul class="social-icons"> 7 <li><a href="#"><span class="fa fa-facebook-f"></span></a></li> 8 <li><a href="#"><span class="fa fa-twitter"></span></a></li> 9 <li><a href="#"><span class="fa fa-skype"></span></a></li> 10 <li><a href="#"><span class="fa fa-linkedin"></span></a></li> 11 </ul> 12 <div class="image"> 13 <a href="#"><img src="https://i.imgur.com/TFerQbb.jpg" alt=""></a> 14 </div> 15 <div class="lower-content"> 16 <h3><a href="#">Vishvjeet Patel</a></h3> 17 <div class="designation">Former Developer</div> 18 </div> 19 </div> 20 </div> 21  22 <div class="team-area col-lg-4 col-md-6 col-sm-12"> 23 <div class="inner-box"> 24 <ul class="social-icons"> 25 <li><a href="#"><span class="fa fa-facebook-f"></span></a></li> 26 <li><a href="#"><span class="fa fa-twitter"></span></a></li> 27 <li><a href="#"><span class="fa fa-skype"></span></a></li> 28 <li><a href="#"><span class="fa fa-linkedin"></span></a></li> 29 </ul> 30 <div class="image"> 31 <a href="#"><img src="https://i.imgur.com/irVhAbb.jpg" alt=""></a> 32 </div> 33 <div class="lower-content"> 34 <h3><a href="#">Anchala </a></h3> 35 <div class="designation">Ul / Ux Designer</div> 36 </div> 37 </div> 38 </div> 39  40 <div class="team-area col-lg-4 col-md-6 col-sm-12"> 41 <div class="inner-box"> 42 <ul class="social-icons"> 43 <li><a href="#"><span class="fa fa-facebook-f"></span></a></li> 44 <li><a href="#"><span class="fa fa-twitter"></span></a></li> 45 <li><a href="#"><span class="fa fa-skype"></span></a></li> 46 <li><a href="#"><span class="fa fa-linkedin"></span></a></li> 47 </ul> 48 <div class="image"> 49 <a href="#"><img src="https://i.imgur.com/o3JYN5N.jpg" alt=""></a> 50 </div> 51 <div class="lower-content"> 52 <h3><a href="#">Miss Lee</a></h3> 53 <div class="designation">Former Developer</div> 54 </div> 55 </div> 56 </div> 57 </div> 58 </div>