This commit is contained in:
2026-05-17 21:09:32 +08:00
commit 1870400c47
1564 changed files with 544713 additions and 0 deletions

View File

@@ -0,0 +1,200 @@
<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>

View File

@@ -0,0 +1,131 @@
<section class="p-4" aria-label="team-10">
<div class="container">
<div class="row text-center pb-5 pt-3">
<div class="col-md-12 text-center">
<div class="lc-block">
<span class="small mt-4 d-block">LOREM IPSUM</span>
<h2 class="display-2 mb-0">
<b>Our Team</b>
</h2>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et metus id
<br>ligula malesuada placerat sit amet quis enim.
</p>
</div>
</div>
</div>
<div class="row pb-4">
<div class="col-md-6 col-lg-3 my-2">
<div class="lc-block">
<img src="demo/img/sections/team/1.webp" title="" alt="" loading="lazy" class="img-fluid">
</div>
<div class="position-relative text-center mx-2 mt-n4 py-4 bg-body-tertiary shadow" style="">
<h4>Benjamin Lawrence</h4>
<p class="small">Founder &amp; CEO</p>
<div class="nav justify-content-center">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" fill="currentColor">
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 my-2">
<div class="lc-block">
<img src="demo/img/sections/team/2.webp" title="" alt="" loading="lazy" class="img-fluid">
</div>
<div class="position-relative text-center mx-2 mt-n4 py-4 bg-body-tertiary shadow" style="">
<h4>Robert Greene</h4>
<p class="small">UX Designer</p>
<div class="nav justify-content-center">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" fill="currentColor">
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 my-2">
<div class="lc-block">
<img src="demo/img/sections/team/3.webp" title="" alt="" loading="lazy" class="img-fluid">
</div>
<div class="position-relative text-center mx-2 mt-n4 py-4 bg-body-tertiary shadow" style="">
<h4>Paul Mackenzie</h4>
<p class="small">Full Stack Developer</p>
<div class="nav justify-content-center">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" fill="currentColor">
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 my-2">
<div class="lc-block">
<img src="demo/img/sections/team/4.webp" title="" alt="" loading="lazy" class="img-fluid">
</div>
<div class="position-relative text-center mx-2 mt-n4 py-4 bg-body-tertiary shadow" style="">
<h4>Faith Watson</h4>
<p class="small">Illustrator Designer</p>
<div class="nav justify-content-center">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" fill="currentColor">
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>

View File

@@ -0,0 +1,46 @@
<section class="py-5 team-11" aria-label="team-11">
<div class="container">
<div class="row justify-content-center text-center mb-2 mb-lg-4">
<div class="col-12 col-lg-8 col-xxl-7 text-center mx-auto">
<span class="text-muted">Our Great Team</span>
<h2 class="display-5 fw-bold">Meet the Team</h2>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta harum ipsum venenatis metus sem veniam eveniet aperiam suscipit.</p>
</div>
</div>
<div class="row">
<div class="col-md-4 mb-lg-0 mb-4">
<div class="card text-white border-0 justify-content-end position-relative">
<img class="img-fluid" src="demo/img/sections/team/1.webp">
<div class="position-absolute bottom-0 w-100 p-2 p-lg-4 bg-dark" style="--bs-bg-opacity: .3;">
<h5 class="fw-bold">John Doe</h5>
<div>
Designer
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-lg-0 mb-4">
<div class="card text-white border-0 justify-content-end position-relative">
<img class="img-fluid" src="demo/img/sections/team/2.webp">
<div class="position-absolute bottom-0 w-100 p-2 p-lg-4 bg-dark" style="--bs-bg-opacity: .3;">
<h5 class="fw-bold">John Doe</h5>
<div>
Developer
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card text-white border-0 justify-content-end position-relative">
<img class="img-fluid" src="demo/img/sections/team/3.webp">
<div class="position-absolute bottom-0 w-100 p-2 p-lg-4 bg-dark" style="--bs-bg-opacity: .3;">
<h5 class="fw-bold">John Doe</h5>
<div>
HR Manager
</div>
</div>
</div>
</div>
</div>
</div>
</section>

