1. Home
  2. Docs
  3. Edmo – Moodle Theme Documentation
  4. Creating content
  5. Courses Area

Courses Area

Use HTML Into Editor

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 &amp; 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 &amp; 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 -->
Was this article helpful to you? Yes No

How can we help?