VvebOIDC/public/themes/solutry/sections/team/team-6.html

153 lines
5.4 KiB
HTML

<section class="p-4" aria-label="team-11">
<div class="container">
<div class="row text-center">
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4">
<img src="demo/img/sections/team/1.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm" loading="lazy">
<h5>John Doe</h5>
<span class="small text-uppercase text-muted">CEO - Founder</span>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item">
<a class="social-link">
<i class="lab la-facebook-f-f"></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>
<div class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4">
<img src="demo/img/sections/team/2.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm" loading="lazy">
<h5>Jane Doe</h5>
<span class="small text-uppercase text-muted">CTO - Co-Founder</span>
<ul class="social 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>
</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 class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4">
<img src="demo/img/sections/team/3.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm" loading="lazy">
<h5>John Doe</h5>
<span class="small text-uppercase text-muted">CMO - Operations</span>
<ul class="social 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>
</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 class="col-xl-3 col-sm-6 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4">
<img src="demo/img/sections/team/4.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm" loading="lazy">
<h5>Jane Doe</h5>
<span class="small text-uppercase text-muted">CCO - Financial</span>
<ul class="social 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>
</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>
</section>