View File

@@ -0,0 +1,103 @@
<section class="py-5 team-11" aria-label="team-12">
<div class="container">
<div class="row justify-content-center text-center mb-2 mb-lg-4">
<div class="col-12 col-lg-8 col-xxl-7 text-center mx-auto">
<span class="text-muted">Our Great Team</span>
<h2 class="display-5 fw-bold">Meet the Team</h2>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta harum ipsum venenatis metus sem veniam eveniet aperiam suscipit.</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="card text-center mb-3">
<div class="card-body p-0 pb-4">
<div class="mb-4">
<img class="img-fluid" src="demo/img/sections/team/1.webp">
</div>
<h5 class="fw-bold">John Doe</h5>
<div class="text-muted">
CTO
</div>
<div class="d-flex justify-content-center mt-4">
<a class="link-secondary me-2" href="">
<svg class="bi bi-facebook" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg>
</a>
<a class="link-secondary me-2" href="">
<svg class="bi bi-twitter" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg>
</a>
<a class="link-secondary" href="">
<svg class="bi bi-linkedin" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card text-center mb-3">
<div class="card-body p-0 pb-4">
<div class="mb-4">
<img class="img-fluid" src="demo/img/sections/team/2.webp">
</div>
<h5 class="fw-bold">John Doe</h5>
<div class="text-muted">
Programmer
</div>
<div class="d-flex justify-content-center mt-4">
<a class="link-secondary me-2" href="">
<svg class="bi bi-facebook" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg>
</a>
<a class="link-secondary me-2" href="">
<svg class="bi bi-twitter" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg>
</a>
<a class="link-secondary" href="">
<svg class="bi bi-linkedin" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card text-center mb-3">
<div class="card-body p-0 pb-4">
<div class="mb-4">
<img class="img-fluid" src="demo/img/sections/team/3.webp">
</div>
<h5 class="fw-bold">John Doe</h5>
<div class="text-muted">
Designer
</div>
<div class="d-flex justify-content-center mt-4">
<a class="link-secondary me-2" href="">
<svg class="bi bi-facebook" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg>
</a>
<a class="link-secondary me-2" href="">
<svg class="bi bi-twitter" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg>
</a>
<a class="link-secondary" href="">
<svg class="bi bi-linkedin" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

View File

@@ -0,0 +1,70 @@
<section class="py-5 team-11" aria-label="team-13">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-2 order-lg-1">
<div class="row g-3">
<div class="col-sm-6">
<div class="card text-center border-0 bg-body-tertiary ">
<div class="card-body px-4 py-4">
<div class="mb-4 mx-2 mx-md-5">
<img class="img-fluid rounded-circle" src="demo/img/sections/team/1.webp">
</div>
<h5 class="fw-bold">John Doe</h5>
<div class="text-muted">
CTO
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card text-center border-0 bg-body-tertiary ">
<div class="card-body px-4 py-4">
<div class="mb-4 mx-2 mx-md-5">
<img class="img-fluid rounded-circle" src="demo/img/sections/team/2.webp">
</div>
<h5 class="fw-bold">John Doe</h5>
<div class="text-muted">
CFO
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card text-center border-0 bg-body-tertiary ">
<div class="card-body px-4 py-4">
<div class="mb-4 mx-2 mx-md-5">
<img class="img-fluid rounded-circle" src="demo/img/sections/team/3.webp">
</div>
<h5 class="fw-bold">John Doe</h5>
<div class="text-muted">
Designer
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card text-center border-0 bg-body-tertiary ">
<div class="card-body px-4 py-4">
<div class="mb-4 mx-2 mx-md-5">
<img class="img-fluid rounded-circle" src="demo/img/sections/team/4.webp">
</div>
<h5 class="fw-bold">John Doe</h5>
<div class="text-muted">
Developer
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 order-1 order-lg-2">
<div class="ms-lg-5 mb-5">
<span class="text-muted">Our Great Team</span>
<h2 class="display-5 fw-bold mb-3 mb-xl-5">Meet the Team</h2>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta harum ipsum venenatis metus sem veniam eveniet aperiam suscipit.</p>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta harum ipsum venenatis metus sem veniam eveniet aperiam suscipit.</p>
</div>
</div>
</div>
</div>
</section>

