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

{% block content %}
		<div class="header-area" id="home-header">
			<div class="header-slide header-slide-1">
				<div class="overlay">
					<div class="container">
						<div class="row">
							<div class="col-md-12">
								<h3>September 2021, <span>Jakarta</span></h3>
								<h1><small>Jubilee 50 Tahun </small>CSIS Indonesia</h1>
								<ul class="buttons">
									<li><a href="#" class="line-button">REGister Now</a></li>
									<li><a href="#" class="line-button">Learn More</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="header-slide header-slide-2">
				<div class="overlay">
					<div class="container text-center">
						<div class="row">
							<div class="col-md-12">
								<h3>14 - 26 december 2016 , <span>New York</span></h3>
								<h1><small>Designer Community</small>Meetup</h1>
								<ul class="buttons">
									<li><a href="#" class="line-button">REGister Now</a></li>
									<li><a href="#" class="line-button">Learn More</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div><!-- /.header-area -->
		
		<div class="about-area gray-bg" id="about">
			<div class="container">
				<div class="row">
					<div class="col-md-6 mb30">
						<div class="video-intro primary-shadow">
							<img src="{% static 'web/images/about/video-intro.jpg' %}" alt="video-intro" />
							<a class="video-play embedded-popup" href="https://www.youtube.com/watch?v=SZEflIVnhH8">
								<i class="fa fa-play"></i>
							</a>
						</div>
					</div>
					<div class="col-md-6">
						<div class="about-text">	
							<h4>About The Event</h4>
							<p>This event is exclusively for them who want to learn & know about material design principales introduced by Google.  Also if you are a designer, then You should know or learn about new design trend like Material Design. Beacuse this is the future of design. In this conferance we will talk about material design like & What you need not to do etc.</p>
						</div>
						<div class="row">
							<div class="col-sm-6">
								<div class="single-about primary-shadow white-bg">
									<h5>Who we are ?</h5>
									<p>We are the best designer comunity arond the world. We love to share our knowledge &  expriences</p>
								</div>
							</div>
							<div class="col-sm-6">
								<div class="single-about primary-shadow white-bg">
									<h5>Our Misson</h5>
									<p>We are the best designer comunity arond the world. We love to share our knowledge &  expriences</p>
								</div>
							</div>
						</div>
					</div>
				</div><!-- /.row -->
			</div><!-- /.container -->
		</div><!-- /.about-area -->
		
		<div class="speakers-area white-bg">
			<div class="container">
				<div class="sub-heading">
					<div class="row">
						<div class="col-md-12">
							<h4>Our 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="schedule-area gray-bg">
			<div class="container">
				<div class="sub-heading">
					<div class="row">
						<div class="col-md-12">
							<h4>Our Schedule</h4>
						</div>
					</div>
				</div>
				<div class="schedules">
					<div class="row no-margin">
						<div class="col-md-3 no-padding">
							<div class="schedule-title">
								<h5>Date</h5>
							</div>
							<div class="schedule-date">
								<ul class="nav nav-tabs" role="tablist">
									<li class="active">
										<a href="#date-1" data-toggle="tab">
											<h4>Day 1</h4>
											<h5>24 DECEMBER</h5>
										</a>
									</li>
									<li>
										<a href="#date-2" data-toggle="tab">
											<h4>Day 2</h4>
											<h5>25 DECEMBER</h5>
										</a>
									</li>
									<li>
										<a href="#date-3" data-toggle="tab">
											<h4>Day 3</h4>
											<h5>26 DECEMBER</h5>
										</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="col-md-9 no-padding">
							<div class="schedule-details">
								<div class="schedule-title">
									<div class="row no-margin">
										<div class="col-sm-3 no-padding">
											<h5>Time</h5>
										</div>
										<div class="col-sm-9 no-padding">
											<h5>SESSION TITLE</h5>
										</div>
									</div>
								</div>
								<div class="tab-content">
									<div role="tabpanel" class="tab-pane active" id="date-1">
										<div class="panel-group" id="accordion" role="tablist">
											<div class="single-schedule panel panel-default">
												<div class="panel-heading" role="tab">
												  <div class="panel-title single-schedule-title">
													<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#schedule-1-1">
														<div class="row no-margin">
															<div class="col-sm-3 no-padding">
																<h5>09:00 Am - 02:00PM</h5>
															</div>
															<div class="col-sm-9 no-padding">
																<h5>Introduceing Material Design</h5>
															</div>
														</div>
													</a>
												  </div>
												</div>
												<div id="schedule-1-1" class="panel-collapse collapse in" role="tabpanel">
													<div class="panel-body">
														<div class="row no-margin">
															<div class="col-sm-3 no-padding">
																<div class="schedule-img">
																	<img src="{% static 'web/images/schedule/1.jpg' %}" alt="schedule" />
																</div>
															</div>
															<div class="col-sm-9 no-padding">
																<div class="schedule-info">
																	<p>Material Design is a new Design language Invented by google & its going to rules design industry for few next years. So I think Every Designer Should have some or at least a little bot of knowledge about material design.</p>
																	<h5><span>With</span> : Zarina Kame <small>Designer at <a href="">Google</a></small></h5>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div><!-- /.single-schedule -->
											<div class="single-schedule panel panel-default">
												<div class="panel-heading" role="tab">
												  <div class="panel-title single-schedule-title">
													<a class="" data-toggle="collapse" data-parent="#accordion" href="#schedule-1-2">
														<div class="row no-margin">
															<div class="col-sm-3 no-padding">
																<h5>02:00 Pm - 05:00PM</h5>
															</div>
															<div class="col-sm-9 no-padding">
																<h5>Where to start with material Design</h5>
															</div>
														</div>
													</a>
												  </div>
												</div>
												<div id="schedule-1-2" class="panel-collapse collapse" role="tabpanel">
													<div class="panel-body">
														<div class="row no-margin">
															<div class="col-sm-3 no-padding">
																<div class="schedule-img">
																	<img src="{% static 'web/images/schedule/1.jpg' %}" alt="schedule" />
																</div>
															</div>
															<div class="col-sm-9 no-padding">
																<div class="schedule-info">
																	<p>Material Design is a new Design language Invented by google & its going to rules design industry for few next years. So I think Every Designer Should have some or at least a little bot of knowledge about material design.</p>
																	<h5><span>With</span> : Zarina Kame <small>Designer at <a href="">Google</a></small></h5>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div><!-- /.single-schedule -->
											<div class="single-schedule panel panel-default">
												<div class="panel-heading" role="tab">
												  <div class="panel-title single-schedule-title">
													<a class="" data-toggle="collapse" data-parent="#accordion" href="#schedule-1-3">
														<div class="row no-margin">
															<div class="col-sm-3 no-padding">
																<h5>05:00 Pm - 08:00PM</h5>
															</div>
															<div class="col-sm-9 no-padding">
																<h5>Material Design for web site</h5>
															</div>
														</div>
													</a>
												  </div>
												</div>
												<div id="schedule-1-3" class="panel-collapse collapse" role="tabpanel">
													<div class="panel-body">
														<div class="row no-margin">
															<div class="col-sm-3 no-padding">
																<div class="schedule-img">
																	<img src="{% static 'web/images/schedule/1.jpg' %}" alt="schedule" />
																</div>
															</div>
															<div class="col-sm-9 no-padding">
																<div class="schedule-info">
																	<p>Material Design is a new Design language Invented by google & its going to rules design industry for few next years. So I think Every Designer Should have some or at least a little bot of knowledge about material design.</p>
																	<h5><span>With</span> : Zarina Kame <small>Designer at <a href="">Google</a></small></h5>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div><!-- /.single-schedule -->
										</div><!-- /.panel-group -->
									</div><!-- /.tab-pane -->
									<div role="tabpanel" class="tab-pane" id="date-2">
										<div class="panel-group" id="accordion-2" role="tablist">
											<div class="single-schedule panel panel-default">
												<div class="panel-heading" role="tab">
												  <div class="panel-title single-schedule-title">
													<a class="collapsed" data-toggle="collapse" data-parent="#accordion-2" href="#schedule-2-1">
														<div class="row no-margin">
															<div class="col-sm-3 no-padding">
																<h5>09:00 Am - 02:00PM</h5>
															</div>
															<div class="col-sm-9 no-padding">
																<h5>Introduceing Material Design</h5>
															</div>
														</div>
													</a>
												  </div>
												</div>
												<div id="schedule-2-1" class="panel-collapse collapse in" role="tabpanel">
													<div class="panel-body">
														<div class="row no-margin">
															<div class="col-sm-3 no-padding">
																<div class="schedule-img">
																	<img src="{% static 'web/images/schedule/1.jpg' %}" alt="schedule" />
																</div>
															</div>
															<div class="col-sm-9 no-padding">
																<div class="schedule-info">
																	<p>Material Design is a new Design language Invented by google & its going to rules design industry for few next years. So I think Every Designer Should have some or at least a little bot of knowledge about material design.</p>
																	<h5><span>With</span> : Zarina Kame <small>Designer at <a href="">Google</a></small></h5>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div><!-- /.single-schedule -->
											<div class="single-schedule panel panel-default">
												<div class="panel-heading" role="tab">
												  <div class="panel-title single-schedule-title">
													<a class="" data-toggle="collapse" data-parent="#accordion-2" href="#schedule-2-2">
														<div class="row no-margin">
															<div class="col-sm-3 no-padding">
																<h5>02:00 Pm - 05:00PM</h5>
															</div>
															<div class="col-sm-9 no-padding">
																<h5>Where to start with material Design</h5>
															</div>
														</div>
													</a>
												  </div>
												</div>
												<div id="schedule-2-2" class="panel-collapse collapse" role="tabpanel">
													<div class="panel-body">
														<div class="row no-margin">
															<div class="col-sm-3 no-padding">
																<div class="schedule-img">
																	<img src="{% static 'web/images/schedule/1.jpg' %}" alt="schedule" />
																</div>
															</div>
															<div class="col-sm-9 no-padding">
																<div class="schedule-info">
																	<p>Material Design is a new Design language Invented by google & its going to rules design industry for few next years. So I think Every Designer Should have some or at least a little bot of knowledge about material design.</p>
																	<h5><span>With</span> : Zarina Kame <small>Designer at <a href="">Google</a></small></h5>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div><!-- /.single-schedule -->
										</div><!-- /.panel-group -->
									</div><!-- /.tab-pane -->
									<div role="tabpanel" class="tab-pane" id="date-3">
										<div class="panel-group" id="accordion-3" role="tablist">
											<div class="single-schedule panel panel-default">
												<div class="panel-heading" role="tab">
												  <div class="panel-title single-schedule-title">
													<a class="collapsed" data-toggle="collapse" data-parent="#accordion-3" href="#schedule-3-1">
														<div class="row no-margin">
															<div class="col-sm-3 no-padding">
																<h5>09:00 Am - 02:00PM</h5>
															</div>
															<div class="col-sm-9 no-padding">
																<h5>Introduceing Material Design</h5>
															</div>
														</div>
													</a>
												  </div>
												</div>
												<div id="schedule-3-1" class="panel-collapse collapse in" role="tabpanel">
													<div class="panel-body">
														<div class="row no-margin">
															<div class="col-sm-3 no-padding">
																<div class="schedule-img">
																	<img src="{% static 'web/images/schedule/1.jpg' %}" alt="schedule" />
																</div>
															</div>
															<div class="col-sm-9 no-padding">
																<div class="schedule-info">
																	<p>Material Design is a new Design language Invented by google & its going to rules design industry for few next years. So I think Every Designer Should have some or at least a little bot of knowledge about material design.</p>
																	<h5><span>With</span> : Zarina Kame <small>Designer at <a href="">Google</a></small></h5>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div><!-- /.single-schedule -->
											<div class="single-schedule panel panel-default">
												<div class="panel-heading" role="tab">
												  <div class="panel-title single-schedule-title">
													<a class="" data-toggle="collapse" data-parent="#accordion-3" href="#schedule-3-2">
														<div class="row no-margin">
															<div class="col-sm-3 no-padding">
																<h5>05:00 Pm - 08:00PM</h5>
															</div>
															<div class="col-sm-9 no-padding">
																<h5>Material Design for web site</h5>
															</div>
														</div>
													</a>
												  </div>
												</div>
												<div id="schedule-3-2" class="panel-collapse collapse" role="tabpanel">
													<div class="panel-body">
														<div class="row no-margin">
															<div class="col-sm-3 no-padding">
																<div class="schedule-img">
																	<img src="{% static 'web/images/schedule/1.jpg' %}" alt="schedule" />
																</div>
															</div>
															<div class="col-sm-9 no-padding">
																<div class="schedule-info">
																	<p>Material Design is a new Design language Invented by google & its going to rules design industry for few next years. So I think Every Designer Should have some or at least a little bot of knowledge about material design.</p>
																	<h5><span>With</span> : Zarina Kame <small>Designer at <a href="">Google</a></small></h5>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div><!-- /.single-schedule -->
											<div class="single-schedule panel panel-default">
												<div class="panel-heading" role="tab">
												  <div class="panel-title single-schedule-title">
													<a class="" data-toggle="collapse" data-parent="#accordion-3" href="#schedule-3-3">
														<div class="row no-margin">
															<div class="col-sm-3 no-padding">
																<h5>02:00 Pm - 05:00PM</h5>
															</div>
															<div class="col-sm-9 no-padding">
																<h5>Where to start with material Design</h5>
															</div>
														</div>
													</a>
												  </div>
												</div>
												<div id="schedule-3-3" class="panel-collapse collapse" role="tabpanel">
													<div class="panel-body">
														<div class="row no-margin">
															<div class="col-sm-3 no-padding">
																<div class="schedule-img">
																	<img src="{% static 'web/images/schedule/1.jpg' %}" alt="schedule" />
																</div>
															</div>
															<div class="col-sm-9 no-padding">
																<div class="schedule-info">
																	<p>Material Design is a new Design language Invented by google & its going to rules design industry for few next years. So I think Every Designer Should have some or at least a little bot of knowledge about material design.</p>
																	<h5><span>With</span> : Zarina Kame <small>Designer at <a href="">Google</a></small></h5>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div><!-- /.single-schedule -->
										</div><!-- /.panel-group -->
									</div><!-- /.tab-pane -->
								</div><!-- /.tab-content -->
							</div><!-- /.schedule-details -->
						</div><!-- /.col -->
					</div><!-- /.row -->
				</div><!-- /.schedules -->
			</div>
		</div><!-- /.schedule-area -->
		
		<div class="testimonials-area image-bg">
			<div class="overlay">
				<div class="container">
					<div class="sub-heading">
						<div class="row">
							<div class="col-md-12">
								<h4>Testimonals</h4>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-4">
							<div class="client-pagination clearfix" id="testimonial-pager">
								<a data-slide-index="0" href="">
									<img src="{% static 'web/images/testimonial/thumbs/1.jpg' %}" alt="client" />
								</a>
								<a data-slide-index="1" href="">
									<img src="{% static 'web/images/testimonial/thumbs/2.jpg' %}" alt="client" />
								</a>
								<a data-slide-index="2" href="">
									<img src="{% static 'web/images/testimonial/thumbs/3.jpg' %}" alt="client" />
								</a>
								<a data-slide-index="3" href="">
									<img src="{% static 'web/images/testimonial/thumbs/4.jpg' %}" alt="client" />
								</a>
								<a data-slide-index="4" href="">
									<img src="{% static 'web/images/testimonial/thumbs/5.jpg' %}" alt="client" />
								</a>
								<a data-slide-index="5" href="">
									<img src="{% static 'web/images/testimonial/thumbs/6.jpg' %}" alt="client" />
								</a>
								<a data-slide-index="6" href="">
									<img src="{% static 'web/images/testimonial/thumbs/7.jpg' %}" alt="client" />
								</a>
								<a data-slide-index="7" href="">
									<img src="{% static 'web/images/testimonial/thumbs/8.jpg' %}" alt="client" />
								</a>
								<a data-slide-index="8" href="">
									<img src="{% static 'web/images/testimonial/thumbs/9.jpg' %}" alt="client" />
								</a>
								<a data-slide-index="9" href="">
									<img src="{% static 'web/images/testimonial/thumbs/10.jpg' %}" alt="client" />
								</a>
							</div><!-- /.client-pagination -->
						</div><!-- /.col -->
						<div class="col-md-8">
							<div id="testimonials">
								<div class="single-testimonial">
									<div class="row">
										<div class="col-sm-7 mb30">
											<blockquote>This is the best event i had ever joined. Most exiting this is speakers are so exprienced & helpfull. Also the decoretion was also very good. In one word 'Just Awesome'</blockquote>
											<ul class="customer-rating">
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
											</ul>
											<h4>DEazel Kameru</h4>
										</div>
										<div class="col-sm-5">
											<div class="client-image primary-shadow">
												<img src="{% static 'web/images/testimonial/1.jpg' %}" alt="client" />
											</div>
										</div>
									</div>
								</div><!-- /.single-testimonial -->
								<div class="single-testimonial">
									<div class="row">
										<div class="col-sm-7 mb30">
											<blockquote>This is the best event i had ever joined. Most exiting this is speakers are so exprienced & helpfull. Also the decoretion was also very good. In one word 'Just Awesome'</blockquote>
											<ul class="customer-rating">
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
											</ul>
											<h4>DEazel Kameru</h4>
										</div>
										<div class="col-sm-5">
											<div class="client-image primary-shadow">
												<img src="{% static 'web/images/testimonial/2.jpg' %}" alt="client" />
											</div>
										</div>
									</div>
								</div><!-- /.single-testimonial -->
								<div class="single-testimonial">
									<div class="row">
										<div class="col-sm-7 mb30">
											<blockquote>This is the best event i had ever joined. Most exiting this is speakers are so exprienced & helpfull. Also the decoretion was also very good. In one word 'Just Awesome'</blockquote>
											<ul class="customer-rating">
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
											</ul>
											<h4>DEazel Kameru</h4>
										</div>
										<div class="col-sm-5">
											<div class="client-image primary-shadow">
												<img src="{% static 'web/images/testimonial/3.jpg' %}" alt="client" />
											</div>
										</div>
									</div>
								</div><!-- /.single-testimonial -->
								<div class="single-testimonial">
									<div class="row">
										<div class="col-sm-7 mb30">
											<blockquote>This is the best event i had ever joined. Most exiting this is speakers are so exprienced & helpfull. Also the decoretion was also very good. In one word 'Just Awesome'</blockquote>
											<ul class="customer-rating">
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
											</ul>
											<h4>DEazel Kameru</h4>
										</div>
										<div class="col-sm-5">
											<div class="client-image primary-shadow">
												<img src="{% static 'web/images/testimonial/4.jpg' %}" alt="client" />
											</div>
										</div>
									</div>
								</div><!-- /.single-testimonial -->
								<div class="single-testimonial">
									<div class="row">
										<div class="col-sm-7 mb30">
											<blockquote>This is the best event i had ever joined. Most exiting this is speakers are so exprienced & helpfull. Also the decoretion was also very good. In one word 'Just Awesome'</blockquote>
											<ul class="customer-rating">
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
											</ul>
											<h4>DEazel Kameru</h4>
										</div>
										<div class="col-sm-5">
											<div class="client-image primary-shadow">
												<img src="{% static 'web/images/testimonial/5.jpg' %}" alt="client" />
											</div>
										</div>
									</div>
								</div><!-- /.single-testimonial -->
								<div class="single-testimonial">
									<div class="row">
										<div class="col-sm-7 mb30">
											<blockquote>This is the best event i had ever joined. Most exiting this is speakers are so exprienced & helpfull. Also the decoretion was also very good. In one word 'Just Awesome'</blockquote>
											<ul class="customer-rating">
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
											</ul>
											<h4>DEazel Kameru</h4>
										</div>
										<div class="col-sm-5">
											<div class="client-image primary-shadow">
												<img src="{% static 'web/images/testimonial/6.jpg' %}" alt="client" />
											</div>
										</div>
									</div>
								</div><!-- /.single-testimonial -->
								<div class="single-testimonial">
									<div class="row">
										<div class="col-sm-7 mb30">
											<blockquote>This is the best event i had ever joined. Most exiting this is speakers are so exprienced & helpfull. Also the decoretion was also very good. In one word 'Just Awesome'</blockquote>
											<ul class="customer-rating">
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
											</ul>
											<h4>DEazel Kameru</h4>
										</div>
										<div class="col-sm-5">
											<div class="client-image primary-shadow">
												<img src="{% static 'web/images/testimonial/7.jpg' %}" alt="client" />
											</div>
										</div>
									</div>
								</div><!-- /.single-testimonial -->
								<div class="single-testimonial">
									<div class="row">
										<div class="col-sm-7 mb30">
											<blockquote>This is the best event i had ever joined. Most exiting this is speakers are so exprienced & helpfull. Also the decoretion was also very good. In one word 'Just Awesome'</blockquote>
											<ul class="customer-rating">
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
											</ul>
											<h4>DEazel Kameru</h4>
										</div>
										<div class="col-sm-5">
											<div class="client-image primary-shadow">
												<img src="{% static 'web/images/testimonial/8.jpg' %}" alt="client" />
											</div>
										</div>
									</div>
								</div><!-- /.single-testimonial -->
								<div class="single-testimonial">
									<div class="row">
										<div class="col-sm-7 mb30">
											<blockquote>This is the best event i had ever joined. Most exiting this is speakers are so exprienced & helpfull. Also the decoretion was also very good. In one word 'Just Awesome'</blockquote>
											<ul class="customer-rating">
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
											</ul>
											<h4>DEazel Kameru</h4>
										</div>
										<div class="col-sm-5">
											<div class="client-image primary-shadow">
												<img src="{% static 'web/images/testimonial/9.jpg' %}" alt="client" />
											</div>
										</div>
									</div>
								</div><!-- /.single-testimonial -->
								<div class="single-testimonial">
									<div class="row">
										<div class="col-sm-7 mb30">
											<blockquote>This is the best event i had ever joined. Most exiting this is speakers are so exprienced & helpfull. Also the decoretion was also very good. In one word 'Just Awesome'</blockquote>
											<ul class="customer-rating">
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
												<li><i class="fa fa-star"></i></li>
											</ul>
											<h4>DEazel Kameru</h4>
										</div>
										<div class="col-sm-5">
											<div class="client-image primary-shadow">
												<img src="{% static 'web/images/testimonial/10.jpg' %}" alt="client" />
											</div>
										</div>
									</div>
								</div><!-- /.single-testimonial -->
							</div><!-- /#testimonials -->
						</div><!-- /.col -->
					</div><!-- /.row -->
				</div><!-- /.container -->
			</div><!-- /.overlay -->
		</div><!-- /.testimonials-area -->
		
		<div class="pricing-area gray-bg">
			<div class="container">
				<div class="sub-heading">
					<div class="row">
						<div class="col-md-12">
							<h4>Our Priceing</h4>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4 col-sm-6 mb30">
						<div class="single-package primary-shadow white-bg">
							<div class="package-title">
								<h4>Start Pack</h4>
							</div>
							<div class="package-price">
								<div class="price">
									<h3>$89</h3>
								</div>
								<div class="validity">
									<h5>Per Person</h5>
								</div>
							</div>
							<div class="package-benefits text-center">
								<ul>
									<li>Access For All Session</li>
									<li>Free Tea / Coffee / Lunch</li>
									<li>Free Wifi Access</li>
									<li>Recorded Video Session</li>
								</ul>
							</div>
						</div>
					</div><!-- /.col -->
					<div class="col-md-4 col-sm-6 mb30">
						<div class="single-package primary-shadow white-bg">
							<div class="package-title">
								<h4>Gold Pack</h4>
								<div class="package-badge">
									<h6>Best Seler</h6>
								</div>
							</div>
							<div class="package-price">
								<div class="price">
									<h3>$89</h3>
								</div>
								<div class="validity">
									<h5>Per Person</h5>
								</div>
							</div>
							<div class="package-benefits text-center">
								<ul>
									<li>Access For All Session</li>
									<li>Free Tea / Coffee / Lunch</li>
									<li>Free Wifi Access</li>
									<li>Recorded Video Session</li>
								</ul>
							</div>
						</div>
					</div><!-- /.col -->
					<div class="col-md-4 col-sm-6 mb30">
						<div class="single-package primary-shadow white-bg">
							<div class="package-title">
								<h4>Platinam Pack</h4>
							</div>
							<div class="package-price">
								<div class="price">
									<h3>$89</h3>
								</div>
								<div class="validity">
									<h5>Per Person</h5>
								</div>
							</div>
							<div class="package-benefits text-center">
								<ul>
									<li>Access For All Session</li>
									<li>Free Tea / Coffee / Lunch</li>
									<li>Free Wifi Access</li>
									<li>Recorded Video Session</li>
								</ul>
							</div>
						</div>
					</div><!-- /.col -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</div><!-- /.pricing-area -->
		
		<div class="buy-tickit-area">
			<div class="overlay">
				<div class="container">
					<form action="tickit.php" class="tickit-form">
						<div class="row">
							<div class="col-md-3 col-sm-6">
								<div class="input-box">
									<input type="text" name="client-name" id="client-name" placeholder="Your Name" />
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="input-box">
									<input type="text" name="client-email" id="client-email" placeholder="Your Email" />
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="input-box">
									<select name="package-name" id="package-name">
										<option value="start">Start Package</option>
										<option value="Gold">Gold Package</option>
										<option value="Platinam">Platinam Package</option>
									</select>
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="input-box">
									<input class="button alt" type="submit" value="Get a ticket" id="get-ticket" />
								</div>
							</div>
						</div><!-- /.row -->
					</form><!-- /.tickit-form -->
				</div><!-- /.container -->
			</div><!-- /.overlay -->
		</div><!-- /.buy-tickit-area -->
		
		<div class="sponsors-area gray-bg">
			<div class="container">
				<div class="sub-heading">
					<div class="row">
						<div class="col-md-12">
							<h4>Our Sponsors</h4>
						</div>
					</div>
				</div>
				
				<div class="sponsors-nav">
					<ul class="nav nav-tabs">
						<li class="active"><a href="#SilverSponsors" data-toggle="tab">Silver Sponsors</a></li>
						<li><a href="#GoldSponsors" data-toggle="tab">Gold Sponsors</a></li>
						<li><a href="#PlatinumSponsors" data-toggle="tab">Platinum Sponsors</a></li>
					</ul>
				</div>

				<div class="tab-content sponsors-contents text-center">
					<div role="tabpanel" class="tab-pane active" id="SilverSponsors">
						<div class="row">
							<div class="col-md-3 col-sm-6 mb30">
								<div class="single-sponsor primary-shadow white-bg">
									<img src="{% static 'web/images/sponsor/1.png' %}" alt="sponsor" />
								</div>
							</div>
							<div class="col-md-3 col-sm-6 mb30">
								<div class="single-sponsor primary-shadow white-bg">
									<img src="{% static 'web/images/sponsor/2.png' %}" alt="sponsor" />
								</div>
							</div>
							<div class="col-md-3 col-sm-6 mb30">
								<div class="single-sponsor primary-shadow white-bg">
									<img src="{% static 'web/images/sponsor/3.png' %}" alt="sponsor" />
								</div>
							</div>
							<div class="col-md-3 col-sm-6 mb30">
								<div class="single-sponsor primary-shadow white-bg">
									<img src="{% static 'web/images/sponsor/4.png' %}" alt="sponsor" />
								</div>
							</div>
						</div>
					</div><!-- /.tabpanel -->
					<div role="tabpanel" class="tab-pane" id="GoldSponsors">
						<div class="row">
							<div class="col-md-3 col-sm-6 mb30">
								<div class="single-sponsor primary-shadow white-bg">
									<img src="{% static 'web/images/sponsor/4.png' %}" alt="sponsor" />
								</div>
							</div>
							<div class="col-md-3 col-sm-6 mb30">
								<div class="single-sponsor primary-shadow white-bg">
									<img src="{% static 'web/images/sponsor/3.png' %}" alt="sponsor" />
								</div>
							</div>
							<div class="col-md-3 col-sm-6 mb30">
								<div class="single-sponsor primary-shadow white-bg">
									<img src="{% static 'web/images/sponsor/2.png' %}" alt="sponsor" />
								</div>
							</div>
							<div class="col-md-3 col-sm-6 mb30">
								<div class="single-sponsor primary-shadow white-bg">
									<img src="{% static 'web/images/sponsor/1.png' %}" alt="sponsor" />
								</div>
							</div>
						</div>
					</div><!-- /.tabpanel -->
					<div role="tabpanel" class="tab-pane" id="PlatinumSponsors">
						<div class="row">
							<div class="col-md-3 col-sm-6 mb30">
								<div class="single-sponsor primary-shadow white-bg">
									<img src="{% static 'web/images/sponsor/2.png' %}" alt="sponsor" />
								</div>
							</div>
							<div class="col-md-3 col-sm-6 mb30">
								<div class="single-sponsor primary-shadow white-bg">
									<img src="{% static 'web/images/sponsor/1.png' %}" alt="sponsor" />
								</div>
							</div>
							<div class="col-md-3 col-sm-6 mb30">
								<div class="single-sponsor primary-shadow white-bg">
									<img src="{% static 'web/images/sponsor/4.png' %}" alt="sponsor" />
								</div>
							</div>
							<div class="col-md-3 col-sm-6 mb30">
								<div class="single-sponsor primary-shadow white-bg">
									<img src="{% static 'web/images/sponsor/3.png' %}" alt="sponsor" />
								</div>
							</div>
						</div>
					</div><!-- /.tabpanel -->
				</div><!-- /.tab-content -->
				
				<div class="become-sponsor text-center">
					<a href="" class="button alt"  data-toggle="modal" data-target="#sponsor-form">Become a Sponsor</a>
				</div>
				
				<div class="modal fade" id="sponsor-form" tabindex="-1">
					<div class="container">
						<div class="row">
							<div class="col-md-3"></div>
							<div class="col-md-6">
								<div class="sponsor-form-area white-bg primary-shadow">
									<div class="sub-heading small">
										<div class="row">
											<div class="col-md-12">
												<h4>Become a Sponsor</h4>
											</div>
										</div>
									</div>
									<form action="sponsor.php">
										<div class="row">
											<div class="col-sm-6">
												<div class="input-box-underline">
													<input class="input" type="text" name="Your-name" id="Your-name" placeholder="Your Name" />
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-box-underline">
													<input class="input" type="text" name="Email-address" id="Email-address" placeholder="Email address" />
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-box-underline">
													<input class="input" type="text" name="Phone-No" id="Phone-No" placeholder="Phone No" />
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-box-underline">
													<input class="input" type="text" name="Company-name" id="Company-name" placeholder="Company name" />
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-box-underline">
													<input class="input" type="text" name="Position" id="Position" placeholder="Position" />
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-box-underline">
													<input class="input" type="text" name="Website-Url" id="Website-Url" placeholder="Website Url" />
												</div>
											</div>
										</div><!-- /.row -->
										<ul class="row text-center">
											<li class="col-sm-4">
												<div class="single-package-select">
													<input name="sps" value="Silver" id="Silver" checked type="radio">
													<label for="Silver">
														<span class="h5-like">Silver</span>
														<span class="h6-like">$2000.00</span>
													</label>
												</div>
											</li>
											<li class="col-sm-4">
												<div class="single-package-select">
													<input name="sps" value="Gold" id="Gold" type="radio">
													<label for="Gold">
														<span class="h5-like">Gold</span>
														<span class="h6-like">$5000.00</span>
													</label>
												</div>
											</li>
											<li class="col-sm-4">
												<div class="single-package-select">
													<input name="sps" value="Platinum" id="Platinum" type="radio">
													<label for="Platinum">
														<span class="h5-like">Platinum</span>
														<span class="h6-like">$10000.00</span>
													</label>
												</div>
											</li>
										</ul><!-- /.row -->
										<div class="row">
											<div class="col-md-12">
												<div class="input-box-underline">
													<textarea class="input" name="some-text" id="some-text" placeholder="Tell more about you or your company"></textarea>
												</div>
											</div>
										</div><!-- /.row -->
										<div class="row">
											<div class="col-sm-12">
												<ul class="buttons">
													<li><input type="submit" value="submit" class="button alt" /></li>
													<li><a href="" class="button alt" data-dismiss="modal">Close</a></li>
												</ul>
											</div>
										</div><!-- /.row -->
									</form><!-- /form -->
								</div><!-- /.sponsor-form-area -->
							</div>
							<div class="col-md-3"></div>
						</div><!-- /.row -->
					</div><!-- /.container -->
				</div><!-- /.modal -->
				
			</div><!-- /.container -->
		</div><!-- /.sponsors-area -->
		
		<div class="blog-area">
			<div class="container">
				<div class="sub-heading">
					<div class="row">
						<div class="col-md-12">
							<h4>Our Blog</h4>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4 col-sm-6 mb30">
						<div class="single-blog white-bg primary-shadow">
							<div class="sb-top">
								<img src="{% static 'web/images/blog/1.jpg' %}" alt="blog" />
								<div class="sb-over">
									<div class="sb-over-innr">
										<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="blog-single.html">Read More</a>
									</div>
								</div>
								<div class="sb-meta">
									<div class="sb-comment-count">
										<a href="#"><i class="fa fa-comments"></i> <span>12</span> </a>
									</div>
									<div class="sb-tags">
										<i class="fa fa-tags"></i>
										<a href="#">Event</a> , <a href="#">Girl</a>
									</div>
								</div>
								<div class="sb-social-share">
									<a href="#" class="social-trigger"><i class="fa fa-share-alt"></i></a>
									<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 class="sb-bottom">
								<h6>14 DecEmber 2015</h6>
								<h5><a href="blog-single.html">Beautyfull girl outside of vanue</a></h5>
							</div>
						</div><!-- /.single-blog -->
					</div><!-- /.col -->
					<div class="col-md-4 col-sm-6 mb30">
						<div class="single-blog white-bg primary-shadow">
							<div class="sb-top">
								<img src="{% static 'web/images/blog/2.jpg' %}" alt="blog" />
								<div class="sb-over">
									<div class="sb-over-innr">
										<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="blog-single.html">Read More</a>
									</div>
								</div>
								<div class="sb-meta">
									<div class="sb-comment-count">
										<a href="#"><i class="fa fa-comments"></i> <span>12</span> </a>
									</div>
									<div class="sb-tags">
										<i class="fa fa-tags"></i>
										<a href="#">Event</a> , <a href="#">Chair</a>
									</div>
								</div>
								<div class="sb-social-share">
									<a href="#" class="social-trigger"><i class="fa fa-share-alt"></i></a>
									<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 class="sb-bottom">
								<h6>09 DecEmber 2015</h6>
								<h5><a href="blog-single.html">Nice & Unique Chair for Visitors</a></h5>
							</div>
						</div><!-- /.single-blog -->
					</div><!-- /.col -->
					<div class="col-md-4 col-sm-6 mb30">
						<div class="single-blog white-bg primary-shadow">
							<div class="sb-top">
								<img src="{% static 'web/images/blog/3.jpg' %}" alt="blog" />
								<div class="sb-over">
									<div class="sb-over-innr">
										<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="blog-single.html">Read More</a>
									</div>
								</div>
								<div class="sb-meta">
									<div class="sb-comment-count">
										<a href="#"><i class="fa fa-comments"></i> <span>12</span> </a>
									</div>
									<div class="sb-tags">
										<i class="fa fa-tags"></i>
										<a href="#">Event</a> , <a href="#">Note</a>
									</div>
								</div>
								<div class="sb-social-share">
									<a href="#" class="social-trigger"><i class="fa fa-share-alt"></i></a>
									<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 class="sb-bottom">
								<h6>07 DecEmber 2015</h6>
								<h5><a href="blog-single.html">Making our event Schedule</a></h5>
							</div>
						</div><!-- /.single-blog -->
					</div><!-- /.col -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</div><!-- /.blog-area -->
		
		<div class="contact-area gray-bg">
			<div class="container">
				<div class="row">
					<div class="col-md-8">
						<div class="location-card mb30 primary-shadow">
							<img src="{% static 'web/images/contact/location.jpg' %}" alt="location" />
							<div class="overlay"></div>
							<div class="location-info">
								<h6>Hall Of Fame</h6>
								<h4>49 West 32nd Street, New York</h4>
							</div>
							<span class="map-trigger">
								<i class="fa fa-map-marker"></i>
							</span>
							<div class="google-map-area">
								<div id="map" class="map"></div>
								<span class="map-close"><i class="fa fa-close"></i></span>
							</div>
						</div>
					</div><!-- /.col -->
					<div class="col-md-4">
						<div class="contact-info primary-shadow white-bg">
							<h4>Contact Info</h4>
							<div class="row">
								<div class="col-md-12 col-sm-6">
									<div class="single-contact-info">
										<div class="row">
											<div class="col-xs-5">
												<img src="{% static 'web/images/contact/cp1.jpg' %}" alt="contact" />
											</div>
											<div class="col-xs-7">
												<h6>Ruby Martin</h6>
												<span class="p-like">Organizer</span>
												<ul>
													<li>+02 596 355 32</li>
													<li>ruby@evemate.com</li>
												</ul>
											</div>
										</div>
									</div>
								</div><!-- /.col -->
								<div class="col-md-12 col-sm-6">
									<div class="single-contact-info">
										<div class="row">
											<div class="col-xs-5">
												<img src="{% static 'web/images/contact/cp2.jpg' %}" alt="contact" />
											</div>
											<div class="col-xs-7">
												<h6>Ella Robinson</h6>
												<span class="p-like">Planer</span>
												<ul>
													<li>+02 596 355 32</li>
													<li>ella@evemate.com</li>
												</ul>
											</div>
										</div>
									</div>
								</div><!-- /.col -->
							</div><!-- /.row -->
						</div><!-- /.contact-info -->
					</div><!-- /.col -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</div><!-- /.contact-area -->
{% endblock %}