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-sm-6 col-xs-12">    <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-sm-6 col-xs-12">    <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-sm-6 col-xs-12">    <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-sm-6 col-xs-12">    <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;}