<!DOCTYPE html>
<html lang="en" class="js">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="Responsive HTML Event Template">
		<meta name="author" content="bestpixels">
		
		<!-- Fav Icon  -->
		<link rel="shortcut icon" href="images/ico/favicon.png">
		<link href="images/ico/favicon.ico" rel="shortcut icon" type="image/x-icon">
		<link href="images/ico/favicon.ico" rel="icon" type="image/x-icon">
		
		<!-- Site Title  -->
		<title>EveMat | Responsive HTML Event Template</title>

		<!-- Bootstrap core CSS -->
		<link rel="stylesheet" href="assets/css/bootstrap.css" >
		
		<!-- Magnific Popup CSS -->
		<link rel="stylesheet" href="lib/Magnific-Popup/dist/magnific-popup.css"/>
		
		<!-- Font Awesome CSS -->
		<link rel="stylesheet" href="lib/Font-Awesome/css/font-awesome.min.css"/>
		
		<!-- Select2 CSS -->
		<link rel="stylesheet" href="lib/select2/css/select2.min.css"/>
		
		<!-- plyr CSS -->
		<link rel="stylesheet" href="lib/plyr/dist/plyr.css"/>
		
		<!-- Custom styles for this template -->
		<link href="css/font.css" rel="stylesheet">
		<link href="css/style.css" rel="stylesheet">
		
		<link href="css/color.css" rel="stylesheet">
		
		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
			<script src="js/html5shiv.js"></script>
			<script src="js/respond.min.js"></script>
		<![endif]-->
		
	</head>
	<body>
		
		<div class="navigation-area primary-shadow">
			<div class="top-info-bar">
				<div class="container">
					<div class="row">
						<div class="col-sm-6">
							<div class="contact-info-bar">
								<ul>
									<li><i class="fa fa-map-marker"></i> 49 West 32nd Street, New York</li>
								</ul>
							</div>
						</div>
						<div class="col-sm-6 text-right mobile-left">
							<div class="contact-info-bar">
								<ul>
									<li><i class="fa fa-phone"></i> +02 525 486 232</li>
									<li><i class="fa fa-envelope"></i> eelias.cse@gmail.com</li>
								</ul>
							</div>
						</div>
					</div>
				</div><!-- /.container -->
			</div><!-- /.top-info-bar -->
		
			<nav class="navbar navbar-default">
				<div class="container">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="Site Logo" /></a>
					</div>

					<!-- Collect the nav links and other content for toggling -->
					<div class="collapse navbar-collapse" id="navbar-collapse">
						<ul class="nav navbar-nav navbar-right">
							<li class="ml15"><a class="button alt" href="price-table.html">Reserve Your Seat</a></li>
						</ul>
						<ul class="nav navbar-nav navbar-right">
							<li><a href="index.html">Home</a></li>
							<li><a href="speakers.html">Speakers</a></li>
							<li><a href="schedule.html">Schedule</a></li>
							<li><a href="sponsors.html">Sponsors</a></li>
							<li class="dropdown current">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li><a href="about.html">About</a></li>
									<li><a href="accommodation.html">Accommodation</a></li>
									<li><a href="gallery.html">Gallery</a></li>
									<li><a href="price-table.html">Price Table</a></li>
									<li class="current"><a href="blog.html">Blog</a></li>
									<li><a href="blog-single.html">Blog Single</a></li>
									<li><a href="404.html">404 Error</a></li>
								</ul>
							</li>
							<li><a href="contact.html">Contact</a></li>
						</ul>
					</div><!-- /.navbar-collapse -->
				</div><!-- /.container -->
			</nav>
		</div><!-- /.navigation-area -->
		
		<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">Blog Page</li>
							</ul>
							<h2>Blog Page</h2>
						</div>
					</div>
				</div>
			</div>
		</div><!-- /.header-area -->
		
		<div class="blog-area page-section">
			<div class="container">
				<div class="row">
					<div class="col-md-8">
						<div class="row">
							<div class="col-sm-6 mb30">
								<div class="single-blog white-bg primary-shadow">
									<div class="sb-top">
										<img src="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-sm-6 mb30">
								<div class="single-blog white-bg primary-shadow">
									<div class="sb-top">
										<img src="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-sm-6 mb30">
								<div class="single-blog white-bg primary-shadow">
									<div class="sb-top">
										<img src="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 class="col-sm-6 mb30">
								<div class="single-blog white-bg primary-shadow">
									<div class="sb-top">
										<img src="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-sm-6 mb30">
								<div class="single-blog white-bg primary-shadow">
									<div class="sb-top">
										<img src="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-sm-6 mb30">
								<div class="single-blog white-bg primary-shadow">
									<div class="sb-top">
										<img src="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>
					<div class="col-md-4">
						<div class="sidebar-area primary-shadow">
							<div class="input-box-underline">
								<input class="input" type="text" name="Your-name" id="Your-name" placeholder="Search" />
							</div>
							<div class="single-widget text-widget">
								<h5>Text Widget</h5>
								<p>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>
							</div><!-- /.single-widget -->
							<div class="single-widget">
								<h5>Recent Gallery</h5>
								<ul class="gallery-list">
									<li><img src="images/gallery/thumb/1.jpg" alt="gallery" /></li>
									<li><img src="images/gallery/thumb/2.jpg" alt="gallery" /></li>
									<li><img src="images/gallery/thumb/3.jpg" alt="gallery" /></li>
									<li><img src="images/gallery/thumb/4.jpg" alt="gallery" /></li>
									<li><img src="images/gallery/thumb/2.jpg" alt="gallery" /></li>
									<li><img src="images/gallery/thumb/1.jpg" alt="gallery" /></li>
									<li><img src="images/gallery/thumb/2.jpg" alt="gallery" /></li>
									<li><img src="images/gallery/thumb/3.jpg" alt="gallery" /></li>
									<li><img src="images/gallery/thumb/4.jpg" alt="gallery" /></li>
									<li><img src="images/gallery/thumb/2.jpg" alt="gallery" /></li>
								</ul>
							</div><!-- /.single-widget -->
							<div class="single-widget">
								<h5>PopulAr Posts</h5>
								<ul class="post-list">
									<li class="widget-post">
										<a class="clearfix" href="#">
											<img src="images/widgets/post/1.jpg" alt="post" />
											<h6>Making our event Schedule<small>14 DecEmber 2015</small></h6>
										</a>
									</li>
									<li class="widget-post">
										<a class="clearfix" href="#">
											<img src="images/widgets/post/2.jpg" alt="post" />
											<h6>Making our event Schedule<small>14 DecEmber 2015</small></h6>
										</a>
									</li>
									<li class="widget-post">
										<a class="clearfix" href="#">
											<img src="images/widgets/post/3.jpg" alt="post" />
											<h6>Making our event Schedule<small>14 DecEmber 2015</small></h6>
										</a>
									</li>
								</ul>
							</div><!-- /.single-widget -->
							<div class="single-widget">
								<h5>Tag Clouds</h5>
								<ul class="tag-list">
									<li><a href="#">VENUE</a></li>
									<li><a href="#">Beautyfull</a></li>
									<li><a href="#">SCHEDULE</a></li>
									<li><a href="#">Unique</a></li>
									<li><a href="#">Material</a></li>
									<li><a href="#">Design</a></li>
									<li><a href="#">MAKing</a></li>
									<li><a href="#">GIRL</a></li>
									<li><a href="#">Visitor</a></li>
								</ul>
							</div><!-- /.single-widget -->
						</div><!-- /.sidebar-area -->
					</div><!-- /.col -->
				</div><!-- /.row -->	
			</div><!-- /.container -->
		</div><!-- /.blog-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="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="images/gallery/thumb/1.jpg" alt="gallery" /></li>
								<li><img src="images/gallery/thumb/2.jpg" alt="gallery" /></li>
								<li><img src="images/gallery/thumb/3.jpg" alt="gallery" /></li>
								<li><img src="images/gallery/thumb/4.jpg" alt="gallery" /></li>
								<li><img src="images/gallery/thumb/2.jpg" alt="gallery" /></li>
								<li><img src="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 -->
		
		<div class="footer-bar-area">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<span>Copyright 2015 . Designed By <a href="#">BestPixels</a></span>
					</div>
				</div>
			</div>
		</div><!-- /.footer-bar-area -->
		
		
		<!-- Bootstrap core JavaScript
		================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		
		<script src="js/jquery.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		
		<!-- jQuery Magnific-Popup
		================================================== -->
		<script src="lib/Magnific-Popup/dist/jquery.magnific-popup.min.js"></script>
		
		<!-- Select2
		================================================== -->
		<script src="lib/select2/js/select2.min.js"></script>
		
		<!-- jQuery BxSlider
		================================================== -->
		<script src="lib/BxSlider/jquery.bxslider.min.js"></script>
		
		<!-- jQuery plyr
		================================================== -->
		<script src="lib/plyr/dist/plyr.js"></script>
		
		<!-- Google Map
		================================================== -->
		<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"></script>
        
		<!-- jQuery Custom
		================================================== -->
		<script src="js/custom.js" type="text/javascript"></script>
		
	</body>
</html>