View File

@@ -0,0 +1,103 @@
<section class="py-5 team-11" aria-label="team-14">
<div class="container">
<div class="row justify-content-center text-center mb-2 mb-lg-4">
<div class="col-12 col-lg-8 col-xxl-7 text-center mx-auto">
<span class="text-muted">Our Great Team</span>
<h2 class="display-5 fw-bold">Meet the Team</h2>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta harum ipsum venenatis metus sem veniam eveniet aperiam suscipit.</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="card text-center border-0 bg-body-tertiary mb-3">
<div class="card-body py-5">
<div class="mb-4 mx-2 mx-lg-5">
<img class="img-fluid rounded-circle" src="demo/img/sections/team/1.webp">
</div>
<h5 class="fw-bold">John Doe</h5>
<div class="text-muted">
Developer
</div>
<div class="d-flex justify-content-center mt-4">
<a class="link-secondary me-2" href="">
<svg class="bi bi-facebook" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg>
</a>
<a class="link-secondary me-2" href="">
<svg class="bi bi-twitter" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg>
</a>
<a class="link-secondary" href="">
<svg class="bi bi-linkedin" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card text-center border-0 bg-body-tertiary mb-3">
<div class="card-body py-5">
<div class="mb-4 mx-2 mx-lg-5">
<img class="img-fluid rounded-circle" src="demo/img/sections/team/2.webp">
</div>
<h5 class="fw-bold">John Doe</h5>
<div class="text-muted">
HR Manager
</div>
<div class="d-flex justify-content-center mt-4">
<a class="link-secondary me-2" href="">
<svg class="bi bi-facebook" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg>
</a>
<a class="link-secondary me-2" href="">
<svg class="bi bi-twitter" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg>
</a>
<a class="link-secondary" href="">
<svg class="bi bi-linkedin" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card text-center border-0 bg-body-tertiary mb-3">
<div class="card-body py-5">
<div class="mb-4 mx-2 mx-lg-5">
<img class="img-fluid rounded-circle" src="demo/img/sections/team/3.webp">
</div>
<h5 class="fw-bold">John Doe</h5>
<div class="text-muted">
Graphic Designer
</div>
<div class="d-flex justify-content-center mt-4">
<a class="link-secondary me-2" href="">
<svg class="bi bi-facebook" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg>
</a>
<a class="link-secondary me-2" href="">
<svg class="bi bi-twitter" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg>
</a>
<a class="link-secondary" href="">
<svg class="bi bi-linkedin" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

View File

