200 lines
7.2 KiB
HTML
200 lines
7.2 KiB
HTML
<section class="py-5" aria-label="team-1">
|
|
<div class="container">
|
|
<div class="row justify-content-center mb-4">
|
|
<div class="col-md-7 text-center">
|
|
<h2 class="text-center display-6 mb-1 fw-bold">Meet Our Team</h2>
|
|
<p class="lead text-center text-muted mb-4">We are a group of professionals dedicated to their work</p>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-lg-3 mb-4">
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<img alt="image" loading="lazy" src="demo/img/sections/team/1.webp" class="img-fluid p-4 rounded-circle">
|
|
</div>
|
|
<div class="col-md-12 text-center">
|
|
<div class="pt-2">
|
|
<h3 class="mt-4 mb-0">John Doe</h3>
|
|
<h4 class="text-muted mb-3">CTO - Founder</h4>
|
|
<p class="text-muted">We are a group of professionals dedicated to their work</p>
|
|
|
|
<ul class="mb-0 list-inline mt-3">
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-facebook-f"></i>
|
|
<span class="visually-hidden">Facebook</span>
|
|
<span class="visually-hidden">Facebook</span>
|
|
</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>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 mb-4">
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<img alt="image" loading="lazy" src="demo/img/sections/team/2.webp" class="img-fluid p-4 rounded-circle">
|
|
</div>
|
|
<div class="col-md-12 text-center">
|
|
<div class="pt-2">
|
|
<h3 class="mt-4 mb-0">John Doe</h3>
|
|
<h4 class="text-muted mb-3">CTO - Tech</h4>
|
|
<p class="text-muted">We are a group of professionals dedicated to their work</p>
|
|
|
|
<ul class="mb-0 list-inline mt-3">
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-facebook-f"></i>
|
|
<span class="visually-hidden">Facebook</span>
|
|
<span class="visually-hidden">Facebook</span>
|
|
</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>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 mb-4">
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<img alt="image" loading="lazy" src="demo/img/sections/team/3.webp" class="img-fluid p-4 rounded-circle">
|
|
</div>
|
|
<div class="col-md-12 text-center">
|
|
<div class="pt-2">
|
|
<h3 class="mt-4 mb-0">John Doe</h3>
|
|
<h4 class="text-muted mb-3">CSO - Financial</h4>
|
|
<p class="text-muted">We are a group of professionals dedicated to their work</p>
|
|
|
|
<ul class="mb-0 list-inline mt-3">
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-facebook-f"></i>
|
|
<span class="visually-hidden">Facebook</span>
|
|
<span class="visually-hidden">Facebook</span>
|
|
</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>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 mb-4">
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<img alt="image" loading="lazy" src="demo/img/sections/team/4.webp" class="img-fluid p-4 rounded-circle">
|
|
</div>
|
|
<div class="col-md-12 text-center">
|
|
<div class="pt-2">
|
|
<h3 class="mt-4 mb-0">John Doe</h3>
|
|
<h4 class="text-muted mb-3">CMO - Operations</h4>
|
|
<p class="text-muted">You can relay on our amazing features list and also our user services will be great experience.</p>
|
|
|
|
<ul class="mb-0 list-inline mt-3">
|
|
<li class="list-inline-item">
|
|
<a class="social-link">
|
|
<i class="lab la-facebook-f"></i>
|
|
<span class="visually-hidden">Facebook</span>
|
|
<span class="visually-hidden">Facebook</span>
|
|
</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>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |