2 Column Grid
CRSID00001
Course Title
Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...
CRSID00001
Course Title
Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...
<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-course">
<div class="card-image">
<a href="javascript:void(0)" class="image" title="Course Title"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
</div>
<div class="card-body">
<div class="course-id">CRSID00001</div>
<h2><a href="javascript:void(0)" title="Course Title">Course Title</a></h2>
<p>Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card card-course">
<div class="card-image">
<a href="javascript:void(0)" class="image" title="Course Title"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
</div>
<div class="card-body">
<div class="course-id">CRSID00001</div>
<h2><a href="javascript:void(0)" title="Course Title">Course Title</a></h2>
<p>Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...</p>
</div>
</div>
</div>
</div>
</div>
</section>
3 Column Grid
CRSID00001
Course Title
Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...
CRSID00001
Course Title
Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...
CRSID00001
Course Title
Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...
<section id="dt-content" class="sec-pt-lg">
<div class="container">
<div class="row">
<div class="col-12">
<h2>3 Column Grid</h2>
</div>
</div>
<div class="row g-4">
<div class="col-md-4">
<div class="card card-course">
<div class="card-image">
<a href="javascript:void(0)" class="image" title="Course Title"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
</div>
<div class="card-body">
<div class="course-id">CRSID00001</div>
<h2><a href="javascript:void(0)" title="Course Title">Course Title</a></h2>
<p>Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card card-course">
<div class="card-image">
<a href="javascript:void(0)" class="image" title="Course Title"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
</div>
<div class="card-body">
<div class="course-id">CRSID00001</div>
<h2><a href="javascript:void(0)" title="Course Title">Course Title</a></h2>
<p>Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card card-course">
<div class="card-image">
<a href="javascript:void(0)" class="image" title="Course Title"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
</div>
<div class="card-body">
<div class="course-id">CRSID00001</div>
<h2><a href="javascript:void(0)" title="Course Title">Course Title</a></h2>
<p>Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...</p>
</div>
</div>
</div>
</div>
</div>
</section>
4 Column Grid
CRSID00001
Course Title
Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...
CRSID00001
Course Title
Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...
CRSID00001
Course Title
Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...
CRSID00001
Course Title
Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...
<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 col-lg-3">
<div class="card card-course">
<div class="card-image">
<a href="javascript:void(0)" class="image" title="Course Title"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
</div>
<div class="card-body">
<div class="course-id">CRSID00001</div>
<h2><a href="javascript:void(0)" title="Course Title">Course Title</a></h2>
<p>Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card card-course">
<div class="card-image">
<a href="javascript:void(0)" class="image" title="Course Title"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
</div>
<div class="card-body">
<div class="course-id">CRSID00001</div>
<h2><a href="javascript:void(0)" title="Course Title">Course Title</a></h2>
<p>Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card card-course">
<div class="card-image">
<a href="javascript:void(0)" class="image" title="Course Title"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
</div>
<div class="card-body">
<div class="course-id">CRSID00001</div>
<h2><a href="javascript:void(0)" title="Course Title">Course Title</a></h2>
<p>Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card card-course">
<div class="card-image">
<a href="javascript:void(0)" class="image" title="Course Title"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
</div>
<div class="card-body">
<div class="course-id">CRSID00001</div>
<h2><a href="javascript:void(0)" title="Course Title">Course Title</a></h2>
<p>Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...</p>
</div>
</div>
</div>
</div>
</div>
</section>
List Style 1
CRSID00001
Course Title
Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...
<section id="dt-content" class="sec-pt-lg">
<div class="container">
<div class="row">
<div class="col-12">
<h2>List Style</h2>
</div>
</div>
<div class="row g-4">
<div class="col-12">
<div class="card card-course">
<div class="row g-0">
<div class="col-md-5">
<div class="card-image">
<a href="javascript:void(0)" class="image" title="Department Title"><img src="themes/custom/education_pro/assets/theme/img/blog/1.jpg" class="img-fluid" alt="Blog Post Image"></a>
</div>
</div>
<div class="col-md-7 d-flex align-items-center">
<div class="card-body ps-md-5">
<div class="course-id">CRSID00001</div>
<h2><a href="javascript:void(0)" title="Course Title">Course Title</a></h2>
<p>Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt...</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>