@@ -0,0 +1,133 @@
<section class="py-5 team-15" aria-label="team-15">
<div class="container">
<div class="row justify-content-center text-center mb-2 mb-lg-4">
<div class="col-12 col-lg-8 col-xxl-7 text-center mx-auto">
<span class="text-muted">Our Great Team</span>
<h2 class="display-5 fw-bold">Meet the Team</h2>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta harum ipsum venenatis metus sem veniam eveniet aperiam suscipit.</p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="card text-center border-0 mb-3">
<div class="card-body p-3">
<div class="mb-4 mx-lg-3 mx-xxl-5">
<img class="img-fluid rounded-circle" src="demo/img/sections/team/1.webp">
</div>
<h5 class="fw-bold">John Doe</h5>
<div class="text-muted">
Developer
</div>
<div class="d-flex justify-content-center mt-4">
<a class="link-secondary me-2" href="">
<svg class="bi bi-facebook" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg>
</a>
<a class="link-secondary me-2" href="">
<svg class="bi bi-twitter" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg>
</a>
<a class="link-secondary" href="">
<svg class="bi bi-linkedin" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center border-0 mb-3">
<div class="card-body p-3">
<div class="mb-4 mx-lg-3 mx-xxl-5">
<img class="img-fluid rounded-circle" src="demo/img/sections/team/2.webp">
</div>
<h5 class="fw-bold">John Doe</h5>
<div class="text-muted">
Designer
</div>
<div class="d-flex justify-content-center mt-4">
<a class="link-secondary me-2" href="">
<svg class="bi bi-facebook" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg>
</a>
<a class="link-secondary me-2" href="">
<svg class="bi bi-twitter" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg>
</a>
<a class="link-secondary" href="">
<svg class="bi bi-linkedin" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center border-0 mb-3">
<div class="card-body p-3">
<div class="mb-4 mx-lg-3 mx-xxl-5">
<img class="img-fluid rounded-circle" src="demo/img/sections/team/3.webp">
</div>
<h5 class="fw-bold">John Doe</h5>
<div class="text-muted">
CTO
</div>
<div class="d-flex justify-content-center mt-4">
<a class="link-secondary me-2" href="">
<svg class="bi bi-facebook" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg>
</a>
<a class="link-secondary me-2" href="">
<svg class="bi bi-twitter" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg>
</a>
<a class="link-secondary" href="">
<svg class="bi bi-linkedin" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center border-0 mb-3">
<div class="card-body p-3">
<div class="mb-4 mx-lg-3 mx-xxl-5">
<img class="img-fluid rounded-circle" src="demo/img/sections/team/4.webp">
</div>
<h5 class="fw-bold">John Doe</h5>
<div class="text-muted">
CFO
</div>
<div class="d-flex justify-content-center mt-4">
<a class="link-secondary me-2" href="">
<svg class="bi bi-facebook" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg>
</a>
<a class="link-secondary me-2" href="">
<svg class="bi bi-twitter" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg>
</a>
<a class="link-secondary" href="">
<svg class="bi bi-linkedin" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

View File

@@ -0,0 +1,143 @@
<section 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" class="img-fluid" 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" class="img-fluid" 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" class="img-fluid" 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>

View File

@@ -0,0 +1,188 @@
<section class="py-5" aria-label="team-3">
<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>

View File

@@ -0,0 +1,141 @@
<section class="py-5" aria-label="team-4">
<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>

View File

@@ -0,0 +1,199 @@
<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-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>

View File

@@ -0,0 +1,153 @@
<section class="p-4" aria-label="team-6">
<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>

View File

@@ -0,0 +1,131 @@
<section class="p-4" aria-label="team-7">
<div class="container">
<div class="row text-center pb-5 pt-3">
<div class="col-md-12 text-center">
<div class="lc-block">
<span class="small mt-4 d-block">LOREM IPSUM</span>
<h2 class="display-2 mb-0">
<b>Our Team</b>
</h2>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et metus id
<br>ligula malesuada placerat sit amet quis enim.
</p>
</div>
</div>
</div>
<div class="row pb-4">
<div class="col-md-6 col-lg-3 my-2">
<div class="lc-block">
<img src="demo/img/sections/team/1.webp" title="" alt="" loading="lazy" class="img-fluid">
</div>
<div class="position-relative text-center mx-2 mt-n4 py-4 bg-body-tertiary shadow" style="">
<h4>Benjamin Lawrence</h4>
<p class="small">Founder &amp; CEO</p>
<div class="nav justify-content-center">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" fill="currentColor">
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 my-2">
<div class="lc-block">
<img src="demo/img/sections/team/2.webp" title="" alt="" loading="lazy" class="img-fluid">
</div>
<div class="position-relative text-center mx-2 mt-n4 py-4 bg-body-tertiary shadow" style="">
<h4>Robert Greene</h4>
<p class="small">UX Designer</p>
<div class="nav justify-content-center">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" fill="currentColor">
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 my-2">
<div class="lc-block">
<img src="demo/img/sections/team/3.webp" title="" alt="" loading="lazy" class="img-fluid">
</div>
<div class="position-relative text-center mx-2 mt-n4 py-4 bg-body-tertiary shadow" style="">
<h4>Paul Mackenzie</h4>
<p class="small">Full Stack Developer</p>
<div class="nav justify-content-center">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" fill="currentColor">
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 my-2">
<div class="lc-block">
<img src="demo/img/sections/team/4.webp" title="" alt="" loading="lazy" class="img-fluid">
</div>
<div class="position-relative text-center mx-2 mt-n4 py-4 bg-body-tertiary shadow" style="">
<h4>Faith Watson</h4>
<p class="small">Illustrator Designer</p>
<div class="nav justify-content-center">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" fill="currentColor">
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>

