<div class="site-section site-hero inner">
<div class="container">
<div class="row align-items-center">
<div class="col-md-10">
<span class="d-block mb-3 caption" data-aos="fade-up">Our Speakers</span>
<h1 class="d-block mb-4" data-aos="fade-up" data-aos-delay="100">Speakers</h1>
</div>
</div>
</div>
</div>
<div class="site-section">
<div class="container">
<div class="row align-items-center speaker">
<div class="col-lg-6 mb-5 mb-lg-0" data-aos="fade" data-aos-delay="100">
<img src="images/person_1.jpg" alt="Image" class="img-fluid">
</div>
<div class="col-lg-6 ml-auto">
<h2 class="text-white mb-4 name" data-aos="fade-right" data-aos-delay="200">Emely Peters</h2>
<div class="bio pl-lg-5">
<span class="text-uppercase text-primary d-block mb-3" data-aos="fade-right" data-aos-delay="300">Web Designer</span>
<p class="mb-4" data-aos="fade-right" data-aos-delay="400">Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus error deleniti dolores necessitatibus eligendi. Nesciunt repellendus ab voluptatibus. Minima architecto impedit eaque molestiae dicta quam. Cum ducimus. Culpa distinctio aperiam</p>
<p data-aos="fade-right" data-aos-delay="500">
Follow Emely —
<a href="#" class="p-2"><span class="icon-facebook"></span></a>
<a href="#" class="p-2"><span class="icon-twitter"></span></a>
<a href="#" class="p-2"><span class="icon-github"></span></a>
</p>
</div>
</div>
</div>
<div class="row align-items-center speaker">
<div class="col-lg-6 mb-5 mb-lg-0 order-lg-2" data-aos="fade" data-aos-delay="100">
<img src="images/person_2.jpg" alt="Image" class="img-fluid">
</div>
<div class="col-lg-6 ml-auto order-lg-1">
<h2 class="text-white mb-4 name" data-aos="fade-left" data-aos-delay="200">Alex Anchor</h2>
<div class="bio pr-lg-5">
<span class="text-uppercase text-primary d-block mb-3" data-aos="fade-left" data-aos-delay="300">Web Designer</span>
<p class="mb-4" data-aos="fade-left" data-aos-delay="400">Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus error deleniti dolores necessitatibus eligendi. Nesciunt repellendus ab voluptatibus. Minima architecto impedit eaque molestiae dicta quam. Cum ducimus. Culpa distinctio aperiam</p>
<p data-aos="fade-left" data-aos-delay="500">
Follow Alex —
<a href="#" class="p-2"><span class="icon-facebook"></span></a>
<a href="#" class="p-2"><span class="icon-twitter"></span></a>
<a href="#" class="p-2"><span class="icon-github"></span></a>
</p>
</div>
</div>
</div>
<div class="row align-items-center speaker">
<div class="col-lg-6 mb-5 mb-lg-0" data-aos="fade" data-aos-delay="100">
<img src="images/person_3.jpg" alt="Image" class="img-fluid">
</div>
<div class="col-lg-6 ml-auto">
<h2 class="text-white mb-4 name" data-aos="fade-right" data-aos-delay="200">Aaron Thomas</h2>
<div class="bio pl-lg-5">
<span class="text-uppercase text-primary d-block mb-3" data-aos="fade-right" data-aos-delay="300">Web Designer</span>
<p class="mb-4" data-aos="fade-right" data-aos-delay="400">Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus error deleniti dolores necessitatibus eligendi. Nesciunt repellendus ab voluptatibus. Minima architecto impedit eaque molestiae dicta quam. Cum ducimus. Culpa distinctio aperiam</p>
<p data-aos="fade-right" data-aos-delay="500">
Follow Aaron —
<a href="#" class="p-2"><span class="icon-facebook"></span></a>
<a href="#" class="p-2"><span class="icon-twitter"></span></a>
<a href="#" class="p-2"><span class="icon-github"></span></a>
</p>
</div>
</div>
</div>
<div class="row align-items-center speaker">
<div class="col-lg-6 mb-5 mb-lg-0 order-lg-2" data-aos="fade" data-aos-delay="100">
<img src="images/person_4.jpg" alt="Image" class="img-fluid">
</div>
<div class="col-lg-6 ml-auto order-lg-1">
<h2 class="text-white mb-4 name" data-aos="fade-left" data-aos-delay="200">Chris Mathews</h2>
<div class="bio pr-lg-5">
<span class="text-uppercase text-primary d-block mb-3" data-aos="fade-left" data-aos-delay="300">Web Designer</span>
<p class="mb-4" data-aos="fade-left" data-aos-delay="400">Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus error deleniti dolores necessitatibus eligendi. Nesciunt repellendus ab voluptatibus. Minima architecto impedit eaque molestiae dicta quam. Cum ducimus. Culpa distinctio aperiam</p>
<p data-aos="fade-left" data-aos-delay="500">
Follow Chris —
<a href="#" class="p-2"><span class="icon-facebook"></span></a>
<a href="#" class="p-2"><span class="icon-twitter"></span></a>
<a href="#" class="p-2"><span class="icon-github"></span></a>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="site-section">
<div class="container">
<div class="row mb-5">
<div class="col-lg-4" data-aos="fade-up">
<div class="site-section-heading">
<h2>Programs</h2>
</div>
</div>
<div class="col-lg-6 mt-5 pl-lg-5" data-aos="fade-up" data-aos-delay="100">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus error deleniti dolores necessitatibus eligendi. Nesciunt repellendus ab voluptatibus.</p>
</div>
</div>
<div class="row align-items-stretch program">
<div class="col-12 border-top border-bottom py-5" data-aos="fade" data-aos-delay="200">
<div class="row align-items-stretch">
<div class="col-md-3 text-white mb-3 mb-md-0"><span class="h4">8:00</span> <span>AM</span></div>
<div class="col-md-9">
<h2 class="text-white">Design your open source strategy</h2>
<span>Chris Mathews</span>
</div>
</div>
</div>
<div class="col-12 border-bottom py-5" data-aos="fade" data-aos-delay="300">
<div class="row align-items-stretch">
<div class="col-md-3 text-white mb-3 mb-md-0"><span class="h4">9:30</span> <span>AM</span></div>
<div class="col-md-9">
<h2 class="text-white">Design your open source strategy</h2>
<span>Chris Mathews</span>
</div>
</div>
</div>
<div class="col-12 border-bottom py-5" data-aos="fade" data-aos-delay="400">
<div class="row align-items-stretch">
<div class="col-md-3 text-white mb-3 mb-md-0"><span class="h4">10:30</span> <span>AM</span></div>
<div class="col-md-9">
<h2 class="text-white">Design your open source strategy</h2>
<span>Chris Mathews</span>
</div>
</div>
</div>
<div class="col-12 border-bottom py-5" data-aos="fade" data-aos-delay="500">
<div class="row align-items-stretch">
<div class="col-md-3 text-white mb-3 mb-md-0"><span class="h4">10:45</span> <span>NOON</span></div>
<div class="col-md-9">
<h2 class="text-white">Break With Snacks</h2>
</div>
</div>
</div>
<div class="col-12 border-bottom py-5" data-aos="fade" data-aos-delay="600">
<div class="row align-items-stretch">
<div class="col-md-3 text-white mb-3 mb-md-0"><span class="h4">11:30</span> <span>AM</span></div>
<div class="col-md-9">
<h2 class="text-white">Design your open source strategy</h2>
<span>Chris Mathews</span>
</div>
</div>
</div>
<div class="col-12 border-bottom py-5" data-aos="fade" data-aos-delay="700">
<div class="row align-items-stretch">
<div class="col-md-3 text-white mb-3 mb-md-0"><span class="h4">12:00</span> <span>NOON</span></div>
<div class="col-md-9">
<h2 class="text-white">Break For Lunch</h2>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="site-section" data-aos="fade">
<div class="container">
<div class="row mb-5 justify-content-center">
<div class="col-lg-4 mb-5">
<div class="site-section-heading">
<h2 class="text-center">Testimonials</h2>
</div>
</div>
</div>
<div class="slide-one-item home-slider owl-carousel">
<div class="row justify-content-center">
<div class="testimony text-center col-md-5">
<figure>
<img src="images/person_1.jpg" alt="Image" class="img-fluid">
</figure>
<blockquote>
<p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime exercitationem alias reprehenderit error quidem aliquam ad minus, veritatis modi.”</p>
<p class="author">— Emely Peters</p>
</blockquote>
</div>
</div>
<div class="row justify-content-center">
<div class="testimony text-center col-md-5">
<figure>
<img src="images/person_2.jpg" alt="Image" class="img-fluid">
</figure>
<blockquote>
<p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime exercitationem alias reprehenderit error quidem aliquam ad minus, veritatis modi.”</p>
<p class="author">— Alex Anchors</p>
</blockquote>
</div>
</div>
<div class="row justify-content-center">
<div class="testimony text-center col-md-5">
<figure>
<img src="images/person_3.jpg" alt="Image" class="img-fluid">
</figure>
<blockquote>
<p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime exercitationem alias reprehenderit error quidem aliquam ad minus, veritatis modi.”</p>
<p class="author">— Aaron Thomas</p>
</blockquote>
</div>
</div>
<div class="row justify-content-center">
<div class="testimony text-center col-md-5">
<figure>
<img src="images/person_1.jpg" alt="Image" class="img-fluid">
</figure>
<blockquote>
<p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime exercitationem alias reprehenderit error quidem aliquam ad minus, veritatis modi.”</p>
<p class="author">— Emely Peters</p>
</blockquote>
</div>
</div>
<div class="row justify-content-center">
<div class="testimony text-center col-md-5">
<figure>
<img src="images/person_2.jpg" alt="Image" class="img-fluid">
</figure>
<blockquote>
<p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime exercitationem alias reprehenderit error quidem aliquam ad minus, veritatis modi.”</p>
<p class="author">— Alex Anchors</p>
</blockquote>
</div>
</div>
<div class="row justify-content-center">
<div class="testimony text-center col-md-5">
<figure>
<img src="images/person_3.jpg" alt="Image" class="img-fluid">
</figure>
<blockquote>
<p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime exercitationem alias reprehenderit error quidem aliquam ad minus, veritatis modi.”</p>
<p class="author">— Aaron Thomas</p>
</blockquote>
</div>
</div>
</div>
</div>
</div>