Lite
Courses
+
Students
+
Educators
+
Awards
+
<section id="dt-content" class="sec-pt-lg buttons">
<div class="container">
<div class="row">
<div class="col-12">
<h2>Lite</h2>
</div>
</div>
</div>
<div class="bg-light sec-pn-lg">
<div class="container">
<div class="row" id="statistics">
<div class="col-md-3">
<div class="card card-stat">
<h2>Courses</h2>
<div class="icon"><img src="themes/custom/education_pro/assets/theme/img/counter/counter-1.svg" alt="Course"></div>
</div>
</div>
<div class="col-md-3">
<div class="card card-stat">
<h2>Students</h2>
<div class="icon"><img src="themes/custom/education_pro/assets/theme/img/counter/students.svg" alt="Student"></div>
</div>
</div>
<div class="col-md-3">
<div class="card card-stat">
<h2>Educators</h2>
<div class="icon"><img src="themes/custom/education_pro/assets/theme/img/counter/teacher.svg" alt="Educator"></div>
<div class="rate"><span class="count">150</span>+</div>
</div>
</div>
<div class="col-md-3">
<div class="card card-stat">
<h2>Awards</h2>
<div class="icon"><img src="themes/custom/education_pro/assets/theme/img/counter/award.svg" alt="Award"></div>
<div class="rate"><span class="count">20</span>+</div>
</div>
</div>
</div>
</div>
</div>
</section>
Dark
Courses
+
Students
+
Educators
+
Awards
+
<section id="dt-content" class="sec-pt-lg buttons">
<div class="container">
<div class="row">
<div class="col-12">
<h2>Dark</h2>
</div>
</div>
</div>
<div class="bg-secondary sec-pn-lg">
<div class="container">
<div class="row" id="statistics">
<div class="col-md-3">
<div class="card card-stat dark">
<div class="icon"><img src="themes/custom/education_pro/assets/theme/img/counter/white-icon.svg" alt="Course"></div>
<h2>Courses</h2>
</div>
</div>
<div class="col-md-3">
<div class="card card-stat dark">
<div class="icon"><img src="themes/custom/education_pro/assets/theme/img/counter/white-student.svg" alt="Student"></div>
<h2>Students</h2>
</div>
</div>
<div class="col-md-3">
<div class="card card-stat dark">
<div class="icon"><img src="themes/custom/education_pro/assets/theme/img/counter/white-teacher.svg" alt="Educator"></div>
<h2>Educators</h2>
<div class="rate"><span class="count">150</span>+</div>
</div>
</div>
<div class="col-md-3">
<div class="card card-stat dark">
<div class="icon"><img src="themes/custom/education_pro/assets/theme/img/counter/white-award.svg" alt="Award"></div>
<h2>Awards</h2>
<div class="rate"><span class="count">20</span>+</div>
</div>
</div>
</div>
</div>
</div>
</section>
