<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="top-banner">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h1 class="banner-text">OUR TEAM</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
</div>
<div class="team">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<div class="team-about">
<p>Lorem ipsum dolor sit amet, debitis omittam phaedrum no eam. Utinam petentium cotidieque mea no. Usu ad etiam petentium suavitate, at purto vocent sea. An cum sale dicam. Ei graece accusam postulant sit, id nisl cetero est.
In has legere omittantur, dico vitae mediocritatem ut has, eripuit noluisse dignissim at nam. Democritum assueverit ius ut. At quis vidisse qui. Labitur iracundia ad sea. Illud ceteros posidonium te mel.</p>
<p>Lorem ipsum dolor sit amet, debitis omittam phaedrum no eam. Utinam petentium cotidieque mea no. Usu ad etiam petentium suavitate, at purto vocent sea. An cum sale dicam. Ei graece accusam postulant sit, id nisl cetero est.
In has legere omittantur, dico vitae mediocritatem ut has, eripuit noluisse dignissim at nam. Democritum assueverit ius ut. At quis vidisse qui. Labitur iracundia ad sea. Illud ceteros posidonium te mel.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-xs-12 text-center">
<img src="http://via.placeholder.com/150x150" class="img-circle" alt="">
<h3>John Doe</h3>
<h5>Web Designer</h5>
</div>
<div class="col-lg-4 col-xs-12 text-center">
<img src="http://via.placeholder.com/150x150" class="img-circle" alt="">
<h3>Jack Doe</h3>
<h5>Computer Engineer</h5>
</div>
<div class="col-lg-4 col-xs-12 text-center">
<img src="http://via.placeholder.com/150x150" class="img-circle" alt="">
<h3>Jane Doe</h3>
<h5>CEO</h5>
</div>
</div>
</div>
</div>
@import url('https://fonts.googleapis.com/css?family=Poppins');
body {
font-family: 'Poppins', sans-serif;
}
.top-banner {
background: linear-gradient(rgba(0, 0, 0 ,0.3), rgba(0, 0, 0, 0.8)), url(https://images.pexels.com/photos/261628/pexels-photo-261628.jpeg?w=1260&h=750&auto=compress&cs=tinysrgb);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
color: #fff;
padding: 100px 0px;
}
.team-about {
padding: 50px 0px;
}