<div class="site-section site-hero">
<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" data-aos-delay="100">Conference 2019</span>
<h1 class="d-block mb-4" data-aos="fade-up" data-aos-delay="200">Web Design Conference 2019</h1>
<span class="d-block mb-5 caption" data-aos="fade-up" data-aos-delay="300">September 6th-7th, Minnesota, United States</span>
<a href="#" class="btn-custom" data-aos="fade-up" data-aos-delay="400"><span>Buy Tickets</span></a>
</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" data-aos-delay="100">
<div class="site-section-heading">
<h2>Speakers</h2>
</div>
</div>
<div class="col-lg-5 mt-5 pl-lg-5" data-aos="fade-up" data-aos-delay="200">
<p>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>
</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_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">
<div class="container">
<div class="row mb-5">
<div class="col-lg-4 ">
<div class="site-section-heading" data-aos="fade-up">
<h2>Sponsors</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 mb-5">
<div class="col-md-6 col-lg-4 mb-5 mb-lg-0" data-aos="fade" data-aos-delay="200">
<img src="images/logo_1.png" alt="Image" class="img-fluid">
</div>
<div class="col-md-6 col-lg-4 mb-5 mb-lg-0" data-aos="fade" data-aos-delay="300">
<img src="images/logo_2.png" alt="Image" class="img-fluid">
</div>
<div class="col-md-6 col-lg-4 mb-5 mb-lg-0" data-aos="fade" data-aos-delay="400">
<img src="images/logo_3.png" alt="Image" class="img-fluid">
</div>
<div class="col-md-6 col-lg-4 mb-5 mb-lg-0" data-aos="fade" data-aos-delay="500">
<img src="images/logo_4.png" alt="Image" class="img-fluid">
</div>
<div class="col-md-6 col-lg-4 mb-5 mb-lg-0" data-aos="fade" data-aos-delay="600">
<img src="images/logo_5.png" alt="Image" class="img-fluid">
</div>
<div class="col-md-6 col-lg-4 mb-5 mb-lg-0" data-aos="fade" data-aos-delay="700">
<img src="images/logo_6.png" alt="Image" class="img-fluid">
</div>
</div>
<div class="row" data-aos="fade-up" data-aos-delay="500">
<div class="col-12 text-center pt-5">
<a href="#" class="btn-custom" data-aos="fade-up" data-aos-delay="800"><span>Be a Sponsor</span></a>
</div>
</div>
</div>
</div>
<div class="site-section">
<div class="container">
<div class="row mb-5">
<div class="col-lg-4">
<div class="site-section-heading" data-aos="fade-up">
<h2>News</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 mb-5">
<div class="col-md-6 col-lg-4 mb-5 mb-lg-0 blog-entry" data-aos="fade-up" data-aos-delay="200">
<a href="#" class="d-block mb-4">
<img src="images/person_1.jpg" alt="Image" class="img-fluid">
</a>
<h2 class="mb-4"><a href="#">Design your open source strategy</a></h2>
<div class="mb-4 post-meta d-flex align-items-center">
<div class="mr-2"><img src="images/person_1.jpg" alt="Image" class="img-fluid"></div>
<div><span>By <a href="#">Emely Peters</a></span> — <span>Sep. 10, 2019</span></div>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus error deleniti dolores necessitatibus eligendi. Nesciunt repellendus ab voluptatibus.
</div>
<div class="col-md-6 col-lg-4 mb-5 mb-lg-0 blog-entry" data-aos="fade-up" data-aos-delay="300">
<a href="#" class="d-block mb-4">
<img src="images/person_1.jpg" alt="Image" class="img-fluid">
</a>
<h2 class="mb-4"><a href="#">Design your open source strategy</a></h2>
<div class="mb-4 post-meta d-flex align-items-center">
<div class="mr-2"><img src="images/person_1.jpg" alt="Image" class="img-fluid"></div>
<div><span>By <a href="#">Emely Peters</a></span> — <span>Sep. 10, 2019</span></div>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus error deleniti dolores necessitatibus eligendi. Nesciunt repellendus ab voluptatibus.
</div>
<div class="col-md-6 col-lg-4 mb-5 mb-lg-0 blog-entry" data-aos="fade-up" data-aos-delay="400">
<a href="#" class="d-block mb-4">
<img src="images/person_1.jpg" alt="Image" class="img-fluid">
</a>
<h2 class="mb-4"><a href="#">Design your open source strategy</a></h2>
<div class="mb-4 post-meta d-flex align-items-center">
<div class="mr-2"><img src="images/person_1.jpg" alt="Image" class="img-fluid"></div>
<div><span>By <a href="#">Emely Peters</a></span> — <span>Sep. 10, 2019</span></div>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus error deleniti dolores necessitatibus eligendi. Nesciunt repellendus ab voluptatibus.
</div>
</div>
<div class="row" data-aos="fade-up" data-aos-delay="500">
<div class="col-12 text-center">
<a href="#" class="btn-custom" data-aos="fade-up" data-aos-delay="400"><span>More Blog Posts</span></a>
</div>
</div>
</div>
</div>