Copying the HTML and add into editor and update content following Use HTML Into Editor
You have to add manually course image and link
<!-- Start Courses Area -->
<section class="courses-area ptb-100">
<div class="container">
<div class="section-title">
<span class="sub-title">Learn At Your Own Pace</span>
<h2>Edmo Popular Courses</h2>
<p>Explore all of our courses and pick your suitable ones to enroll and start learning with us! We ensure that you will never regret it!</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="single-courses-box">
<div class="courses-image">
<a href="https://edmo.envytheme.com/course/view.php?id=6" class="d-block image">
<img src="https://edmo.envytheme.com/draftfile.php/5/user/draft/381349341/img1.jpg" alt="image">
</a>
<div class="price shadow">$39</div>
</div>
<div class="courses-content">
<div class="course-author d-flex align-items-center">
<img src="https://edmo.envytheme.com/draftfile.php/5/user/draft/381349341/user1.jpg" alt="image" class="rounded-circle">
<span>Alex Morgan</span>
</div>
<h3><a href="https://edmo.envytheme.com/course/view.php?id=6">Deep Learning a-z™: Hands-on Artificial Neural Networks</a></h3>
<p>This master level course is for you if you are looking to learn the DL & ANN topics in and out within a short time!</p>
<ul class="courses-box-footer d-flex justify-content-between align-items-center">
<li>
<i class="flaticon-agenda"></i> 15 Lessons
</li>
<li>
<i class="flaticon-people"></i> 145 Students
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-courses-box">
<div class="courses-image">
<a href="https://edmo.envytheme.com/course/view.php?id=5" class="d-block image">
<img src="https://edmo.envytheme.com/draftfile.php/5/user/draft/381349341/img2.jpg" alt="image">
</a>
<div class="price shadow">$49</div>
</div>
<div class="courses-content">
<div class="course-author d-flex align-items-center">
<img src="https://edmo.envytheme.com/draftfile.php/5/user/draft/381349341/user2.jpg" alt="image" class="rounded-circle">
<span>Sarah Taylor</span>
</div>
<h3><a href="https://edmo.envytheme.com/course/view.php?id=5">Java Programming Masterclass for Software Developers</a></h3>
<p>Java is the most stable and vastly uses a top programming language for mobile, web, and desktop environments.</p>
<ul class="courses-box-footer d-flex justify-content-between align-items-center">
<li>
<i class="flaticon-agenda"></i> 20 Lessons
</li>
<li>
<i class="flaticon-people"></i> 100 Students
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 offset-lg-0 offset-md-3">
<div class="single-courses-box">
<div class="courses-image">
<a href="https://edmo.envytheme.com/course/view.php?id=4" class="d-block image">
<img src="https://edmo.envytheme.com/draftfile.php/5/user/draft/381349341/img3.jpg" alt="image">
</a>
<div class="price shadow">$59</div>
</div>
<div class="courses-content">
<div class="course-author d-flex align-items-center">
<img src="https://edmo.envytheme.com/draftfile.php/5/user/draft/381349341/user3.jpg" alt="image" class="rounded-circle">
<span>David Warner</span>
</div>
<h3><a href="https://edmo.envytheme.com/course/view.php?id=4">The Data Science Course 2020: Complete Data Science Bootcamp</a></h3>
<p>We designed the Data Science Bootcamp course to give you the best learning experience within a short time.</p>
<ul class="courses-box-footer d-flex justify-content-between align-items-center">
<li>
<i class="flaticon-agenda"></i> 20 Lessons
</li>
<li>
<i class="flaticon-people"></i> 150 Students
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="courses-info">
<p>Enjoy the top-notch learning methods and achieve next level skills! You are the creator of your own career & we will guide you through that. <a href="https://edmo.envytheme.com/login/signup.php?">Register Free Now!</a>.</p>
</div>
</div>
</div>
</div>
</section>
<!-- End Courses Area -->