Educator Style 1
<section class="teams dt-section">
<div class="container">
<div class="educator-block">
<div class="educator1">
<div class="row row-mr">
<div class="col-lg-4 col-md-6 col-12 col-mr">
<div class="content-block">
<div class="whole-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/edu_care/assets/images/elements/educator/Team-1.jpeg" alt="educators" />
<div class="overlay d-flex align-items-center justify-content-center" style="background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));">
<a title="View-Profile" href="#" class="btn btn-primary btn-sm btn-custom1">View Profile
</a>
</div>
</div>
</div>
<div class="content-wrapper">
<div class="team-info">
<h4><a href="#" title="name">Shane Warner</a></h4>
<p>Instructor</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12 col-mr">
<div class="content-block">
<div class="whole-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/edu_care/assets/images/elements/educator/Team-2.jpeg" alt="educators" />
<div class="overlay d-flex align-items-center justify-content-center" style="background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));">
<a title="View-Profile" href="#" class="btn btn-primary btn-sm btn-custom1">View Profile
</a>
</div>
</div>
</div>
<div class="content-wrapper">
<div class="team-info">
<h4><a href="#" title="name">Maria Teresa</a></h4>
<p>HOD</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12 col-mr">
<div class="content-block">
<div class="whole-wrapper">
<div class="img-wrapper">
<img src="../themes/custom/edu_care/assets/images/elements/educator/Team-4.jpg" alt="educators" />
<div class="overlay d-flex align-items-center justify-content-center" style="background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));">
<a title="View-Profile" href="#" class="btn btn-primary btn-sm btn-custom1">View Profile
</a>
</div>
</div>
</div>
<div class="content-wrapper">
<div class="team-info">
<h4><a href="#" title="name">Kane Fredrick</a></h4>
<p>Instructor</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Educator Style 2
<section class="teams dt-section">
<div class="container">
<div class="educator-block">
<div class="educator2">
<div class="row row-mr">
<div class="col-lg-4 col-md-6 col-12 col-mr">
<div class="content-block">
<div class="img-wrapper">
<img src="../themes/custom/edu_care/assets/images/elements/educator/Team-1.jpeg" alt="educators" />
</div>
<div class="content-wrapper">
<div class="info-content">
<h4><a href="#" title="name">Shane Warner</a></h4>
<p>Instructor</p>
</div>
<a class="svg-wrapper d-flex align-items-center justify-content-center" href="#" title="Details">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="240" viewBox="0 0 150 240"><path data-name="Path 40756" d="M428.483,349.67l-95.3-97.316-95.882,96.7-23.823-25.412L332.6,199.67l120.87,123.351Z" transform="translate(349.67 -213.475) rotate(90)" fill="#130f40" fill-rule="evenodd"></path></svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12 col-mr">
<div class="content-block">
<div class="img-wrapper">
<img src="../themes/custom/edu_care/assets/images/elements/educator/Team-2.jpeg" alt="educators" />
</div>
<div class="content-wrapper">
<div class="info-content">
<h4><a href="#" title="name">Maria Teresa</a></h4>
<p>HOD</p>
</div>
<a class="svg-wrapper d-flex align-items-center justify-content-center" href="#" title="Details">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="240" viewBox="0 0 150 240"><path data-name="Path 40756" d="M428.483,349.67l-95.3-97.316-95.882,96.7-23.823-25.412L332.6,199.67l120.87,123.351Z" transform="translate(349.67 -213.475) rotate(90)" fill="#130f40" fill-rule="evenodd"></path></svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12 col-mr">
<div class="content-block">
<div class="img-wrapper">
<img src="../themes/custom/edu_care/assets/images/elements/educator/Team-4.jpg" alt="educators" />
</div>
<div class="content-wrapper">
<div class="info-content">
<h4><a href="#" title="name">Kane Fredrick</a></h4>
<p>Instructor</p>
</div>
<a class="svg-wrapper d-flex align-items-center justify-content-center" href="#" title="Details">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="240" viewBox="0 0 150 240"><path data-name="Path 40756" d="M428.483,349.67l-95.3-97.316-95.882,96.7-23.823-25.412L332.6,199.67l120.87,123.351Z" transform="translate(349.67 -213.475) rotate(90)" fill="#130f40" fill-rule="evenodd"></path></svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Educator Style 3
<section class="teams dt-section">
<div class="container">
<div class="educator-block">
<div class="educator3">
<div class="row row-mr">
<div class="col-lg-4 col-md-6 col-12 col-mr">
<div class="content-block">
<div class="img-wrapper">
<img src="../themes/custom/edu_care/assets/images/elements/educator/Team-1.jpeg" alt="educators" />
<div class="overlay d-flex align-items-center justify-content-center" style="background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));">
<div class="social-icons">
<div>
<a title="Facebook" href="https://www.facebook.com/" target="_blank">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<i class="fab fa-facebook-f" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></i>
</div>
</div>
</a>
</div>
<div>
<a title="Instagram" href="https://www.instagram.com/" target="_blank">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<i class="fab fa-instagram" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></i>
</div>
</div>
</a>
</div>
<div>
<a title="Twitter" href="https://twitter.com/" target="_blank">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<i class="fab fa-twitter" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></i>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="content-wrapper">
<div class="info-content">
<h4><a href="#" title="name">Shane Warner</a></h4>
<p>Instructor</p>
</div>
<a class="svg-wrapper d-flex align-items-center justify-content-center" href="#" title="Details">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="240" viewBox="0 0 150 240"><path data-name="Path 40756" d="M428.483,349.67l-95.3-97.316-95.882,96.7-23.823-25.412L332.6,199.67l120.87,123.351Z" transform="translate(349.67 -213.475) rotate(90)" fill="#130f40" fill-rule="evenodd"></path></svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12 col-mr">
<div class="content-block">
<div class="img-wrapper">
<img src="../themes/custom/edu_care/assets/images/elements/educator/Team-2.jpeg" alt="educators" />
<div class="overlay d-flex align-items-center justify-content-center" style="background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));">
<div class="social-icons">
<div>
<a title="Facebook" href="https://www.facebook.com/" target="_blank"><div class="fontawesome-icons">
<div class="fontawesome-icon">
<i class="fab fa-facebook-f" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></i>
</div>
</div>
</a>
</div>
<div>
<a title="Instagram" href="https://www.instagram.com/" target="_blank"><div class="fontawesome-icons">
<div class="fontawesome-icon">
<i class="fab fa-instagram" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></i>
</div>
</div>
</a>
</div>
<div>
<a title="Twitter" href="https://twitter.com/" target="_blank">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<i class="fab fa-twitter" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></i>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="content-wrapper">
<div class="info-content">
<h4><a href="#" title="name">Maria Teresa</a></h4>
<p>HOD</p>
</div>
<a class="svg-wrapper d-flex align-items-center justify-content-center" href="#" title="Details">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="240" viewBox="0 0 150 240"><path data-name="Path 40756" d="M428.483,349.67l-95.3-97.316-95.882,96.7-23.823-25.412L332.6,199.67l120.87,123.351Z" transform="translate(349.67 -213.475) rotate(90)" fill="#130f40" fill-rule="evenodd"></path></svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12 col-mr">
<div class="content-block">
<div class="img-wrapper">
<img src="../themes/custom/edu_care/assets/images/elements/educator/Team-4.jpg" alt="educators" />
<div class="overlay d-flex align-items-center justify-content-center" style="background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));">
<div class="social-icons">
<div>
<a title="Facebook" href="https://www.facebook.com/" target="_blank">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<i class="fab fa-facebook-f" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></i>
</div>
</div>
</a>
</div>
<div>
<a title="Instagram" href="https://www.instagram.com/" target="_blank">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<i class="fab fa-instagram" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></i>
</div>
</div>
</a>
</div>
<div>
<a title="Twitter" href="https://twitter.com/" target="_blank">
<div class="fontawesome-icons">
<div class="fontawesome-icon">
<i class="fab fa-twitter" data-fa-transform="" data-fa-mask="" style="--fa-primary-color: #000000; --fa-secondary-color: #000000;"></i>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="content-wrapper">
<div class="info-content">
<h4><a href="#" title="name">Kane Fredrick</a></h4>
<p>Instructor</p>
</div>
<a class="svg-wrapper d-flex align-items-center justify-content-center" href="#" title="Details">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="240" viewBox="0 0 150 240"><path data-name="Path 40756" d="M428.483,349.67l-95.3-97.316-95.882,96.7-23.823-25.412L332.6,199.67l120.87,123.351Z" transform="translate(349.67 -213.475) rotate(90)" fill="#130f40" fill-rule="evenodd"></path></svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>