Team profiles

The Ensemble team blocks can be used to profile your team members, introduce them to potential clients, and let interested parties contact them through social media.

Each team profile can display, a name profile__meta-name, post profile__meta-position, avatar profile__avatar, bio profile__bio, and social media links profile__sharing-links.

<div class="profile">
	<div class="profile__avatar">
		<img src="img/general/employee-example-1.jpg" alt="">
	</div>
	<div class="profile__meta">
		<span class="profile__meta-name">John Doe</span>
		<span class="profile__meta-position">Technical director</span>
	</div>
	<div class="profile__bio">
		<p>
			Team member bio goes here
		</p>
	</div>
	<div class="profile__sharing-links">
		<a href="#"><i class="fa fa-facebook profile__sharing-link"></i></a>
		<a href="#"><i class="fa fa-twitter profile__sharing-link"></i></a>
		<a href="#"><i class="fa fa-linkedin profile__sharing-link"></i></a>
	</div>
</div>

Rounded avatars

Using the modifier class profile__avatar--round on the profile__avatar class, you can produce round avatars.