Style 1
John Doe
Designation
Jane Doe
Designation
John Doe
Designation
Jane Doe
Designation
<section id="dt-content" class="sec-pt-lg">
<div class="container">
<div class="row">
<div class="col-12">
<h2>Style 1</h2>
<div class="row g-4">
<div class="col-lg-3">
<div class="card card-faculty style1">
<div class="card-image">
<a href="#" class="image" title=""><img src="themes/custom/education_pro/assets/theme/img/educators/faculty_1.png" class="img-fluid" alt=""></a>
</div>
<div class="card-body text-center">
<h3>John Doe</h3>
<p>Designation</p>
<ul class="list-inline social-links mb-0">
<li class="list-inline-item"><a href="" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="" title="Twitter"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="" title="LinkedIn"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card card-faculty style1">
<div class="card-image">
<a href="#" class="image" title=""><img src="themes/custom/education_pro/assets/theme/img/educators/faculty_2.png" class="img-fluid" alt=""></a>
</div>
<div class="card-body text-center">
<h3>Jane Doe</h3>
<p>Designation</p>
<ul class="list-inline social-links mb-0">
<li class="list-inline-item"><a href="" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="" title="Twitter"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="" title="LinkedIn"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card card-faculty style1">
<div class="card-image">
<a href="#" class="image" title=""><img src="themes/custom/education_pro/assets/theme/img/educators/faculty_3.png" class="img-fluid" alt=""></a>
</div>
<div class="card-body text-center">
<h3>John Doe</h3>
<p>Designation</p>
<ul class="list-inline social-links mb-0">
<li class="list-inline-item"><a href="" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="" title="Twitter"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="" title="LinkedIn"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card card-faculty style1">
<div class="card-image">
<a href="#" class="image" title=""><img src="themes/custom/education_pro/assets/theme/img/educators/faculty_4.png" class="img-fluid" alt=""></a>
</div>
<div class="card-body text-center">
<h3>Jane Doe</h3>
<p>Designation</p>
<ul class="list-inline social-links mb-0">
<li class="list-inline-item"><a href="" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="" title="Twitter"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="" title="LinkedIn"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Style 2
John Doe
Designation
Jane Doe
Designation
John Doe
Designation
Jane Doe
Designation
<section id="dt-content" class="sec-pt-lg">
<div class="container">
<div class="row">
<div class="col-12">
<h2>Style 2</h2>
<div class="row g-4">
<div class="col-lg-3">
<div class="card card-faculty style2">
<div class="card-image">
<a href="#" class="image" title=""><img src="themes/custom/education_pro/assets/theme/img/educators/faculty_11.png" class="img-fluid" alt=""></a>
</div>
<div class="card-body text-center">
<h3>John Doe</h3>
<p>Designation</p>
<ul class="list-inline social-links mb-0">
<li class="list-inline-item"><a href="" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="" title="Twitter"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="" title="LinkedIn"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card card-faculty style2">
<div class="card-image">
<a href="#" class="image" title=""><img src="themes/custom/education_pro/assets/theme/img/educators/faculty_12.png" class="img-fluid" alt=""></a>
</div>
<div class="card-body text-center">
<h3>Jane Doe</h3>
<p>Designation</p>
<ul class="list-inline social-links mb-0">
<li class="list-inline-item"><a href="" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="" title="Twitter"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="" title="LinkedIn"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card card-faculty style2">
<div class="card-image">
<a href="#" class="image" title=""><img src="themes/custom/education_pro/assets/theme/img/educators/faculty_13.png" class="img-fluid" alt=""></a>
</div>
<div class="card-body text-center">
<h3>John Doe</h3>
<p>Designation</p>
<ul class="list-inline social-links mb-0">
<li class="list-inline-item"><a href="" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="" title="Twitter"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="" title="LinkedIn"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card card-faculty style2">
<div class="card-image">
<a href="#" class="image" title=""><img src="themes/custom/education_pro/assets/theme/img/educators/faculty_14.png" class="img-fluid" alt=""></a>
</div>
<div class="card-body text-center">
<h3>Jane Doe</h3>
<p>Designation</p>
<ul class="list-inline social-links mb-0">
<li class="list-inline-item"><a href="" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item"><a href="" title="Twitter"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="" title="LinkedIn"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
