Please wait...

Try Bacotna with other template and color skins
Index variants
Color options

Components team

  1. Home
  2. Components
  3. Team
Asep jebot
Founder
Neng geboy
Co-Founder
Ujang bako
CFO
Acep kehed
Manager 
<div class="team-wrapper">
	<div class="img-wrapper">
		<div class="team-caption">
			<div class="team-socmed">
				<div>
					<a href="#"><i class="fa fa-facebook icon-rectangle icon-primary"></i></a>
					<a href="#"><i class="fa fa-twitter icon-rectangle icon-primary"></i></a>
					<a href="#"><i class="fa fa-instagram icon-rectangle icon-primary"></i></a>
				</div>
			</div>
		</div>
		<img src="img/team/team04.png" class="img-responsive" alt="" />
	</div>
	<div class="team-content">
		<h5>Acep kehed</h5>
		<span class="team-position">Manager</span>
		<button class="show-caption open-caption"><i class="fa fa-plus"></i></button>
	</div>
</div>

<!-- Start team fullwidth -->
<ul class="team-fullwidth">
	<li>
		<div class="team-base">
			<img src="img/team/team01.png" class="img-team" alt="" />
			<div class="content-caption">
				<div class="team-content-caption">
					<div>
						<h5>Asep jebot</h5>
						<span class="team-position">Founder</span>
						<a href="#" class="network"><i class="fa fa-facebook icon-rectangle icon-primary"></i></a>
						<a href="#" class="network"><i class="fa fa-twitter icon-rectangle icon-primary"></i></a>
						<a href="#" class="network"><i class="fa fa-instagram icon-rectangle icon-primary"></i></a>
					</div>
				</div>
			</div>
		</div>
	</li>
</ul>
<!-- End team fullwidth -->
Graphic designer
Neng geboy
00 HTML & CSS
00 Graphic
00 Illustrator
Web designer
Asep jebot
00 HTML & CSS
00 Graphic
00 Illustrator
Graphic designer
Ujang bako
00 HTML & CSS
00 Graphic
00 Illustrator 
<!-- Start team -->
<div class="fullwidth">
	<!-- Start item 1 -->
	<div class="col-md-4">
		<div class="team-column-wrapp">
			<div class="team-content">
				<img src="img/team/team09.png" class="team-avatar" alt="" />
				<span class="team-position">Graphic designer</span>
				<h5>Neng geboy</h5>
				<!-- Start Progress Bar -->
				<div class="wrap-progress">
					<!-- Start Progress Bar 01 -->
					<div class="progress type1 progress-buttercup">
						 <div class="progress-bar" role="progressbar" data-value-progress="25">
							<span class="value-progress">00</span>
							<span class="data-progress">HTML & CSS</span>
						 </div>
					</div>
					<!-- End Progress Bar 01 -->
								
					<!-- Start Progress Bar 02 -->
					<div class="progress type1 progress-jaffa">
						 <div class="progress-bar" role="progressbar" data-value-progress="85">
							<span class="value-progress">00</span>
							<span class="data-progress">Graphic</span>
						 </div>
					</div>
					<!-- End Progress Bar 02 -->
								
					<!-- Start Progress Bar 03 -->
					<div class="progress type1 progress-mandy">
						 <div class="progress-bar" role="progressbar" data-value-progress="50">
							<span class="value-progress">00</span>
							<span class="data-progress">Illustrator</span>
							</div>
					</div>
					<!-- End Progress Bar 03 -->
				</div>
				<!-- Start Progress Bar -->
				<a href="#"><i class="fa fa-facebook icon-circle"></i></a>
				<a href="#"><i class="fa fa-twitter icon-circle"></i></a>
				<a href="#"><i class="fa fa-instagram icon-circle"></i></a>
			</div>
		</div>
	</div>
	<!-- Start item 1 -->
</div>
<!-- End team -->

Neng geboy

Designer & atr directions
Graeco intellegam dissentias mea in, tractatos corrumpit pro ut. Ei dicant intellegat pri, eu diam ubique definitiones duo, ut nullam accusam cum. 
<!-- Start item 1 -->
<div class="row">	
	<div class="col-md-5 col-md-offset-1">
		<div class="team-content quote-content">
			<h3>Neng geboy</h3>
			<span class="position">Designer & atr directions</span>
			<blockquote>[...]</blockquote>
			<a href="#"><i class="fa fa-facebook icon-circle icon-stroke fa-4x"></i></a>
			<a href="#"><i class="fa fa-twitter icon-circle icon-stroke fa-4x"></i></a>
			<a href="#"><i class="fa fa-instagram icon-circle icon-stroke fa-4x"></i></a>
		</div>
	</div>
	<div class="col-md-4 col-md-offset-1">
		<img src="img/team/team15.png" class="img-responsive" alt="" />
	</div>
</div>
<!-- End item 1 -->