<!-- Example 1 - icon diamond -->
	<div class="card team-card">
		<div class="card_img">
			<img class="img-full" src="path/to/img" alt="Card image">
			<div class="hover-overlay effect-scale">
				<div class="overlay-content diamond-shape">
					<a href="" class="icon icon-ract ract45"><i class="fa fa-facebook-f"></i></a>
					<a href="" class="icon icon-ract ract45"><i class="fa fa-twitter"></i></a>
					<a href="" class="icon icon-ract ract45"><i class="fa fa-google-plus"></i></a>
					<a href="" class="icon icon-ract ract45"><i class="fa fa-pinterest-p"></i></a>
				</div>
			</div>
		</div>
		<div class="card-block">
			<a href="page-member-details.html"><h6 class="card-title">Parsley Montana</h6></a>
			<span class="">UI/UX Designer</span>
		</div>
	</div>

	<!-- Example 2 - icon Circle -->
	<div class="card team-card">
		<div class="card_img">
			<img class="card-img-top img-full" src="assets/img/about/team2.jpg" alt="Card image">
			<div class="hover-overlay effect-scale">
				<div class="overlay-content">
					<a href="" class="icon icon-circle"><i class="fa fa-facebook-f"></i></a>
					<a href="" class="icon icon-circle"><i class="fa fa-twitter"></i></a>
					<a href="" class="icon icon-circle"><i class="fa fa-google-plus"></i></a>
					<a href="" class="icon icon-circle"><i class="fa fa-pinterest-p"></i></a>
				</div>
			</div>
		</div>
		<div class="card-block">
			<a href="page-member-details.html"><h6 class="card-title">Fleece Marigold</h6></a>
			<span class="">Web Developer</span>
		</div>
	</div>

						

How to use

• Copy the code from example for the same style.
• Don't remove the classnames. Use your own class for customization