View File

@@ -0,0 +1,185 @@
<section class="p-4" aria-label="team-8">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="lc-block mb-4">
<span editable="inline" class="small mt-4 d-block">LOREM IPSUM</span>
<h2 editable="inline" class="display-2 mb-0">
<b>Team</b>
</h2>
<p editable="inline"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et metus id
<br> ligula malesuada placerat sit amet quis enim.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 py-4">
<div>
<img alt="" class="rounded-circle float-start me-4" src="demo/img/sections/team/1.webp" style="width:10vh;" loading="lazy">
<div>
<h5>
<strong>Neil Amstrong</strong>
</h5>
</div>
<small editable="inline" class="text-secondary" style="letter-spacing:1px">SOME LIPSUM</small>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo nulla, suscipit non dapibus vitae, dignissim id quam. Donec eget nulla tellus.&nbsp;</p>
</div>
</div>
<div class="lc-block float-end ms-3 py-4">
<a class="text-dark text-decoration-none" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1em" height="1em" lc-helper="svg-icon" fill="currentColor">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a>
<a class="text-dark text-decoration-none" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" lc-helper="svg-icon" fill="currentColor">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</a>
<a class="text-dark text-decoration-none" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="" lc-helper="svg-icon" fill="currentColor" width="1em" height="1em">
<path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
</svg>
</a>
<a class="text-dark text-decoration-none" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" width="1em" height="1em" lc-helper="svg-icon" fill="currentColor">
<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path>
</svg>
</a>
</div>
</div>
<div class="col-md-6 py-4">
<div>
<img alt="" class="rounded-circle float-start me-4" src="demo/img/sections/team/2.webp" style="width:10vh;" loading="lazy">
<div>
<h5>
<strong>Neil Amstrong</strong>
</h5>
</div>
<small editable="inline" class="text-secondary" style="letter-spacing:1px">SOME LIPSUM</small>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo nulla, suscipit non dapibus vitae, dignissim id quam. Donec eget nulla tellus.&nbsp;</p>
</div>
</div>
<div class="lc-block float-end ms-3 py-4">
<a class="text-dark text-decoration-none" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1em" height="1em" lc-helper="svg-icon" fill="currentColor">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a>
<a class="text-dark text-decoration-none" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" lc-helper="svg-icon" fill="currentColor">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</a>
<a class="text-dark text-decoration-none" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" lc-helper="svg-icon" fill="currentColor" width="1em" height="1em">
<path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
</svg>
</a>
<a class="text-dark text-decoration-none" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" width="1em" height="1em" lc-helper="svg-icon" fill="currentColor">
<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 py-4">
<div>
<img alt="" class="rounded-circle float-start me-4" src="demo/img/sections/team/3.webp" style="width:10vh;" loading="lazy">
<div>
<h5>
<strong>Neil Amstrong</strong>
</h5>
</div>
<small editable="inline" class="text-secondary" style="letter-spacing:1px">SOME LIPSUM</small>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo nulla, suscipit non dapibus vitae, dignissim id quam. Donec eget nulla tellus.&nbsp;</p>
</div>
</div>
<div class="lc-block float-end ms-3 py-4">
<a class="text-dark text-decoration-none" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1em" height="1em" lc-helper="svg-icon" fill="currentColor">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a>
<a class="text-dark text-decoration-none" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" lc-helper="svg-icon" fill="currentColor">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</a>
<a class="text-dark text-decoration-none" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="" lc-helper="svg-icon" fill="currentColor" width="1em" height="1em">
<path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
</svg>
</a>
<a class="text-dark text-decoration-none" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" width="1em" height="1em" lc-helper="svg-icon" fill="currentColor">
<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path>
</svg>
</a>
</div>
</div>
<div class="col-md-6 py-4">
<div>
<img alt="" class="rounded-circle float-start me-4" src="demo/img/sections/team/4.webp" style="width:10vh;" loading="lazy">
<div>
<h5>
<strong>Neil Amstrong</strong>
</h5>
</div>
<small editable="inline" class="text-secondary" style="letter-spacing:1px">SOME LIPSUM</small>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo nulla, suscipit non dapibus vitae, dignissim id quam. Donec eget nulla tellus.&nbsp;</p>
</div>
</div>
<div class="lc-block float-end ms-3 py-4">
<a class="text-dark text-decoration-none" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1em" height="1em" lc-helper="svg-icon" fill="currentColor">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a>
<a class="text-dark text-decoration-none" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" lc-helper="svg-icon" fill="currentColor">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</a>
<a class="text-dark text-decoration-none" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="" lc-helper="svg-icon" fill="currentColor" width="1em" height="1em">
<path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
</svg>
</a>
<a class="text-dark text-decoration-none" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" width="1em" height="1em" lc-helper="svg-icon" fill="currentColor">
<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</section>

