188 lines
6.3 KiB
HTML
188 lines
6.3 KiB
HTML
<section class="py-5" aria-label="team-5">
|
|
<div class="container">
|
|
<div class="row justify-content-center mb-4">
|
|
<div class="col-md-7 text-center">
|
|
<h3 class="mb-3">Meet Our Team</h3>
|
|
<h5 class="text-muted">We are a group of professionals dedicated to their work</h5>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-lg-3 mb-4">
|
|
|
|
<div class="row no-gutters">
|
|
<div class="col-md-12 pro-pic">
|
|
<img alt="image" src="demo/img/sections/team/1.webp" class="img-fluid p-4" loading="lazy">
|
|
|
|
<ul class="mb-0 list-inline mt-3 px-4">
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-facebook"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-twitter"></i>
|
|
<span class="visually-hidden">Twitter</span>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-instagram"></i>
|
|
<span class="visually-hidden">Instagram</span>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-linkedin"></i>
|
|
<span class="visually-hidden">Linkedin</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="px-4">
|
|
<h5 class="mt-4 mb-0">John Doe</h5>
|
|
<h6 class="text-muted mb-3">CSO - Financial</h6>
|
|
<p class="mt-3">We are a group of professionals dedicated to their work</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 mb-4">
|
|
|
|
<div class="row no-gutters">
|
|
<div class="col-md-12 pro-pic">
|
|
<img alt="image" src="demo/img/sections/team/2.webp" class="img-fluid p-4" loading="lazy">
|
|
|
|
<ul class="mb-0 list-inline mt-3 px-4">
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-facebook"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-twitter"></i>
|
|
<span class="visually-hidden">Twitter</span>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-instagram"></i>
|
|
<span class="visually-hidden">Instagram</span>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-linkedin"></i>
|
|
<span class="visually-hidden">Linkedin</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="px-4">
|
|
<h5 class="mt-4 mb-0">John Doe</h5>
|
|
<h6 class="text-muted mb-3">CSO - Financial</h6>
|
|
<p class="mt-3">We are a group of professionals dedicated to their work</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 mb-4">
|
|
|
|
<div class="row no-gutters">
|
|
<div class="col-md-12 pro-pic">
|
|
<img alt="image" src="demo/img/sections/team/3.webp" class="img-fluid p-4" loading="lazy">
|
|
|
|
<ul class="mb-0 list-inline mt-3 px-4">
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-facebook"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-twitter"></i>
|
|
<span class="visually-hidden">Twitter</span>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-instagram"></i>
|
|
<span class="visually-hidden">Instagram</span>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-linkedin"></i>
|
|
<span class="visually-hidden">Linkedin</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="px-4">
|
|
<h5 class="mt-4 mb-0">John Doe</h5>
|
|
<h6 class="text-muted mb-3">CSO - Financial</h6>
|
|
<p class="mt-3">We are a group of professionals dedicated to their work</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 mb-4">
|
|
|
|
<div class="row no-gutters">
|
|
<div class="col-md-12 pro-pic">
|
|
<img alt="image" src="demo/img/sections/team/4.webp" class="img-fluid p-4" loading="lazy">
|
|
|
|
<ul class="mb-0 list-inline mt-3 px-4">
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-facebook"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-twitter"></i>
|
|
<span class="visually-hidden">Twitter</span>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-instagram"></i>
|
|
<span class="visually-hidden">Instagram</span>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-linkedin"></i>
|
|
<span class="visually-hidden">Linkedin</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="px-4">
|
|
<h5 class="mt-4 mb-0">John Doe</h5>
|
|
<h6 class="text-muted mb-3">CSO - Financial</h6>
|
|
<p class="mt-3">We are a group of professionals dedicated to their work</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section> |