1. Home
  2. Docs
  3. Edmo – Moodle Theme Documentation
  4. Creating content
  5. Advisor Slider

Advisor Slider

Use HTML Into Editor

Copying the HTML and add into editor and update content following Use HTML Into Editor

<!-- Start Advisor Area -->
<section class="advisor-area bg-f9f9f9 ptb-100">
    <div class="container">
        <div class="section-title">
            <span class="sub-title">Instructor</span>
            <h2>Course Advisor</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>

        <div class="advisor-slides owl-carousel owl-theme">
            <div class="single-advisor-box">
                <div class="row align-items-center">
                    <div class="col-lg-4 col-md-4">
                        <div class="advisor-image">
                            <img src="https://edmo.envytheme.com/draftfile.php/5/user/draft/231457242/advisor-img1.jpg" alt="image">
                        </div>
                    </div>

                    <div class="col-lg-8 col-md-8">
                        <div class="advisor-content">
                            <h3><a href="#">William James</a></h3>
                            <span class="sub-title">Project Management Expert</span>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dol aliqua.</p>
                            <ul class="social-link">
                                <li><a href="#" class="d-block" target="_blank"><i class="bx bxl-facebook"></i></a></li>
                                <li><a href="#" class="d-block" target="_blank"><i class="bx bxl-twitter"></i></a></li>
                                <li><a href="#" class="d-block" target="_blank"><i class="bx bxl-instagram"></i></a></li>
                                <li><a href="#" class="d-block" target="_blank"><i class="bx bxl-linkedin"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="single-advisor-box">
                <div class="row align-items-center">
                    <div class="col-lg-4 col-md-4">
                        <div class="advisor-image">
                            <img src="https://edmo.envytheme.com/draftfile.php/5/user/draft/231457242/advisor-img2.jpg" alt="image">
                        </div>
                    </div>

                    <div class="col-lg-8 col-md-8">
                        <div class="advisor-content">
                            <h3><a href="#">Sarah Taylor</a></h3>
                            <span class="sub-title">Agile Project Expert</span>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dol aliqua.</p>
                            <ul class="social-link">
                                <li><a href="#" class="d-block" target="_blank"><i class="bx bxl-facebook"></i></a></li>
                                <li><a href="#" class="d-block" target="_blank"><i class="bx bxl-twitter"></i></a></li>
                                <li><a href="#" class="d-block" target="_blank"><i class="bx bxl-instagram"></i></a></li>
                                <li><a href="#" class="d-block" target="_blank"><i class="bx bxl-linkedin"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="single-advisor-box">
                <div class="row align-items-center">
                    <div class="col-lg-4 col-md-4">
                        <div class="advisor-image">
                            <img src="https://edmo.envytheme.com/draftfile.php/5/user/draft/231457242/advisor-img3.jpg" alt="image">
                        </div>
                    </div>

                    <div class="col-lg-8 col-md-8">
                        <div class="advisor-content">
                            <h3><a href="#">James Andy</a></h3>
                            <span class="sub-title">QA Project Expert</span>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dol aliqua.</p>
                            <ul class="social-link">
                                <li><a href="#" class="d-block" target="_blank"><i class="bx bxl-facebook"></i></a></li>
                                <li><a href="#" class="d-block" target="_blank"><i class="bx bxl-twitter"></i></a></li>
                                <li><a href="#" class="d-block" target="_blank"><i class="bx bxl-instagram"></i></a></li>
                                <li><a href="#" class="d-block" target="_blank"><i class="bx bxl-linkedin"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Advisor Area -->
Was this article helpful to you? Yes No

How can we help?