2 Column Grid
Courses: 22
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula pellentesque. Quisque varius, ante non vulputate condimentum, orci ligula convallis risus, vel rutrum purus lectus...
Read More
Courses: 22
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula pellentesque. Quisque varius, ante non vulputate condimentum, orci ligula convallis risus, vel rutrum purus lectus...
Read More
<section id="dt-content" class="sec-pt-lg">
<div class="container">
<div class="row">
<div class="col-12">
<h2>2 Column Grid</h2>
</div>
</div>
<div class="row g-4">
<div class="col-md-6">
<div class="card card-department">
<div class="row g-0">
<div class="col-12">
<div class="card-image">
<div class="image">
<img src="themes/custom/education_pro/assets/theme/img/departments/department_1.png" class="img-fluid" alt="Department">
<a href="javascript:void(0)" class="overlay" title="Department Title"><h3>Department Title</h3></a>
</div>
</div>
</div>
<div class="col-12">
<div class="card-body">
<h4>Courses: <span>22</span></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula pellentesque. Quisque varius, ante non vulputate condimentum, orci ligula convallis risus, vel rutrum purus lectus...</p>
<a href="javascript:void(0)" title="Read More" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card card-department">
<div class="row g-0">
<div class="col-12">
<div class="card-image">
<div class="image">
<img src="themes/custom/education_pro/assets/theme/img/departments/department_2.png" class="img-fluid" alt="Department">
<a href="javascript:void(0)" class="overlay" title="Department Title"><h3>Department Title</h3></a>
</div>
</div>
</div>
<div class="col-12">
<div class="card-body">
<h4>Courses: <span>22</span></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula pellentesque. Quisque varius, ante non vulputate condimentum, orci ligula convallis risus, vel rutrum purus lectus...</p>
<a href="javascript:void(0)" title="Read More" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
3 Column Grid
Courses: 22
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula pellentesque...
Read MoreCourses: 22
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula pellentesque...
Read More
Courses: 22
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula pellentesque...
Read More
<section id="dt-content" class="sec-pt-lg">
<div class="container">
<div class="row">
<div class="col-12">
<h2>2 Column Grid</h2>
</div>
</div>
<div class="row g-4">
<div class="col-md-4">
<div class="card card-department">
<div class="row g-0">
<div class="col-12">
<div class="card-image">
<div class="image">
<img src="themes/custom/education_pro/assets/theme/img/departments/department_1.png" class="img-fluid" alt="Department">
<a href="javascript:void(0)" class="overlay" title="Department Title"><h3>Department Title</h3></a>
</div>
</div>
</div>
<div class="col-12">
<div class="card-body">
<h4>Courses: <span>22</span></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula pellentesque...</p>
<a href="javascript:void(0)" title="Read More" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card card-department">
<div class="row g-0">
<div class="col-12">
<div class="card-image">
<div class="image">
<img src="themes/custom/education_pro/assets/theme/img/departments/department_2.png" class="img-fluid" alt="Department">
<a href="javascript:void(0)" class="overlay" title="Department Title"><h3>Department Title</h3></a>
</div>
</div>
</div>
<div class="col-12">
<div class="card-body">
<h4>Courses: <span>22</span></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula pellentesque...</p>
<a href="javascript:void(0)" title="Read More" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card card-department">
<div class="row g-0">
<div class="col-12">
<div class="card-image">
<div class="image">
<img src="themes/custom/education_pro/assets/theme/img/departments/department_3.png" class="img-fluid" alt="Department">
<a href="javascript:void(0)" class="overlay" title="Department Title"><h3>Department Title</h3></a>
</div>
</div>
</div>
<div class="col-12">
<div class="card-body">
<h4>Courses: <span>22</span></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula pellentesque...</p>
<a href="javascript:void(0)" title="Read More" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
4 Column Grid
Courses: 22
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula...
Read MoreCourses: 22
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula...
Read MoreCourses: 22
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula...
Read More
Courses: 22
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula...
Read More
<section id="dt-content" class="sec-pt-lg">
<div class="container">
<div class="row">
<div class="col-12">
<h2>4 Column Grid</h2>
</div>
</div>
<div class="row g-4">
<div class="col-md-3">
<div class="card card-department">
<div class="row g-0">
<div class="col-12">
<div class="card-image">
<div class="image">
<img src="themes/custom/education_pro/assets/theme/img/departments/department_1.png" class="img-fluid" alt="Department">
<a href="javascript:void(0)" class="overlay" title="Department Title"><h3>Department Title</h3></a>
</div>
</div>
</div>
<div class="col-12">
<div class="card-body">
<h4>Courses: <span>22</span></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula...</p>
<a href="javascript:void(0)" title="Read More" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card card-department">
<div class="row g-0">
<div class="col-12">
<div class="card-image">
<div class="image">
<img src="themes/custom/education_pro/assets/theme/img/departments/department_2.png" class="img-fluid" alt="Department">
<a href="javascript:void(0)" class="overlay" title="Department Title"><h3>Department Title</h3></a>
</div>
</div>
</div>
<div class="col-12">
<div class="card-body">
<h4>Courses: <span>22</span></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula...</p>
<a href="javascript:void(0)" title="Read More" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card card-department">
<div class="row g-0">
<div class="col-12">
<div class="card-image">
<div class="image">
<img src="themes/custom/education_pro/assets/theme/img/departments/department_3.png" class="img-fluid" alt="Department">
<a href="javascript:void(0)" class="overlay" title="Department Title"><h3>Department Title</h3></a>
</div>
</div>
</div>
<div class="col-12">
<div class="card-body">
<h4>Courses: <span>22</span></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula...</p>
<a href="javascript:void(0)" title="Read More" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card card-department">
<div class="row g-0">
<div class="col-12">
<div class="card-image">
<div class="image">
<img src="themes/custom/education_pro/assets/theme/img/departments/department_4.png" class="img-fluid" alt="Department">
<a href="javascript:void(0)" class="overlay" title="Department Title"><h3>Department Title</h3></a>
</div>
</div>
</div>
<div class="col-12">
<div class="card-body">
<h4>Courses: <span>22</span></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula...</p>
<a href="javascript:void(0)" title="Read More" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
List
Courses: 22
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula pellentesque. Quisque varius, ante non vulputate condimentum, orci ligula convallis risus, vel rutrum purus lectus...
Read More
<section id="dt-content" class="sec-pt-lg">
<div class="container">
<div class="row">
<div class="col-12">
<h2>2 Column Grid</h2>
</div>
</div>
<div class="row g-4">
<div class="col-12">
<div class="card card-department">
<div class="row g-0">
<div class="col-md-5">
<div class="card-image">
<div class="image">
<img src="themes/custom/education_pro/assets/theme/img/departments/department_3.png" class="img-fluid" alt="Department">
<a href="javascript:void(0)" class="overlay" title="Department Title"><h3>Department Title</h3></a>
</div>
</div>
</div>
<div class="col-md-7 d-flex align-items-center">
<div class="card-body ps-md-5">
<h4>Courses: <span>22</span></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu diam nisi. Praesent porta vehicula pellentesque. Quisque varius, ante non vulputate condimentum, orci ligula convallis risus, vel rutrum purus lectus...</p>
<a href="javascript:void(0)" title="Read More" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>