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

1022 lines
37 KiB
HTML

<html data-vvvebjs-editor><head><base src="../"><link href="../css/style.bundle.css" rel="stylesheet"><link href="../css/screenshots.css" rel="stylesheet"><style>[data-reveal] {
opacity: 1;
transform: translate(0);
}</style><link href="../css/screenshots.css" rel="stylesheet"></head><body><section title="Team 1" 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><section title="Team 2" class="py-5 team-2" aria-label="team-2">
<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="lead text-muted">We are a group of professionals dedicated to their work</h5>
</div>
</div>
<div class="row justify-content-center py-5">
<div class="card col-md-3">
<div class="card-content">
<div class="card-body p-0">
<div class="profile">
<img src="demo/img/sections/team/1.webp" loading="lazy" alt="team">
</div>
<div class="card-title mt-4">
<h4>Jane Doe</h4>
<small>CEO - Founder</small>
</div>
<div class="card-subtitle">
<p class="text-muted"> I really enjoyed working with them, they are Group of Professionals and they know what they're Doing </p>
</div>
<div class="card-footer">
<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>
</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="card col-md-3">
<div class="card-content">
<div class="card-body p-0">
<div class="profile">
<img src="demo/img/sections/team/2.webp" loading="lazy" alt="team">
</div>
<div class="card-title mt-4">
<h4>John Doe</h4>
<small>CTO - Co-Founder</small>
</div>
<div class="card-subtitle">
<p class="text-muted"> I really enjoyed working with them, they are Group of Professionals and they know what they're Doing </p>
</div>
<div class="card-footer">
<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>
</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="card col-md-3">
<div class="card-content">
<div class="card-body p-0">
<div class="profile">
<img src="demo/img/sections/team/3.webp" loading="lazy" alt="team">
</div>
<div class="card-title mt-4">
<h4>Jane Doe</h4>
<small>CSO - Financial</small>
</div>
<div class="card-subtitle">
<p class="text-muted"> I really enjoyed working with them, they are Group of Professionals and they know what they're Doing </p>
</div>
<div class="card-footer">
<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>
</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>
</section><section title="Team 3" 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><section title="Team 4" class="py-5" aria-label="team-6">
<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-4 mb-4">
<div class="row">
<div class="col-md-12">
<img alt="image" src="demo/img/sections/team/1.webp" class="img-fluid p-4" loading="lazy">
</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>
<ul class="mb-0 list-inline mt-3">
<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>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="row">
<div class="col-md-12 pro-pic">
<img alt="image" src="demo/img/sections/team/2.webp" class="img-fluid p-4" loading="lazy">
</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>
<ul class="mb-0 list-inline mt-3">
<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>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="row">
<div class="col-md-12 pro-pic">
<img alt="image" src="demo/img/sections/team/3.webp" class="img-fluid p-4" loading="lazy">
</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>
<ul class="mb-0 list-inline mt-3">
<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>
</div>
</div>
</div>
</div>
</section><section title="Team 5" class="py-5" aria-label="team-7">
<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-6">
<div class="card shadow-sm border-1 mb-4 p-0">
<div class="row no-gutters">
<div class="col-md-5">
<img alt="image" src="demo/img/sections/team/1.webp" class="img-fluid" loading="lazy">
</div>
<div class="col-md-7">
<div class="p-4">
<h4 class="mb-3">John Doe</h4>
<p>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>
</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 class="col-lg-6">
<div class="card shadow-sm border-1 mb-4 p-0">
<div class="row no-gutters">
<div class="col-md-5">
<img alt="image" src="demo/img/sections/team/2.webp" class="img-fluid" loading="lazy">
</div>
<div class="col-md-7">
<div class="p-4">
<h4 class="mb-3">John Doe</h4>
<p>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>
</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>
<div class="row">
<div class="col-lg-6">
<div class="card shadow-sm border-1 mb-4 p-0">
<div class="row no-gutters">
<div class="col-md-5">
<img alt="image" src="demo/img/sections/team/3.webp" class="img-fluid" loading="lazy">
</div>
<div class="col-md-7">
<div class="p-4">
<h4 class="mb-3">John Doe</h4>
<p>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>
</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 class="col-lg-6">
<div class="card shadow-sm border-1 mb-4 p-0">
<div class="row no-gutters">
<div class="col-md-5">
<img alt="image" src="demo/img/sections/team/4.webp" class="img-fluid" loading="lazy">
</div>
<div class="col-md-7">
<div class="p-4">
<h4 class="mb-3">John Doe</h4>
<p>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>
</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>
</div>
</section><section title="Team 6" 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></body></html>