View File

@@ -0,0 +1,131 @@
<section class="p-4" aria-label="team-9">
<div class="container">
<div class="row text-center pb-5 pt-3">
<div class="col-md-12 text-center">
<div class="lc-block">
<span class="small mt-4 d-block">LOREM IPSUM</span>
<h2 class="display-2 mb-0">
<b>Our Team</b>
</h2>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et metus id
<br>ligula malesuada placerat sit amet quis enim.
</p>
</div>
</div>
</div>
<div class="row pb-4">
<div class="col-md-6 col-lg-3 my-2">
<div class="lc-block">
<img src="demo/img/sections/team/1.webp" title="" alt="" loading="lazy" class="img-fluid">
</div>
<div class="position-relative text-center mx-2 mt-n4 py-4 bg-body-tertiary shadow" style="">
<h4>Benjamin Lawrence</h4>
<p class="small">Founder &amp; CEO</p>
<div class="nav justify-content-center">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" fill="currentColor">
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 my-2">
<div class="lc-block">
<img src="demo/img/sections/team/2.webp" title="" alt="" loading="lazy" class="img-fluid">
</div>
<div class="position-relative text-center mx-2 mt-n4 py-4 bg-body-tertiary shadow" style="">
<h4>Robert Greene</h4>
<p class="small">UX Designer</p>
<div class="nav justify-content-center">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" fill="currentColor">
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 my-2">
<div class="lc-block">
<img src="demo/img/sections/team/3.webp" title="" alt="" loading="lazy" class="img-fluid">
</div>
<div class="position-relative text-center mx-2 mt-n4 py-4 bg-body-tertiary shadow" style="">
<h4>Paul Mackenzie</h4>
<p class="small">Full Stack Developer</p>
<div class="nav justify-content-center">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" fill="currentColor">
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 my-2">
<div class="lc-block">
<img src="demo/img/sections/team/4.webp" title="" alt="" loading="lazy" class="img-fluid">
</div>
<div class="position-relative text-center mx-2 mt-n4 py-4 bg-body-tertiary shadow" style="">
<h4>Faith Watson</h4>
<p class="small">Illustrator Designer</p>
<div class="nav justify-content-center">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="me-1">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" fill="currentColor">
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>