Pure CSS Team Collaborator Group

Utilities Bootstrap 5Free+ CSS

Pure CSS Team Collaborator Group — a free Bootstrap 5 utility snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

1.0k views3 downloads4 years ago

gosnippets.com/preview/pure-css-team-collaborator-group

Source Code

1<div class="collabGroup">
2  <div tabindex="0" class="avatar" fullName="Ravi">R</div>
3  <div tabindex="0" class="avatar" fullName="Mukesh">M</div>
4  <div tabindex="0" class="avatar" fullName="Ved">V</div>
5  <div tabindex="0" class="avatar" fullName="Chetan">C</div>
6  <div tabindex="0" class="avatar" fullName="Sam">S</div>
7  <div tabindex="0" class="avatar" fullName="">+4
8    <div class="collabGroup">
9      <div tabindex="0" class="avatar" fullName="Manoj">M</div>
10      <div tabindex="0" class="avatar" fullName="Rajesh">R</div>
11      <div tabindex="0" class="avatar" fullName="Halk">H</div>
12      <div tabindex="0" class="avatar" fullName="Ema">E</div>
13    </div>
14  </div>
15</div>
16
17
18<div class="collabGroup">
19  <div tabindex="0" class="avatar" fullName="Ravi">R</div>
20  <div tabindex="0" class="avatar" fullName="Mukesh">M</div>
21  <div tabindex="0" class="avatar" fullName="Ved">V</div>
22  <div tabindex="0" class="avatar" fullName="Chetan">C</div>
23  <div tabindex="0" class="avatar" fullName="Sam">S</div>
24  <div tabindex="0" class="avatar" fullName="">+4
25    <div class="collabGroup">
26      <div tabindex="0" class="avatar" fullName="Manoj">M</div>
27      <div tabindex="0" class="avatar" fullName="Rajesh">R</div>
28      <div tabindex="0" class="avatar" fullName="Halk">H</div>
29      <div tabindex="0" class="avatar" fullName="Ema">E</div>
30    </div>
31  </div>
32</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="collabGroup"> 2 <div tabindex="0" class="avatar" fullName="Ravi">R</div> 3 <div tabindex="0" class="avatar" fullName="Mukesh">M</div> 4 <div tabindex="0" class="avatar" fullName="Ved">V</div> 5 <div tabindex="0" class="avatar" fullName="Chetan">C</div> 6 <div tabindex="0" class="avatar" fullName="Sam">S</div> 7 <div tabindex="0" class="avatar" fullName="">+4 8 <div class="collabGroup"> 9 <div tabindex="0" class="avatar" fullName="Manoj">M</div> 10 <div tabindex="0" class="avatar" fullName="Rajesh">R</div> 11 <div tabindex="0" class="avatar" fullName="Halk">H</div> 12 <div tabindex="0" class="avatar" fullName="Ema">E</div> 13 </div> 14 </div> 15</div> 16 17 18<div class="collabGroup"> 19 <div tabindex="0" class="avatar" fullName="Ravi">R</div> 20 <div tabindex="0" class="avatar" fullName="Mukesh">M</div> 21 <div tabindex="0" class="avatar" fullName="Ved">V</div> 22 <div tabindex="0" class="avatar" fullName="Chetan">C</div> 23 <div tabindex="0" class="avatar" fullName="Sam">S</div> 24 <div tabindex="0" class="avatar" fullName="">+4 25 <div class="collabGroup"> 26 <div tabindex="0" class="avatar" fullName="Manoj">M</div> 27 <div tabindex="0" class="avatar" fullName="Rajesh">R</div> 28 <div tabindex="0" class="avatar" fullName="Halk">H</div> 29 <div tabindex="0" class="avatar" fullName="Ema">E</div> 30 </div> 31 </div> 32</div>