## Button

- Home
- Shortcodes
- Button

## Team style - 1

## Team Member

### Nancy holland

#### Chairman

There are many variations of passage of Lorem Ipsum available, but the in majority have suffered.

### Heather Estrada

#### Chief Marketing

There are many variations of passage of Lorem Ipsum available, but the in majority have suffered.

### Nancy holland

#### fashion desinger

There are many variations of passage of Lorem Ipsum available, but the in majority have suffered.

### Sara Knight

#### Graphic Design

There are many variations of passage of Lorem Ipsum available, but the in majority have suffered.

        <!-- TEAM-MEMBER-AREA END -->
        <div class="team-member-area pb-80">
        <div class="container">
        <!-- Section-title start -->
        <div class="row">
        <div class="col-lg-12">
        <div class="section-title text-center">
        <h2 class="title-border">Team Member</h2>
        </div>
        </div>
        </div>
        <!-- Section-title end -->
        <div class="team-member">
        <div class="row">
        <div class="col-lg-3 col-md-3 col-md-6">
        <div class="single-member text-center bg-white mt-25">
        <img src="img/team/1.png" alt="" />
        <h3 class="text-uppercase mt-20">Nancy holland</h3>
        <h4 class="text-uppercase text-gray">Chairman</h4>
        <p class="text-gray">There are many variations of passage of Lorem Ipsum available, but the in majority have suffered.</p>
        <div class="team-social">
        <ul>
        <li><a href="#"><i class="zmdi zmdi-twitter"></i></a></li>
        <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
        <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
        <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
        <li><a href="#"><i class="zmdi zmdi-pinterest"></i></a></li>
        </ul>
        </div>
        </div>
        </div>
        <div class="col-lg-3 col-md-3 col-md-6">
        <div class="single-member text-center bg-white mt-25">
        <img src="img/team/2.png" alt="" />
        <h3 class="text-uppercase mt-20">Heather Estrada</h3>
        <h4 class="text-uppercase text-gray">Chief Marketing</h4>
        <p class="text-gray">There are many variations of passage of Lorem Ipsum available, but the in majority have suffered.</p>
        <div class="team-social">
        <ul>
        <li><a href="#"><i class="zmdi zmdi-twitter"></i></a></li>
        <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
        <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
        <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
        <li><a href="#"><i class="zmdi zmdi-pinterest"></i></a></li>
        </ul>
        </div>
        </div>
        </div>
        <div class="col-lg-3 col-md-3 col-md-6">
        <div class="single-member text-center bg-white mt-25">
        <img src="img/team/3.png" alt="" />
        <h3 class="text-uppercase mt-20">Nancy holland</h3>
        <h4 class="text-uppercase text-gray">fashion desinger</h4>
        <p class="text-gray">There are many variations of passage of Lorem Ipsum available, but the in majority have suffered.</p>
        <div class="team-social">
        <ul>
        <li><a href="#"><i class="zmdi zmdi-twitter"></i></a></li>
        <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
        <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
        <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
        <li><a href="#"><i class="zmdi zmdi-pinterest"></i></a></li>
        </ul>
        </div>
        </div>
        </div>
        <div class="col-lg-3 col-md-3 col-md-6">
        <div class="single-member text-center bg-white mt-25">
        <img src="img/team/1.png" alt="" />
        <h3 class="text-uppercase mt-20">Sara Knight</h3>
        <h4 class="text-uppercase text-gray">Graphic Design</h4>
        <p class="text-gray">There are many variations of passage of Lorem Ipsum available, but the in majority have suffered.</p>
        <div class="team-social">
        <ul>
        <li><a href="#"><i class="zmdi zmdi-twitter"></i></a></li>
        <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
        <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
        <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
        <li><a href="#"><i class="zmdi zmdi-pinterest"></i></a></li>
        </ul>
        </div>
        </div>
        </div>
        </div>
        </div>
        </div>
        </div>
        <!-- TEAM-MEMBER-AREA END -->

        .about-us { padding: 40px;}
        .about-brief {
        margin-left: -200px;
        margin-top: 40px;
        min-height: 350px;
        padding: 40px 30px 30px 40px;
        }
        .single-member {
        padding: 30px 15px;
        transition: all 0.3s ease 0s;
        }
        .single-member:hover {
        box-shadow: 1px 25px 54px rgba(0, 0, 0, 0.12);
        }
        .single-member img { border-radius: 50%;}
        .single-member h3 {
        color: #666;
        font-family: bree serif;
        font-size: 20px;
        }
        .single-member h4 {
        color: #999;
        font-size: 13px;
        }
        .team-social li {
        display: inline-block;
        margin: 0 1px;
        }
        .team-social ul li a {
        color: #999;
        display: block;
        font-size: 16px;
        height: 30px;
        line-height: 30px;
        width: 30px;
        }
        .team-social ul li a:hover { color: #C8A165;}