{% extends "web/base.html" %}
{% load static %}

{% block content %}
		<div class="page-heading">
			<div class="overlay">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<ul class="breadcrumb">
								<li><a href="index.html">Home</a></li>
								<li class="active">Speakers</li>
							</ul>
							<h2>Speakers</h2>
						</div>
					</div>
				</div>
			</div>
		</div><!-- /.header-area -->
		
		<div class="featured-speakers-area mb-30">
			<div class="container">
				<div class="sub-heading">
					<div class="row">
						<div class="col-md-12">
							<h4>Featured SPEAKERS</h4>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6">
						<div class="single-featured-speaker primary-shadow white-bg">
							<div class="row no-margin">
								<div class="col-sm-6 no-padding">
									<div class="speaker-cover">
										<img src="{% static 'web/images/speakers/featured/1.jpg' %}" alt="speakers" />
										<div class="speaker-over">
											<ul>
												<li><a href="#"><i class="fa fa-facebook"></i></a></li>
												<li><a href="#"><i class="fa fa-twitter"></i></a></li>
												<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
											</ul>
										</div>
									</div>
								</div>
								<div class="col-sm-6 no-padding">
									<div class="about-speaker">
										<h6>Event Organizer</h6>
										<h4>Ethan Taylor</h4>
										<p>The way of Learning Design is all about the way you look on anything you see, or how you do imagine about somthing in your dream , also you need to be creative .</p>
										<a href="" data-toggle="modal" data-target="#fSpeaker-1">More About Me</a>
									</div>
								</div>
								<div class="modal fade" id="fSpeaker-1" tabindex="-1">
									<div class="container">
										<div class="row">
											<div class="col-md-2"></div>
											<div class="col-md-8">
												<div class="speaker-details white-bg primary-shadow">
													<div class="row no-margin">
														<div class="col-sm-5 no-padding">
															<div class="speaker-images-slider">
																<img src="{% static 'web/images/speakers/featured/1.jpg' %}" alt="speaker" />
															</div>
														</div>
														<div class="col-sm-7 no-padding">
															<div class="speaker-details-texts">
																<div class="sdt-top">
																	<h4>Ethan Taylor</h4>
																	<h6>Event Organizer</h6>
																	<ul>
																		<li><a href="#"><i class="fa fa-facebook"></i></a></li>
																		<li><a href="#"><i class="fa fa-twitter"></i></a></li>
																		<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
																	</ul>
																</div>
																<div class="sdt-bottom">
																	<p>The way of Learning Design is all about the way you look on anything you see, or how you do imagine about somthing in your dream , also you need to be creative . Now if you want to join this then good luck.</p>
																	<a href="" class="button alt small" data-dismiss="modal">Close</a>
																</div>
															</div>
														</div>
													</div><!-- /.row -->
												</div><!-- /.speaker-details -->
											</div>
											<div class="col-md-2"></div>
										</div><!-- /.row -->
									</div><!-- /.container -->
								</div><!-- /.modal -->
							</div>
						</div>
					</div><!-- /.col -->
					<div class="col-md-6">
						<div class="single-featured-speaker primary-shadow white-bg">
							<div class="row no-margin">
								<div class="col-sm-6 no-padding">
									<div class="speaker-cover">
										<img src="{% static 'web/images/speakers/featured/2.jpg' %}" alt="speakers" />
										<div class="speaker-over">
											<ul>
												<li><a href="#"><i class="fa fa-facebook"></i></a></li>
												<li><a href="#"><i class="fa fa-twitter"></i></a></li>
												<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
											</ul>
										</div>
									</div>
								</div>
								<div class="col-sm-6 no-padding">
									<div class="about-speaker">
										<h6>Title Sponsor</h6>
										<h4>Thomas Kelly</h4>
										<p>The way of Learning Design is all about the way you look on anything you see, or how you do imagine about somthing in your dream , also you need to be creative .</p>
										<a href="" data-toggle="modal" data-target="#fSpeaker-2">More About Me</a>
									</div>
								</div>
								<div class="modal fade" id="fSpeaker-2" tabindex="-1">
									<div class="container">
										<div class="row">
											<div class="col-md-2"></div>
											<div class="col-md-8">
												<div class="speaker-details white-bg primary-shadow">
													<div class="row no-margin">
														<div class="col-sm-5 no-padding">
															<div class="speaker-images-slider">
																<img src="{% static 'web/images/speakers/featured/2.jpg' %}" alt="speaker" />
															</div>
														</div>
														<div class="col-sm-7 no-padding">
															<div class="speaker-details-texts">
																<div class="sdt-top">
																	<h4>Thomas Kelly</h4>
																	<h6>Title Sponsor</h6>
																	<ul>
																		<li><a href="#"><i class="fa fa-facebook"></i></a></li>
																		<li><a href="#"><i class="fa fa-twitter"></i></a></li>
																		<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
																	</ul>
																</div>
																<div class="sdt-bottom">
																	<p>The way of Learning Design is all about the way you look on anything you see, or how you do imagine about somthing in your dream , also you need to be creative . Now if you want to join this then good luck.</p>
																	<a href="" class="button alt small" data-dismiss="modal">Close</a>
																</div>
															</div>
														</div>
													</div><!-- /.row -->
												</div><!-- /.speaker-details -->
											</div>
											<div class="col-md-2"></div>
										</div><!-- /.row -->
									</div><!-- /.container -->
								</div><!-- /.modal -->
							</div>
						</div>
					</div><!-- /.col -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</div><!-- /.featured-speakers-area -->
		
		<div class="speakers-area grey-bg">
			<div class="container">
				<div class="sub-heading">
					<div class="row">
						<div class="col-md-12">
							<h4>other Speakers</h4>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-3 col-sm-6 mb30">
						<div class="single-speaker primary-shadow white-bg">
							<div class="speaker-cover">
								<img src="{% static 'web/images/speakers/1.jpg' %}" alt="cover" />
								<div class="sperker-cover-over">
									<div class="speakers-thought">
										<p>The way of Learning Design is all about the way you look on anything you see, or how you do imagine about somthing in your dream , also you need to be creative .
										</p>
										<a href="" data-toggle="modal" data-target="#Speaker-1">More About Me</a>
									</div>
								</div>
								<ul class="speaker-social">
									<li><a href=""><i class="fa fa-facebook"></i></a></li>
									<li><a href=""><i class="fa fa-twitter"></i></a></li>
									<li><a href=""><i class="fa fa-dribbble"></i></a></li>
								</ul>
								<h6>Designer at <a href=""> Google</a></h6>
							</div>
							<div class="modal fade" id="Speaker-1" tabindex="-1">
								<div class="container">
									<div class="row">
										<div class="col-md-2"></div>
										<div class="col-md-8">
											<div class="speaker-details white-bg primary-shadow">
												<div class="row no-margin">
													<div class="col-sm-6 no-padding">
														<div class="speaker-images-slider">
															<img src="{% static 'web/images/speakers/1.jpg' %}" alt="speaker" />
														</div>
													</div>
													<div class="col-sm-6 no-padding">
														<div class="speaker-details-texts">
															<div class="sdt-top">
																<h4>sophia tailor</h4>
																<h6>Designer at Google</h6>
																<ul>
																	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
																	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
																	<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
																</ul>
															</div>
															<div class="sdt-bottom">
																<p>The way of Learning Design is all about the way you look on anything you see, or how you do imagine about somthing in your dream , also you need to be creative . Now if you want to join this then good luck.</p>
																<p>Design is all about the way you look on anything you see, or how you do imagine about somthing.</p>
																<a href="" class="button alt small" data-dismiss="modal">Close</a>
															</div>
														</div>
													</div>
												</div><!-- /.row -->
											</div><!-- /.speaker-details -->
										</div>
										<div class="col-md-2"></div>
									</div><!-- /.row -->
								</div><!-- /.container -->
							</div><!-- /.modal -->
							<div class="speaker-name">
								<h5 title="sophia tailor">sophia tailor</h5>
							</div>
						</div><!-- /.single-speaker -->
					</div><!-- /.col -->
					<div class="col-md-3 col-sm-6 mb30">
						<div class="single-speaker primary-shadow white-bg">
							<div class="speaker-cover">
								<img src="{% static 'web/images/speakers/2.jpg' %}" alt="cover" />
								<div class="sperker-cover-over">
									<div class="speakers-thought">
										<p>The way of Learning Design is all about the way you look on anything you see, or how you do imagine about somthing in your dream , also you need to be creative .
										</p>
										<a href="" data-toggle="modal" data-target="#Speaker-2">More About Me</a>
									</div>
								</div>
								<ul class="speaker-social">
									<li><a href=""><i class="fa fa-facebook"></i></a></li>
									<li><a href=""><i class="fa fa-twitter"></i></a></li>
									<li><a href=""><i class="fa fa-dribbble"></i></a></li>
								</ul>
								<h6>Designer at <a href=""> Google</a></h6>
							</div>
							<div class="modal fade" id="Speaker-2" tabindex="-1">
								<div class="container">
									<div class="row">
										<div class="col-md-2"></div>
										<div class="col-md-8">
											<div class="speaker-details white-bg primary-shadow">
												<div class="row no-margin">
													<div class="col-sm-6 no-padding">
														<div class="speaker-images-slider">
															<img src="{% static 'web/images/speakers/2.jpg' %}" alt="speaker" />
														</div>
													</div>
													<div class="col-sm-6 no-padding">
														<div class="speaker-details-texts">
															<div class="sdt-top">
																<h4>Ava Jones</h4>
																<h6>Designer at Google</h6>
																<ul>
																	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
																	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
																	<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
																</ul>
															</div>
															<div class="sdt-bottom">
																<p>The way of Learning Design is all about the way you look on anything you see, or how you do imagine about somthing in your dream , also you need to be creative . Now if you want to join this then good luck.</p>
																<p>Design is all about the way you look on anything you see, or how you do imagine about somthing.</p>
																<a href="" class="button alt small" data-dismiss="modal">Close</a>
															</div>
														</div>
													</div>
												</div><!-- /.row -->
											</div><!-- /.speaker-details -->
										</div>
										<div class="col-md-2"></div>
									</div><!-- /.row -->
								</div><!-- /.container -->
							</div><!-- /.modal -->
							<div class="speaker-name">
								<h5 title="Ava Jones">Ava Jones</h5>
							</div>
						</div><!-- /.single-speaker -->
					</div><!-- /.col -->
					<div class="col-md-3 col-sm-6 mb30">
						<div class="single-speaker primary-shadow white-bg">
							<div class="speaker-cover">
								<img src="{% static 'web/images/speakers/3.jpg' %}" alt="cover" />
								<div class="sperker-cover-over">
									<div class="speakers-thought">
										<p>The way of Learning Design is all about the way you look on anything you see, or how you do imagine about somthing in your dream , also you need to be creative .
										</p>
										<a href="" data-toggle="modal" data-target="#Speaker-3">More About Me</a>
									</div>
								</div>
								<ul class="speaker-social">
									<li><a href=""><i class="fa fa-facebook"></i></a></li>
									<li><a href=""><i class="fa fa-twitter"></i></a></li>
									<li><a href=""><i class="fa fa-dribbble"></i></a></li>
								</ul>
								<h6>Designer at <a href=""> Google</a></h6>
							</div>
							<div class="modal fade" id="Speaker-3" tabindex="-1">
								<div class="container">
									<div class="row">
										<div class="col-md-2"></div>
										<div class="col-md-8">
											<div class="speaker-details white-bg primary-shadow">
												<div class="row no-margin">
													<div class="col-sm-6 no-padding">
														<div class="speaker-images-slider">
															<img src="{% static 'web/images/speakers/3.jpg' %}" alt="speaker" />
														</div>
													</div>
													<div class="col-sm-6 no-padding">
														<div class="speaker-details-texts">
															<div class="sdt-top">
																<h4>Christina Stevens</h4>
																<h6>Designer at Google</h6>
																<ul>
																	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
																	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
																	<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
																</ul>
															</div>
															<div class="sdt-bottom">
																<p>The way of Learning Design is all about the way you look on anything you see, or how you do imagine about somthing in your dream , also you need to be creative . Now if you want to join this then good luck.</p>
																<p>Design is all about the way you look on anything you see, or how you do imagine about somthing.</p>
																<a href="" class="button alt small" data-dismiss="modal">Close</a>
															</div>
														</div>
													</div>
												</div><!-- /.row -->
											</div><!-- /.speaker-details -->
										</div>
										<div class="col-md-2"></div>
									</div><!-- /.row -->
								</div><!-- /.container -->
							</div><!-- /.modal -->
							<div class="speaker-name">
								<h5 title="Christina Stevens">Christina Stevens</h5>
							</div>
						</div><!-- /.single-speaker -->
					</div><!-- /.col -->
					<div class="col-md-3 col-sm-6 mb30">
						<div class="single-speaker primary-shadow white-bg">
							<div class="speaker-cover">
								<img src="{% static 'web/images/speakers/4.jpg' %}" alt="cover" />
								<div class="sperker-cover-over">
									<div class="speakers-thought">
										<p>The way of Learning Design is all about the way you look on anything you see, or how you do imagine about somthing in your dream , also you need to be creative .
										</p>
										<a href="" data-toggle="modal" data-target="#Speaker-4">More About Me</a>
									</div>
								</div>
								<ul class="speaker-social">
									<li><a href=""><i class="fa fa-facebook"></i></a></li>
									<li><a href=""><i class="fa fa-twitter"></i></a></li>
									<li><a href=""><i class="fa fa-dribbble"></i></a></li>
								</ul>
								<h6>Designer at <a href=""> Google</a></h6>
							</div>
							<div class="modal fade" id="Speaker-4" tabindex="-1">
								<div class="container">
									<div class="row">
										<div class="col-md-2"></div>
										<div class="col-md-8">
											<div class="speaker-details white-bg primary-shadow">
												<div class="row no-margin">
													<div class="col-sm-6 no-padding">
														<div class="speaker-images-slider">
															<img src="{% static 'web/images/speakers/4.jpg' %}" alt="speaker" />
														</div>
													</div>
													<div class="col-sm-6 no-padding">
														<div class="speaker-details-texts">
															<div class="sdt-top">
																<h4>Keyera Wiliam</h4>
																<h6>Designer at Google</h6>
																<ul>
																	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
																	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
																	<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
																</ul>
															</div>
															<div class="sdt-bottom">
																<p>The way of Learning Design is all about the way you look on anything you see, or how you do imagine about somthing in your dream , also you need to be creative . Now if you want to join this then good luck.</p>
																<p>Design is all about the way you look on anything you see, or how you do imagine about somthing.</p>
																<a href="" class="button alt small" data-dismiss="modal">Close</a>
															</div>
														</div>
													</div>
												</div><!-- /.row -->
											</div><!-- /.speaker-details -->
										</div>
										<div class="col-md-2"></div>
									</div><!-- /.row -->
								</div><!-- /.container -->
							</div><!-- /.modal -->
							<div class="speaker-name">
								<h5 title="Keyera Wiliam">Keyera Wiliam</h5>
							</div>
						</div><!-- /.single-speaker -->
					</div><!-- /.col -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</div><!-- /.speakers-area -->
		
		<div class="footer-area">
			<div class="container">
				<div class="row">
					<div class="col-md-4 col-sm-6">
						<div class="single-footer-widget">
							<a href="index.html" class="footer-logo">
								<img src="{% static 'web/images/footer-logo.png" alt="logo" />
							</a>
							<p>Evemat is a Responsive HTML Event Template based on  material design language invented by google .</p>
							<ul class="footer-social">
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-pinterest-p"></i></a></li>
								<li><a href="#"><i class="fa fa-youtube"></i></a></li>
								<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
								<li><a href="#"><i class="fa fa-tumblr"></i></a></li>
							</ul>
						</div>
					</div><!-- /.col -->
					<div class="col-md-4 col-sm-6">
						<div class="single-footer-widget">
							<h4>SUBSCribe Me !</h4>
							<form action="subscribe.php" class="subscription-form">
								<input type="text" placeholder="Your Email" />
								<input type="submit" value="go" />
							</form>
							<p>Your Information is safe to us .</p>
						</div>
					</div><!-- /.col -->
					<div class="col-md-4 col-sm-12">
						<div class="single-footer-widget">
							<h4>MINI Gallery</h4>
							<ul class="gallery-list">
								<li><img src="{% static 'web/images/gallery/thumb/1.jpg' %}" alt="gallery" /></li>
								<li><img src="{% static 'web/images/gallery/thumb/2.jpg' %}" alt="gallery" /></li>
								<li><img src="{% static 'web/images/gallery/thumb/3.jpg' %}" alt="gallery" /></li>
								<li><img src="{% static 'web/images/gallery/thumb/4.jpg' %}" alt="gallery" /></li>
								<li><img src="{% static 'web/images/gallery/thumb/2.jpg' %}" alt="gallery" /></li>
								<li><img src="{% static 'web/images/gallery/thumb/1.jpg' %}" alt="gallery" /></li>
							</ul>
							<a href="#" class="more-image">More Images</a>
						</div>
					</div><!-- /.col -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</div><!-- /.footer-area -->
{% endblock %}