# People & Team

![](https://1019271128-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLV-zTvL3gIREI2fwqd%2F-LLV00pz68a2T7F_RSXi%2F-LLV0C4fWXGe_XYI44Wh%2Fp-4.png?generation=1535988005656815\&alt=media)

This is the main variation `vc-card boxed` class is the main class

```
<div class="vc-card boxed">

  <a href="#">
    <img src="../../assets/img/people/06.jpg" alt="people">
  </a>

  <div class="vc-card-wrapper">
    <a href="#" class="title">Dr. Tristram Jack</a>
    <div class="subtitle">Associate Dean</div>
  </div>

  <div class="links">
    <a href="#" data-toggle="tooltip" data-original-title="homepage"><i class="fa fa-home"></i></a>
    <a href="#" data-toggle="tooltip" data-original-title="Biography"><i class="fa fa-user"></i></a>
    <a href="#" data-toggle="tooltip" data-original-title="Facebook"><i class="fa fa-facebook"></i></a>
    <a href="#" data-toggle="tooltip" data-original-title="Twitter"><i class="fa fa-twitter"></i></a>
  </div>

</div>
```

**Variation** Alternatively, there is variation with only two links at the bottom.

![](https://1019271128-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLV-zTvL3gIREI2fwqd%2F-LLV00pz68a2T7F_RSXi%2F-LLV0C4hRb1cfw8jK8RD%2Fp-1.png?generation=1535988000517213\&alt=media)

```
<div class="vc-card boxed hoverable-links">

  <a href="#">
    <img src="../../assets/img/people/06.jpg" alt="people">
  </a>

  <div class="vc-card-wrapper">
    <a href="#" class="title">Dr. Tristram Jack</a>
    <div class="subtitle">Associate Dean</div>
  </div>

  <div class="links">
    <a href="#"><i class="oli oli-external_link"></i><span>homepage</span></a>
    <a href="#"><i class="oli oli-user_male_circle"></i><span>bio</span></a>
  </div>

</div>
```

* add `.hoverable-links` to the element

## Mini Variation

![](https://1019271128-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLV-zTvL3gIREI2fwqd%2F-LLV00pz68a2T7F_RSXi%2F-LLV0C4jVs9t4Oz1J7ac%2Fp-2.png?generation=1535988005529252\&alt=media)

Just adds a `.mini-card` to the element

```
<div class="vc-card boxed hoverable-links mini-card">

  <a href="#" class="set-bg">
    <img src="../../assets/img/people/06.jpg" alt="people" class="set-me">
  </a>

  <div class="vc-card-wrapper"><a href="#" class="title">Dr. Quinlan Granville</a>
    <div class="subtitle">Associate Dean</div>
  </div>

  <div class="links">
    <a href="#"><i class="oli oli-facebook"></i><span>Facebook</span></a>
    <a href="#"><i class="oli oli-twitter"></i><span>Twitter</span></a>
  </div>

</div>
```

## Icon box style

![](https://1019271128-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLV-zTvL3gIREI2fwqd%2F-LLV00pz68a2T7F_RSXi%2F-LLV0C4lZRrWk0urqeRU%2Fp-3.png?generation=1535988000537381\&alt=media)

```
<div class="featured-person">
  <a href="#">
    <img src="../../assets/img/people/06.jpg">
  </a>
  <a href="#">
    <h3>Dr. John Doe</h3>
  </a>
  <p>Phasellus lectus sem</p>
</div>
```
