<!-- ==========Speaker-Section========== -->
<section class="speaker-section padding-bottom padding-top">
    <div class="container">
        <div class="section-header-3">
            <span class="cate">listen to the</span>
            <h2 class="title">event speakers</h2>
            <p>World is committed to making participation in the event a harassment free experience for 
            everyone, regardless of level of experience, gender, gender identity and expression</p>
        </div>
        <div class="speaker--slider">
            <div class="speaker-slider owl-carousel owl-theme">
                <div class="speaker-item">
                    <div class="speaker-thumb">
                        <a href="event-speaker.html">
                            <img src="images/speaker/speaker01.jpg" alt="speaker">
                        </a>
                    </div>
                    <div class="speaker-content">
                        <h5 class="title">
                            <a href="event-speaker.html">
                                Gerard Bryan 
                            </a>
                        </h5>
                        <span>lead speaker</span>
                    </div>
                </div>
                <div class="speaker-item">
                    <div class="speaker-thumb">
                        <a href="event-speaker.html">
                            <img src="images/speaker/speaker02.jpg" alt="speaker">
                        </a>
                    </div>
                    <div class="speaker-content">
                        <h5 class="title">
                            <a href="event-speaker.html">
                                Raihan Rafuj
                            </a>
                        </h5>
                        <span>lead speaker</span>
                    </div>
                </div>
                <div class="speaker-item">
                    <div class="speaker-thumb">
                        <a href="event-speaker.html">
                            <img src="images/speaker/speaker03.jpg" alt="speaker">
                        </a>
                    </div>
                    <div class="speaker-content">
                        <h5 class="title">
                            <a href="event-speaker.html">
                                Bela Bose
                            </a>
                        </h5>
                        <span>lead speaker</span>
                    </div>
                </div>
                <div class="speaker-item">
                    <div class="speaker-thumb">
                        <a href="event-speaker.html">
                            <img src="images/speaker/speaker04.jpg" alt="speaker">
                        </a>
                    </div>
                    <div class="speaker-content">
                        <h5 class="title">
                            <a href="event-speaker.html">
                                Grass Hopper
                            </a>
                        </h5>
                        <span>lead speaker</span>
                    </div>
                </div>
            </div>
            <div class="speaker-prev">
                <i class="flaticon-double-right-arrows-angles"></i>
            </div>
            <div class="speaker-next">
                <i class="flaticon-double-right-arrows-angles"></i>
            </div>
        </div>
    </div>
</section>
<!-- ==========Speaker-Section========== -->