<!DOCTYPE html>

<!--
   Template:   Sepia - Photography Portfolio HTML Website Template
   Author:     Themetorium
   URL:        https://themetorium.net  
-->

<html lang="en">
	<head>

		<!-- Title -->
		<title>Blog / Sepia - Photography Portfolio HTML Website Template</title>

		<!-- Meta -->
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="Responsive Photography HTML5 Website Template">
		<meta name="keywords" content="HTML5, CSS3, Bootsrtrap, Responsive, Photography, Portfolio, Template, Theme, Website, Themetorium" />
		<meta name="author" content="themetorium.net">

		<!-- Mobile Metas -->
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<!-- Favicon (http://www.favicon-generator.org/) -->
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
		<link rel="icon" href="favicon.ico" type="image/x-icon">

		<!-- Google Analytics (https://analytics.google.com/) -->
		<!-- Add your Google Analytics code here -->

		<!-- Google fonts (https://www.google.com/fonts) -->
		<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet"> <!-- Global font -->

		<!-- Bootstrap CSS (http://getbootstrap.com) -->
		<link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.min.css"> <!-- bootstrap CSS (http://getbootstrap.com) -->

		<!-- Libs and Plugins CSS -->
		<link rel="stylesheet" href="assets/vendor/animsition/css/animsition.min.css"> <!-- Animsition CSS (http://git.blivesta.com/animsition/) -->
		<link rel="stylesheet" href="assets/vendor/fontawesome/css/fontawesome-all.min.css"> <!-- Font Icons CSS (https://fontawesome.com) Free version! -->
		<link rel="stylesheet" href="assets/vendor/lightgallery/css/lightgallery.min.css"> <!-- lightGallery CSS (http://sachinchoolur.github.io/lightGallery) -->
		<link rel="stylesheet" href="assets/vendor/owl-carousel/css/owl.carousel.min.css"> <!-- Owl Carousel CSS (https://owlcarousel2.github.io/OwlCarousel2/) -->
		<link rel="stylesheet" href="assets/vendor/owl-carousel/css/owl.theme.default.min.css"> <!-- Owl Carousel CSS (https://owlcarousel2.github.io/OwlCarousel2/) -->
		<link rel="stylesheet" href="assets/vendor/ytplayer/css/jquery.mb.YTPlayer.min.css"> <!-- YTPlayer CSS (more info: https://github.com/pupunzi/jquery.mb.YTPlayer) -->

		<!-- Template master CSS -->
		<link rel="stylesheet" href="assets/css/helper.css">
		<link rel="stylesheet" href="assets/css/theme.css">

		<!-- Template dark style CSS (just uncomment line below to enable dark style) -->
			<!-- <link rel="stylesheet" href="assets/css/dark-style.css"> -->

		<!-- Template round style CSS (just uncomment line below to enable round style) -->
			<!-- <link rel="stylesheet" href="assets/css/round-style.css"> -->

		<!-- Template color skins CSS (just uncomment line below to enable color skin. One line at a time!) -->
			<!-- <link rel="stylesheet" href="assets/css/color-skins/skin-red.css"> -->
			<!-- <link rel="stylesheet" href="assets/css/color-skins/skin-green.css"> -->
			<!-- <link rel="stylesheet" href="assets/css/color-skins/skin-blue.css"> -->
			<!-- <link rel="stylesheet" href="assets/css/color-skins/skin-orange.css"> -->
			<!-- <link rel="stylesheet" href="assets/css/color-skins/skin-purple.css"> -->
			<!-- <link rel="stylesheet" href="assets/css/color-skins/skin-pink.css"> -->
			<!-- <link rel="stylesheet" href="assets/css/color-skins/skin-brown.css"> -->

		<!-- Template RTL mode CSS (just uncomment all 3 lines below to enable right to left mode) -->
			<!-- <link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap-rtl/bootstrap-rtl.min.css"> -->
			<!-- <link rel="stylesheet" href="assets/css/rtl/theme-rtl.css"> -->
			<!-- <link rel="stylesheet" href="assets/css/rtl/helper-rtl.css"> -->



		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->

	</head>

	<!-- ===========
	///// Body /////
	================
	* Use class "animsition" to enable page transition while page loads.
	* Use class "tt-boxed" to enable page boxed layout globally (affects all elements containing class "tt-wrap").
	-->
	<body id="body" class="animsition tt-boxed">

		<!-- =================
		//// Begin header //// 
		======================
		* Use class "header-show-hide-on-scroll" to hide header on scroll down and show on scroll up.
		* Use class "header-fixed-top" to set header to fixed position.
		* Use class "header-transparent" to set header to transparent.
		* Use class "menu-align-left" to align menu to left.
		* Use class "menu-align-right" to align menu to right.
		* Use class "menu-align-center" to align menu to center (do not use with header classes!).
		-->
		<header id="header" class="header-show-hide-on-scroll menu-align-right">

			<!-- Begin header inner -->
			<div class="header-inner tt-wrap"> <!-- add/remove class "tt-wrap" to enable/disable element boxed layout (class "tt-boxed" is required in <body> tag! ) -->

				<!-- Begin logo 
				================ -->
				<div id="logo">
					<a href="index.html" class="logo-dark"><img src="assets/img/logo-dark.png" alt="logo"></a>
					<a href="index.html" class="logo-light"><img src="assets/img/logo-light.png" alt="logo"></a>

					<!-- for small screens -->
					<a href="index.html" class="logo-dark-m"><img src="assets/img/logo-dark-m.png" alt="logo"></a>
					<a href="index.html" class="logo-light-m"><img src="assets/img/logo-light-m.png" alt="logo"></a>
				</div>
				<!-- End logo -->

				<!-- ====================
				//// Begin main menu ////
				===================== -->
				<nav class="tt-main-menu">

					<!-- Begin mobile menu toggle button -->
					<div id="tt-m-menu-toggle-btn">
						<span></span>
					</div>
					<!-- End mobile menu toggle button -->

					<!-- Begin menu tools 
					====================== -->
					<div class="tt-menu-tools">
						<ul>
							<!-- Begin search -->
							<li>
								<a href="#" class="tt-clobal-search-trigger"><i class="fas fa-search"></i></a>
								<div class="tt-clobal-search">
									<div class="tt-clobal-search-inner">
										<span class="tt-clobal-search-title">Search</span>
										<form id="tt-clobal-search-form" class="form-btn-inside" method="get" action="search-results.html">
											<input type="text" id="tt-clobal-search-input" name="search" placeholder="Type your keywords ...">
											<button type="submit"><i class="fas fa-search"></i></button>
										</form>
									</div> <!-- /.tt-clobal-search-inner -->
									<div class="tt-clobal-search-close"><i class="tt-close-btn tt-close-light"></i></div>
								</div> <!-- /.tt-clobal-search -->
							</li>
							<!-- End search -->

							<!-- Begin tt-dropdown (languages) 
							===================================
							* Use class "tt-dropdown-dark" to enable dropdown dark style.
							-->
							<li class="tt-dropdown-wrap tt-dropdown-master tt-dropdown-dark tt-dropdown-right tt-tools-lang">
								<a href="#0"><img src="assets/img/flags/gb.png" alt="English"> EN</a>
								<ul class="tt-dropdown">
									<li><a href="" title="English"><img src="assets/img/flags/gb.png" alt="English"> EN</a></li>
									<li><a href="" title="French"><img src="assets/img/flags/fr.png" alt="French"> FR</a></li>
									<li><a href="" title="Deutsch"><img src="assets/img/flags/de.png" alt="Deutsch"> DE</a></li>
								</ul> <!-- /.tt-dropdown -->
							</li>
							<!-- End tt-dropdown -->

							<!-- Begin call to action button -->
							<li>
								<a href="https://themeforest.net/item/sepia-photography-portfolio-html-website-template/20195226?ref=Themetorium" class="tt-tools-button" target="_blank">Buy<span class="hide-from-sm"> This Theme</span>!</a>
							</li>
							<!-- End call to action button -->
						</ul>
					</div>
					<!-- End menu tools -->

					<!-- Collect the nav links for toggling 
					========================================
					* Use class "tt-submenu-dark" to enable submenu dark style.
					-->
					<div class="tt-menu-collapse tt-submenu-dark">
						<ul class="tt-menu-nav">

							<!-- Begin submenu (submenu master)
							==================================== -->
							<li class="tt-submenu-wrap tt-submenu-master">
								<a href="#0">Home</a>
								<ul class="tt-submenu">
									<li><a href="home-landing.html">Home Landing</a></li>
									<li><a href="home-intro-slideshow.html">Slideshow</a></li>
									<li><a href="albums-slideshow.html">Slideshow + Thumb.</a></li>
									<li><a href="home-intro-full-screen.html">Full Screen Slideshow</a></li>
									<li><a href="categories-carousel.html">Categories Carousel</a></li>
									<li><a href="home-intro-image.html">Static Image Intro</a></li>
									<li><a href="home-intro-video.html">Video Intro</a></li>
									<li><a href="home-intro-video-full-screen.html">Full Screen Video Intro</a></li>
								</ul> <!-- /.tt-submenu -->
							</li>
							<!-- End submenu (sub-master) -->

							<!-- Begin submenu (submenu master)
							==================================== -->
							<li class="tt-submenu-wrap tt-submenu-master">
								<a href="#0">About</a>
								<ul class="tt-submenu">
									<li><a href="about-me.html">About Me</a></li>
									<li><a href="about-me-fluid.html">About Me Fluid</a></li>
									<li><a href="about-me-2.html">About Me 2</a></li>
									<li><a href="about-me-2-fluid.html">About Me 2 Fluid</a></li>
								</ul> <!-- /.tt-submenu -->
							</li>
							<!-- End submenu (sub-master) -->

							<!-- Begin submenu (submenu master)
							==================================== -->
							<li class="tt-submenu-wrap tt-submenu-master">
								<a href="#0">Portfolio</a>
								<ul class="tt-submenu">

									<!-- Begin submenu
									=================== -->
									<li class="tt-submenu-wrap">
										<a href="#0">Albums</a>
										<ul class="tt-submenu">

											<!-- Begin submenu
											=================== -->
											<li class="tt-submenu-wrap">
												<a href="#0">Grid</a>
												<ul class="tt-submenu">
													<li><a href="albums-grid.html">Grid Default</a></li>
													<li><a href="albums-grid-2.html">Grid 2</a></li>
													<li><a href="albums-grid-fluid.html">Grid Fluid</a></li>
													<li><a href="albums-grid-fluid-2.html">Grid Fluid 2</a></li>
													<li><a href="albums-grid-fluid-3.html">Grid Fluid 3</a></li>
													<li><a href="albums-grid-fluid-4.html">Grid Fluid 4</a></li>
													<li><a href="albums-grid-no-crop.html">Grid No Crop</a></li>
													<li><a href="albums-grid-simple.html">Grid Simple</a></li>
													<li><a href="albums-grid-styles.html">Grid Item Styles</a></li>
												</ul> <!-- /.tt-submenu -->
											</li>
											<!-- End submenu -->

											<!-- Begin submenu
											=================== -->
											<li class="tt-submenu-wrap">
												<a href="#0">Carousel</a>
												<ul class="tt-submenu">
													<li><a href="albums-carousel.html">Albums Carousel</a></li>
													<li><a href="albums-carousel-no-crop.html">Carousel No Crop</a></li>
													<li><a href="albums-carousel-split.html">Carousel Split</a></li>
												</ul> <!-- /.tt-submenu -->
											</li>
											<!-- End submenu -->

											<!-- Begin submenu
											=================== -->
											<li class="tt-submenu-wrap">
												<a href="#0">Archive</a>
												<ul class="tt-submenu">
													<li><a href="albums-archive.html">Archive Default</a></li>
													<li><a href="albums-archive-fluid.html">Archive Fluid</a></li>
													<li><a href="albums-archive-fluid-2.html">Archive Fluid 2</a></li>
												</ul> <!-- /.tt-submenu -->
											</li>
											<!-- End submenu -->

											<li><a href="albums-one-column.html">One Column</a></li>
											<li><a href="albums-one-column-fluid.html">One Column Fluid</a></li>
											<li><a href="albums-slideshow.html">Slideshow + Thumb.</a></li>
											<li><a href="albums-thumbnails-list.html">Thumbnails List</a></li>

										</ul> <!-- /.tt-submenu -->
									</li>
									<!-- End submenu -->

									<!-- Begin submenu
									=================== -->
									<li class="tt-submenu-wrap">
										<a href="#0">Gallery</a>
										<ul class="tt-submenu">

											<!-- Begin submenu
											=================== -->
											<li class="tt-submenu-wrap">
												<a href="#0">Gallery Carousel</a>
												<ul class="tt-submenu">
													<li><a href="gallery-single-carousel.html">Carousel Default</a></li>
													<li><a href="gallery-single-carousel-2.html">Carousel + Info</a></li>
													<li><a href="gallery-single-carousel-center.html">Carousel Center</a></li>
												</ul> <!-- /.tt-submenu -->
											</li>
											<!-- End submenu -->

											<!-- Begin submenu
											=================== -->
											<li class="tt-submenu-wrap">
												<a href="#0">Gallery Grid</a>
												<ul class="tt-submenu">
													<li><a href="gallery-single-grid.html">Grid Default</a></li>
													<li><a href="gallery-single-grid-2.html">Grid 2</a></li>
													<li><a href="gallery-single-grid-cropped.html">Grid Cropped</a></li>
													<li><a href="gallery-single-grid-fluid.html">Grid Fluid</a></li>
													<li><a href="gallery-single-grid-fluid-2.html">Grid Fluid 2</a></li>
													<li><a href="gallery-single-grid-fluid-2-cropped.html">Grid Fluid 2 Cropped</a></li>
													<li><a href="gallery-single-grid-fluid-3.html">Grid Fluid 3</a></li>
													<li><a href="gallery-single-grid-fluid-3-cropped.html">Grid Fluid 3 Cropped</a></li>
													<li><a href="gallery-single-grid-simple.html">Grid Simple</a></li>
												</ul> <!-- /.tt-submenu -->
											</li>
											<!-- End submenu -->

											<!-- Begin submenu
											=================== -->
											<li class="tt-submenu-wrap">
												<a href="#0">Gallery + Sidebar</a>
												<ul class="tt-submenu">
													<li><a href="gallery-single-sidebar-left.html">Sidebar Left</a></li>
													<li><a href="gallery-single-sidebar-left-simple.html">Sidebar Left Simple</a></li>
													<li><a href="gallery-single-sidebar-right.html">Sidebar Right</a></li>
													<li><a href="gallery-single-sidebar-right-simple.html">Sidebar Right Simple</a></li>
												</ul> <!-- /.tt-submenu -->
											</li>
											<!-- End submenu -->

											<!-- Begin submenu
											=================== -->
											<li class="tt-submenu-wrap">
												<a href="#0">Gallery Styles</a>
												<ul class="tt-submenu">
													<li><a href="gallery-single-grid-style-default.html">Default</a></li>
													<li><a href="gallery-single-grid-style-colored.html">Colored</a></li>
													<li><a href="gallery-single-grid-style-zoom-only.html">Zoom Only</a></li>
												</ul> <!-- /.tt-submenu -->
											</li>
											<!-- End submenu -->

										</ul> <!-- /.tt-submenu -->
									</li>
									<!-- End submenu -->

									<!-- Begin submenu
									=================== -->
									<li class="tt-submenu-wrap">
										<a href="#0">Categories</a>
										<ul class="tt-submenu">
											<li><a href="categories-carousel.html">Carousel</a></li>
											<li><a href="categories-grid.html">Grid</a></li>
											<li><a href="categories-grid-fluid.html">Grid Fluid</a></li>
											<li><a href="categories-grid-fluid-2.html">Grid Fluid 2</a></li>
											<li><a href="categories-grid-fluid-3.html">Grid Fluid 3</a></li>
										</ul> <!-- /.tt-submenu -->
									</li>
									<!-- End submenu -->

								</ul> <!-- /.tt-submenu -->
							</li>
							<!-- End submenu (sub-master) -->

							<!-- Begin submenu (submenu master)
							==================================== -->
							<li class="tt-submenu-wrap tt-submenu-master">
								<a href="#0">Blog</a>
								<ul class="tt-submenu">

									<!-- Begin submenu
									=================== -->
									<li class="tt-submenu-wrap">
										<a href="#0">Blog List</a>
										<ul class="tt-submenu">
											<li><a href="blog-list-classic.html">Classic</a></li>
											<li><a href="blog-list-simple.html">Classic Simple</a></li>
											<li><a href="blog-list-grid.html">Grid</a></li>
											<li><a href="blog-list-grid-fluid.html">Grid Fluid</a></li>
											<li><a href="blog-list-grid-no-sidebar.html">Grid No Sidebar</a></li>
										</ul> <!-- /.tt-submenu -->
									</li>
									<!-- End submenu -->

									<!-- Begin submenu
									=================== -->
									<li class="tt-submenu-wrap">
										<a href="#0">Blog Single Post</a>
										<ul class="tt-submenu">
											<li><a href="blog-single.html">Default</a></li>
											<li><a href="blog-single-alter.html">Alternate</a></li>
											<li><a href="blog-single-simple.html">Simple</a></li>
										</ul> <!-- /.tt-submenu -->
									</li>
									<!-- End submenu -->

									<!-- Begin submenu
									=================== -->
									<li class="tt-submenu-wrap">
										<a href="#0">Blog Archive</a>
										<ul class="tt-submenu">
											<li><a href="blog-archive.html">Archive Default</a></li>
											<li><a href="blog-archive-2.html">Archive Classic</a></li>
											<li><a href="blog-archive-3.html">Archive Grid</a></li>
										</ul> <!-- /.tt-submenu -->
									</li>
									<!-- End submenu -->

								</ul> <!-- /.tt-submenu -->
							</li>
							<!-- End submenu (sub-master) -->

							<!-- Begin submenu (submenu master)
							==================================== -->
							<li class="tt-submenu-wrap tt-submenu-master">
								<a href="#0">Contact</a>
								<ul class="tt-submenu">
									<li><a href="contact.html">Contact Default</a></li>
									<li><a href="contact-fluid.html">Contact Fluid</a></li>
									<li><a href="contact-simple.html">Contact Simple</a></li>
								</ul> <!-- /.tt-submenu -->
							</li>
							<!-- End submenu (sub-master) -->

							<!-- Begin submenu (submenu master)
							==================================== -->
							<li class="tt-submenu-wrap tt-submenu-master">
								<a href="#0">More</a>
								<ul class="tt-submenu">

									<!-- Begin submenu
									=================== -->
									<li class="tt-submenu-wrap">
										<a href="#0">Dummy Pages</a>
										<ul class="tt-submenu">
											<li><a href="page-dummy-classic.html">No Sidebar</a></li>
											<li><a href="page-dummy-classic-sidebar-left.html">Sidebar Left</a></li>
											<li><a href="page-dummy-classic-sidebar-right.html">Sidebar Right</a></li>
											<li><a href="page-dummy-modern.html">Modern</a></li>
										</ul> <!-- /.tt-submenu -->
									</li>
									<!-- End submenu -->

									<li><a href="page-404.html">404 Error</a></li>
									<li><a href="page-404-2.html">404 Error 2</a></li>
									<li><a href="page-faq.html">FAQ</a></li>
									<li><a href="page-pricing.html">Pricing</a></li>
									<li><a href="search-results.html">Search Results</a></li>
									<li><a href="page-password.html">Password Protected</a></li>
									<li><a href="footer-styles.html">Footer Styles</a></li>
								</ul> <!-- /.tt-submenu -->
							</li>
							<!-- End submenu (sub-master) -->

						</ul> <!-- /.tt-menu-nav -->
					</div> <!-- /.tt-menu-collapse -->

				</nav> 
				<!-- End main menu -->

			</div>
			<!-- End header inner -->

		</header>
		<!-- End header -->


		<!-- *************************************
		*********** Begin body content *********** 
		************************************** -->
		<div id="body-content">


			<!-- ==============================
			///// Begin blog list section /////
			=============================== -->
			<section id="blog-list-section" class="blog-list-classic">
				<div class="blog-list-inner tt-wrap"> <!-- add/remove class "tt-wrap" to enable/disable element boxed layout (class "tt-boxed" is required in <body> tag! ) -->

					<div class="row no-margin">
					
						<!-- Content column -->
						<div class="col-md-8 no-padding-left no-padding-right">

							<div class="isotope-wrap">

								<!-- Begin archive info box -->
								<div class="archive-info-box text-center">
									<div class="ai-box-subtitle">Browsing Category:</div>
									<!-- <div class="ai-box-subtitle">Browsing Tag:</div> -->
									<h1 class="ai-box-title">Photography</h1>
									<hr class="hr-short">
								</div>
								<!-- End archive info box -->
								
								<!-- Begin isotope
								===================
								* Use class "gutter-1", "gutter-2" or "gutter-3" to add more space between items.
								* Use class "col-1", "col-2", "col-3", "col-4", "col-5" or "col-6" for columns.
								-->
								<div class="isotope col-1">

									<!-- Begin isotope items wrap 
									============================== -->
									<div class="isotope-items-wrap no-margin-top">

										<!-- Grid sizer (do not remove!!!) -->
										<div class="grid-sizer"></div>


										<!-- ===================== 
										/// Begin isotope item ///
										====================== -->
										<div class="isotope-item">

											<!-- Begin blog list item -->
											<article class="blog-list-item">
												
												<!-- Blog list item image -->
												<a href="blog-single.html" class="bl-item-image"><img src="assets/img/blog/list/blog-1.jpg" alt="image"></a>
												
												<!-- Begin blog list item info -->
												<div class="bl-item-info">
													<div class="bl-item-category"><a href="blog-archive-2.html">Photography</a></div>
													<a href="blog-single.html" class="bl-item-title"><h2>5 Reasons You Should Fall In Love With Photography</h2></a>
													<div class="bl-item-meta"> 
														<span class="published">May 26, 2017</span>
														<span class="posted-by">- by <a href="#" title="View all posts by Martin Vegas">Martin Vegas</a></span>
													</div>
													<div class="bl-item-desc">
														Etiam sollicitudin dolor lorem, non aliquet quam dignissim vel. Nunc at eros non odio vestibulum porttitor egestas ut nisl. Proin in cursus nisi, id feugiat magna. Aliquam nec elit a lorem egestas vehicula vel eu erat. Pellentesque a lacus sed risus cursus venenatis...
													</div>
													<a href="blog-single.html" class="btn btn-primary btn-sm margin-top-30">Read More</a>

													<!-- Begin blog list item attributes -->
													<ul class="bl-item-attr">
														<li>
															<!-- Begin comments count -->
															<a href="blog-single.html#blog-post-comments" class="bl-item-comments-count" title="Read the comments"><i class="far fa-comment"></i> 10</a>
															<!-- End comments count -->
														</li>
														<li>
															<!-- Begin favorite button -->
															<div class="favorite-btn active">
																<div class="fav-inner">
																	<div class="icon-heart">
																		<span class="icon-heart-empty"></span>
																		<span class="icon-heart-filled"></span>
																	</div>
																</div>
																<div class="fav-count">48</div>
															</div>
															<!-- End favorite button -->
														</li>
													</ul>
													<!-- End blog list item attributes -->

												</div>
												<!-- End blog list item info -->

											</article>
											<!-- End blog list item -->

										</div>
										<!-- End isotope item -->

										<!-- ===================== 
										/// Begin isotope item ///
										====================== -->
										<div class="isotope-item">

											<!-- Begin blog list item -->
											<article class="blog-list-item">
												
												<!-- Blog list item image -->
												<a href="blog-single.html" class="bl-item-image"><img src="assets/img/blog/list/blog-2.jpg" alt="image"></a>
												
												<!-- Begin blog list item info -->
												<div class="bl-item-info">
													<div class="bl-item-category"><a href="blog-archive-2.html">Equipment</a></div>
													<a href="blog-single.html" class="bl-item-title"><h2>10 Top Choices for Aerial Photography</h2></a>
													<div class="bl-item-meta"> 
														<span class="published">May 26, 2017</span>
														<span class="posted-by">- by <a href="#" title="View all posts by Martin Vegas">John Young</a></span>
													</div>
													<div class="bl-item-desc">
														Etiam sollicitudin dolor lorem, non aliquet quam dignissim vel. Nunc at eros non odio vestibulum porttitor egestas ut nisl. Proin in cursus nisi, id feugiat magna. Aliquam nec elit a lorem egestas vehicula vel eu erat. Pellentesque a lacus sed risus cursus venenatis...
													</div>
													<a href="blog-single.html" class="btn btn-primary btn-sm margin-top-30">Read More</a>

													<!-- Begin blog list item attributes -->
													<ul class="bl-item-attr">
														<li>
															<!-- Begin comments count -->
															<a href="blog-single.html#blog-post-comments" class="bl-item-comments-count" title="Read the comments"><i class="far fa-comment"></i> 66</a>
															<!-- End comments count -->
														</li>
														<li>
															<!-- Begin favorite button -->
															<div class="favorite-btn">
																<div class="fav-inner">
																	<div class="icon-heart">
																		<span class="icon-heart-empty"></span>
																		<span class="icon-heart-filled"></span>
																	</div>
																</div>
																<div class="fav-count">98</div>
															</div>
															<!-- End favorite button -->
														</li>
													</ul>
													<!-- End blog list item attributes -->

												</div>
												<!-- End blog list item info -->

											</article>
											<!-- End blog list item -->

										</div>
										<!-- End isotope item -->

										<!-- ===================== 
										/// Begin isotope item ///
										====================== -->
										<div class="isotope-item">

											<!-- Begin blog list item -->
											<article class="blog-list-item">
												
												<!-- Blog list item image -->
												<a href="blog-single.html" class="bl-item-image"><img src="assets/img/blog/list/blog-3.jpg" alt="image"></a>
												
												<!-- Begin blog list item info -->
												<div class="bl-item-info">
													<div class="bl-item-category"><a href="blog-archive-2.html">Travel</a></div>
													<a href="blog-single.html" class="bl-item-title"><h2>How to Take Professional Travel Photos</h2></a>
													<div class="bl-item-meta"> 
														<span class="published">May 26, 2017</span>
														<span class="posted-by">- by <a href="#" title="View all posts by Martin Vegas">Anna Vernik</a></span>
													</div>
													<div class="bl-item-desc">
														Etiam sollicitudin dolor lorem, non aliquet quam dignissim vel. Nunc at eros non odio vestibulum porttitor egestas ut nisl. Proin in cursus nisi, id feugiat magna. Aliquam nec elit a lorem egestas vehicula vel eu erat. Pellentesque a lacus sed risus cursus venenatis...
													</div>
													<a href="blog-single.html" class="btn btn-primary btn-sm margin-top-30">Read More</a>

													<!-- Begin blog list item attributes -->
													<ul class="bl-item-attr">
														<li>
															<!-- Begin comments count -->
															<a href="blog-single.html#blog-post-comments" class="bl-item-comments-count" title="Read the comments"><i class="far fa-comment"></i> 3</a>
															<!-- End comments count -->
														</li>
														<li>
															<!-- Begin favorite button -->
															<div class="favorite-btn active">
																<div class="fav-inner">
																	<div class="icon-heart">
																		<span class="icon-heart-empty"></span>
																		<span class="icon-heart-filled"></span>
																	</div>
																</div>
																<div class="fav-count">54</div>
															</div>
															<!-- End favorite button -->
														</li>
													</ul>
													<!-- End blog list item attributes -->

												</div>
												<!-- End blog list item info -->

											</article>
											<!-- End blog list item -->

										</div>
										<!-- End isotope item -->

										<!-- ===================== 
										/// Begin isotope item ///
										====================== -->
										<div class="isotope-item">

											<!-- Begin blog list item -->
											<article class="blog-list-item">
												
												<!-- Blog list item image -->
												<a href="blog-single.html" class="bl-item-image"><img src="assets/img/blog/list/blog-4.jpg" alt="image"></a>
												
												<!-- Begin blog list item info -->
												<div class="bl-item-info">
													<div class="bl-item-category"><a href="blog-archive-2.html">Photography</a></div>
													<a href="blog-single.html" class="bl-item-title"><h2>5 Tips Your Camera Manual Never Told You About Portrait Photography</h2></a>
													<div class="bl-item-meta"> 
														<span class="published">May 26, 2017</span>
														<span class="posted-by">- by <a href="#" title="View all posts by Martin Vegas">Julia Beck</a></span>
													</div>
													<div class="bl-item-desc">
														Etiam sollicitudin dolor lorem, non aliquet quam dignissim vel. Nunc at eros non odio vestibulum porttitor egestas ut nisl. Proin in cursus nisi, id feugiat magna. Aliquam nec elit a lorem egestas vehicula vel eu erat. Pellentesque a lacus sed risus cursus venenatis...
													</div>
													<a href="blog-single.html" class="btn btn-primary btn-sm margin-top-30">Read More</a>

													<!-- Begin blog list item attributes -->
													<ul class="bl-item-attr">
														<li>
															<!-- Begin comments count -->
															<a href="blog-single.html#blog-post-comments" class="bl-item-comments-count" title="Read the comments"><i class="far fa-comment"></i> 0</a>
															<!-- End comments count -->
														</li>
														<li>
															<!-- Begin favorite button -->
															<div class="favorite-btn active">
																<div class="fav-inner">
																	<div class="icon-heart">
																		<span class="icon-heart-empty"></span>
																		<span class="icon-heart-filled"></span>
																	</div>
																</div>
																<div class="fav-count">3</div>
															</div>
															<!-- End favorite button -->
														</li>
													</ul>
													<!-- End blog list item attributes -->

												</div>
												<!-- End blog list item info -->

											</article>
											<!-- End blog list item -->

										</div>
										<!-- End isotope item -->

										<!-- ===================== 
										/// Begin isotope item ///
										====================== -->
										<div class="isotope-item">

											<!-- Begin blog list item -->
											<article class="blog-list-item">
												
												<!-- Blog list item image -->
												<a href="blog-single.html" class="bl-item-image"><img src="assets/img/blog/list/blog-5.jpg" alt="image"></a>
												
												<!-- Begin blog list item info -->
												<div class="bl-item-info">
													<div class="bl-item-category"><a href="blog-archive-2.html">Photography</a></div>
													<a href="blog-single.html" class="bl-item-title"><h2>Most Common Wedding Photography Mistakes Every Beginner Will Make</h2></a>
													<div class="bl-item-meta"> 
														<span class="published">May 26, 2017</span>
														<span class="posted-by">- by <a href="#" title="View all posts by Martin Vegas">Martin Vegas</a></span>
													</div>
													<div class="bl-item-desc">
														Suspendisse imperdiet ante at tortor consequat consectetur. Quisque rhoncus blandit justo praesent congue convallis...
													</div>
													<a href="blog-single.html" class="btn btn-primary btn-sm margin-top-30">Read More</a>

													<!-- Begin blog list item attributes -->
													<ul class="bl-item-attr">
														<li>
															<!-- Begin comments count -->
															<a href="blog-single.html#blog-post-comments" class="bl-item-comments-count" title="Read the comments"><i class="far fa-comment"></i> 8</a>
															<!-- End comments count -->
														</li>
														<li>
															<!-- Begin favorite button -->
															<div class="favorite-btn">
																<div class="fav-inner">
																	<div class="icon-heart">
																		<span class="icon-heart-empty"></span>
																		<span class="icon-heart-filled"></span>
																	</div>
																</div>
																<div class="fav-count">71</div>
															</div>
															<!-- End favorite button -->
														</li>
													</ul>
													<!-- End blog list item attributes -->

												</div>
												<!-- End blog list item info -->

											</article>
											<!-- End blog list item -->

										</div>
										<!-- End isotope item -->

									</div>
									<!-- End isotope items wrap -->

								</div>
								<!-- End isotope -->

							</div> <!-- /.isotope-wrap -->

							<!-- Begin pagination -->
							<nav class="pagination-wrap">
								<ul class="pagination">
									<li>
										<a href="" aria-label="Previous">
											<span aria-hidden="true">First</span>
										</a>
									</li>
									<li><a href="">Prev</a></li>
									<li class="active"><a href="#0">1</a></li>
									<li><a href="">2</a></li>
									<li><a href="">3</a></li>
									<li>...</li>
									<li><a href="">6</a></li>
									<li><a href="">7</a></li>
									<li><a href="">8</a></li>
									<li><a href="">Next</a></li>
									<li>
										<a href="" aria-label="Next">
											<span aria-hidden="true">Last</span>
										</a>
									</li>
								</ul>

								<!-- Begin pagination info -->
								<div class="pagination-info">
									<span>Showing page 1 of 8</span>
									<span>Items 1 - 5 of 40</span>
								</div>
								<!-- End pagination info -->
							</nav>
							<!-- End pagination -->

						</div> <!-- /.col (Content column) -->

						<!-- Sidebar column -->
						<div class="col-md-4 no-padding-left no-padding-right">

							<!-- Begin sidebar (sidebar right) 
							=================================== -->
							<div class="sidebar sidebar-right">
								<div class="row">

									<div class="col-sm-12">

										<!-- Begin sidebar widget -->
										<div class="sidebar-widget blog-author no-margin-top">
											<h3 class="sidebar-heading">About Me</h3>
											<a href="about-me.html" class="blog-author-img bg-image" style="background-image: url(assets/img/blog/small/avatar/avatar-1.jpg); background-position: 50% 50%;"></a>
											<div class="blog-author-info">
	                              	<h4 class="blog-author-name"><a href="about-me.html">Martin Vegas</a></h4>
												<div class="blog-author-sub">Artist &amp; Photographer</div>

												<!-- Use data attributes to set text maximum characters or words (example: data-max-characters="120" or data-max-words="40") -->
												<p class="blog-author-text" data-max-words="15">Debitis sociis phasellus feugiat luctus diam. Vitae aenean odio ligula interdum suscipit antimoa arte lacus ante.</p>

	                              </div>
										</div>
										<!-- End sidebar widget -->

									</div> <!-- /.col -->

									<div class="col-sm-12">

										<!-- Begin sidebar widget -->
										<div class="sidebar-widget sidebar-social">
											<h3 class="sidebar-heading">Follow</h3>
											<!-- Begin social buttons -->
											<div class="social-buttons">
												<ul>
													<li><a href="https://www.facebook.com/themetorium" class="btn btn-social-min btn-facebook" title="Follow me on Facebook" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
													<li><a href="https://twitter.com/Themetorium" class="btn btn-social-min btn-twitter" title="Follow me on Twitter" target="_blank"><i class="fab fa-twitter"></i></a></li>
													<li><a href="https://plus.google.com/+SiiliOnu" class="btn btn-social-min btn-google" title="Follow me on Google+" target="_blank"><i class="fab fa-google-plus-g"></i></a></li>
													<li><a href="https://www.pinterest.com/themetorium" class="btn btn-social-min btn-pinterest" title="Follow me on Pinterest" target="_blank"><i class="fab fa-pinterest-p"></i></a></li>
													<li><a href="https://dribbble.com/Themetorium" class="btn btn-social-min btn-dribbble" title="Follow me on Dribbble" target="_blank"><i class="fab fa-dribbble"></i></a></li>
													<li><a href="https://instagram.com" class="btn btn-social-min btn-instagram" title="Follow me on instagram" target="_blank"><i class="fab fa-instagram"></i></a></li>
												</ul>
											</div>
											<!-- End social buttons -->
										</div>
										<!-- End sidebar widget -->

									</div> <!-- /.col -->

									<div class="col-sm-12">

										<!-- Begin sidebar widget -->
										<div class="sidebar-widget sidebar-search">
											<h3 class="sidebar-heading">Search</h3>
											<form id="blog-search-form" class="form-btn-inside" method="get" action="search-results.html">
												<div class="form-group no-margin">
													<input type="text" class="form-control" id="blog-search" name="search" placeholder="Search...">
													<button type="submit"><i class="fas fa-search"></i></button>
												</div>
											</form>
										</div>
										<!-- End sidebar widget -->

									</div> <!-- /.col -->

									<div class="col-md-12 col-sm-6">

										<!-- Begin sidebar widget -->
										<div class="sidebar-widget sidebar-categories">
											<h3 class="sidebar-heading">Categories</h3>
											<ul class="list-unstyled">
												<li><a href="">Photography <span>26</span></a></li>
												<li><a href="">Equipment <span>54</span></a></li>
												<li><a href="">Travel <span>17</span></a></li>
												<li><a href="">Fashion <span>19</span></a></li>
												<li><a href="">Food <span>67</span></a></li>
												<li><a href="">Macro <span>67</span></a></li>
											</ul>
										</div>
										<!-- End sidebar widget -->

									</div> <!-- /.col -->

									<div class="col-md-12 col-sm-6">

										<!-- Begin sidebar widget -->
										<div class="sidebar-widget sidebar-post-list">
											<h3 class="sidebar-heading">Most Popular</h3>
											<ul class="list-unstyled">
												<li>
													<a href="" class="post-thumb bg-image" style="background-image: url(assets/img/blog/small/img-13.jpg); background-position: 50% 50%;"></a>
													<div class="post-data">
														<h5 class="post-title"><a href="blog-single.html">10 Top Choices for Aerial Photography</a></h5>
														<!-- <span class="author">By: <a href="">Martin Vegas</a></span> -->
														<span class="date">May 26, 2017</span>
													</div>
												</li>
												<li>
													<a href="" class="post-thumb bg-image" style="background-image: url(assets/img/blog/small/img-14.jpg); background-position: 50% 50%;"></a>
													<div class="post-data">
														<h5 class="post-title"><a href="blog-single.html">How to Take Professional Travel Photos</a></h5>
														<!-- <span class="author">By: <a href="">John Doe</a></span> -->
														<span class="date">May 12, 2017</span>
													</div>
												</li>
												<li>
													<a href="" class="post-thumb bg-image" style="background-image: url(assets/img/blog/small/img-15.jpg); background-position: 50% 50%;"></a>
													<div class="post-data">
														<h5 class="post-title"><a href="blog-single.html">5 Tips Your Camera Manual Never Told You About Portrait Photography</a></h5>
														<!-- <span class="author">By: <a href="">Henry Harrison</a></span> -->
														<span class="date">April 17, 2017</span>
													</div>
												</li>
												<li>
													<a href="" class="post-thumb bg-image" style="background-image: url(assets/img/blog/small/img-10.jpg); background-position: 50% 50%;"></a>
													<div class="post-data">
														<h5 class="post-title"><a href="blog-single.html">Most Common Wedding Photography Mistakes Every Beginner Will Make</a></h5>
														<!-- <span class="author">By: <a href="">Henry Harrison</a></span> -->
														<span class="date">March 21, 2017</span>
													</div>
												</li>
											</ul>
										</div>
										<!-- End sidebar widget -->

									</div> <!-- /.col -->

									<div class="col-md-12 col-sm-6">

										<!-- Begin sidebar widget -->
										<div class="sidebar-widget sidebar-comments-list">
											<h3 class="sidebar-heading">Recent Comments</h3>
											<ul class="list-unstyled">
												<li class="sidebar-comment-wrap">
													<a href="blog-single-no-sidebar.html" class="sidebar-comment-avatar bg-image" style="background-image: url(assets/img/blog/small/avatar/avatar-1.jpg); background-position: 50% 50%;"></a>
													<div class="sidebar-comment-meta">
														<div class="sidebar-comment-data">
															<span class="author">By: <a href="">Martin Vegas</a></span>
															<span class="date">May 26, 2017</span>
														</div>
														<div class="sidebar-comment">
															<!-- Use data attributes to set text maximum characters or words (example: data-max-characters="120" or data-max-words="40") -->
															<a href="blog-single-no-sidebar.html" data-max-words="15">Aliquet praesent tempor ac dolor aliquet. Risus mi vitae hendrerit orci vitae amet lacus tertis maurum entire satec tatus naite esek. Lacemus ante sider.</a>
														</div>
													</div>
												</li>

												<li class="sidebar-comment-wrap">
													<a href="blog-single-no-sidebar.html" class="sidebar-comment-avatar bg-image" style="background-image: url(assets/img/blog/small/avatar/avatar-3.jpg); background-position: 50% 50%;"></a>
													<div class="sidebar-comment-meta">
														<div class="sidebar-comment-data">
															<span class="author">By: <a href="">David Bradley</a></span>
															<span class="date">May 26, 2017</span>
														</div>
														<div class="sidebar-comment">
															<!-- Use data attributes to set text maximum characters or words (example: data-max-characters="120" or data-max-words="40") -->
															<a href="blog-single-no-sidebar.html" data-max-words="15">Laculis molestie rhoncus. Amet maecenas ut orci id dui. Et dui morbi. Non mauris nautis trettis sitamo egret laites mannis seti faktasi norem.</a>
														</div>
													</div>
												</li>

												<li class="sidebar-comment-wrap">
													<a href="blog-single-no-sidebar.html" class="sidebar-comment-avatar bg-image" style="background-image: url(assets/img/blog/small/avatar/avatar-2.jpg); background-position: 50% 50%;"></a>
													<div class="sidebar-comment-meta">
														<div class="sidebar-comment-data">
															<span class="author">By: <a href="">Kate Dixon</a></span>
															<span class="date">May 26, 2017</span>
														</div>
														<div class="sidebar-comment">
															<!-- Use data attributes to set text maximum characters or words (example: data-max-characters="120" or data-max-words="40") -->
															<a href="blog-single-no-sidebar.html" data-max-words="15">Feugiat fringilla sequi. Anunc adipiscing nisl lorem morbi tincidunt gravida vistrim nocktac fitset muita opimus necta vimavus canipantri levit naidum unimus.</a>
														</div>
													</div>
												</li>
											</ul>
										</div>
										<!-- End sidebar widget -->

									</div> <!-- /.col -->

									<div class="col-md-12 col-sm-6">

										<!-- Begin sidebar widget -->
										<div class="sidebar-widget sidebar-tags">
											<h3 class="sidebar-heading">Popular Tags</h3>
											<ul>
												<li><a href="">#portfolio</a></li>
												<li><a href="">#multipurpose</a></li>
												<li><a href="">#minimal</a></li>
												<li><a href="">#agency</a></li>
												<li><a href="">#creatives</a></li>
												<li><a href="">#freelancers</a></li>
												<li><a href="">#design</a></li>
												<li><a href="">#bootstrap</a></li>
												<li><a href="">#responsive</a></li>
												<li><a href="">#simple</a></li>
												<li><a href="">#creative</a></li>
												<li><a href="">#retina</a></li>
												<li><a href="">#blog</a></li>
												<li><a href="">#wordpress</a></li>
												<li><a href="">#black &amp; white</a></li>
											</ul>
										</div>
										<!-- End sidebar widget -->
									</div> <!-- /.col -->

									<div class="col-md-12 col-sm-6">

										<!-- Begin sidebar widget -->
										<div class="sidebar-widget sidebar-photo-stream">
											<h3 class="sidebar-heading"><i class="fab fa-instagram"></i> Instagram</h3>

											<!-- Begin thumbnail list 
											==========================
											* Use class "col-2", "col-3", "col-4" "col-5" or "col-6" for thumbnail list columns.
											* Use class "gutter-1", "gutter-2", "gutter-3", "gutter-4" or "gutter-5" to add more space between items.
											-->
											<ul class="thumb-list col-4 gutter-5">
												<li><a href="#" class="thumb-list-item bg-image" style="background-image: url(assets/img/blog/small/img-1.jpg);"></a></li>
												<li><a href="#" class="thumb-list-item bg-image" style="background-image: url(assets/img/blog/small/img-2.jpg);"></a></li>
												<li><a href="#" class="thumb-list-item bg-image" style="background-image: url(assets/img/blog/small/img-3.jpg);"></a></li>
												<li><a href="#" class="thumb-list-item bg-image" style="background-image: url(assets/img/blog/small/img-4.jpg);"></a></li>
												<li><a href="#" class="thumb-list-item bg-image" style="background-image: url(assets/img/blog/small/img-5.jpg);"></a></li>
												<li><a href="#" class="thumb-list-item bg-image" style="background-image: url(assets/img/blog/small/img-6.jpg);"></a></li>
												<li><a href="#" class="thumb-list-item bg-image" style="background-image: url(assets/img/blog/small/img-7.jpg);"></a></li>
												<li><a href="#" class="thumb-list-item bg-image" style="background-image: url(assets/img/blog/small/img-8.jpg);"></a></li>
												<li><a href="#" class="thumb-list-item bg-image" style="background-image: url(assets/img/blog/small/img-9.jpg);"></a></li>
												<li><a href="#" class="thumb-list-item bg-image" style="background-image: url(assets/img/blog/small/img-10.jpg);"></a></li>
												<li><a href="#" class="thumb-list-item bg-image" style="background-image: url(assets/img/blog/small/img-11.jpg);"></a></li>
												<li><a href="#" class="thumb-list-item bg-image" style="background-image: url(assets/img/blog/small/img-12.jpg);"></a></li>

											</ul>
											<!-- End thumbnail list -->

										</div>
										<!-- End sidebar widget -->

									</div> <!-- /.col -->

									<div class="col-md-12 col-sm-6">

										<!-- Begin sidebar widget -->
										<div class="sidebar-widget sidebar-subscribe">
											<h3 class="sidebar-heading">Subscribe</h3>
											<p class="small text-gray">Subscribe to our newsletter and stay updated on the latest news! Do not worry, we will not send spam.</p>

											<!-- Begin subscribe form -->
											<form id="sidebar-subscribe-form">
												<div class="form-group no-margin">
													<input type="email" class="form-control" id="sidebar-subscribe" name="subscribe" placeholder="Enter your email address..." required="">
													<button type="submit" class="btn btn-primary btn-block btn-lg">Subscribe</button>
												</div>
											</form>
											<!-- End subscribe form -->

										</div>
										<!-- End sidebar widget -->

									</div> <!-- /.col -->

									<div class="col-md-12 col-sm-6">

										<!-- Begin sidebar widget -->
										<div class="sidebar-widget sidebar-meta">
											<h3 class="sidebar-heading">Meta</h3>
											<ul class="list-unstyled">
												<li><a href="">Log In</a></li>
												<li><a href="">Entries RSS</a></li>
												<li><a href="">Comments RSS</a></li>
												<li><a href="https://wordpress.org/">WordPress.org</a></li>
											</ul>
										</div>
										<!-- End sidebar widget -->

									</div> <!-- /.col -->

								</div> <!-- /.row -->
							</div>
							<!-- End sidebar -->

						</div> <!-- /.col (Sidebar column) -->

					</div> <!-- /.row -->

				</div> <!-- /.blog-list-inner -->
			</section>
			<!-- End blog list section -->


			<!-- ===========================
			///// Begin footer section /////
			================================
			* Use class "footer-dark" to enable dark footer.
			* Use class "no-margin-top" if needed. 
			-->
			<section id="footer" class="footer-dark">
				<div class="footer-inner">
					<div class="footer-container tt-wrap">
						<div class="row">
							<div class="col-md-3">

								<!-- Begin footer logo -->
								<div id="footer-logo">
									<a href="index.html" class="logo-dark"><img src="assets/img/logo-dark.png" alt="logo"></a>
									<a href="index.html" class="logo-light"><img src="assets/img/logo-light.png" alt="logo"></a>

									<!-- for small screens -->
									<a href="index.html" class="logo-dark-m"><img src="assets/img/logo-dark-m.png" alt="logo"></a>
									<a href="index.html" class="logo-light-m"><img src="assets/img/logo-light-m.png" alt="logo"></a>
								</div>
								<!-- End footer logo -->

							</div> <!-- /.col -->

							<div class="col-md-5">

								<!-- Begin footer text -->
								<div class="footer-text">
									<h4>- Creative Photo Studio</h4>
									Sed non auctor magna. Nunc eu ultrices orci. Donec commodo ligula in massa ultricies volutpat. Fusce vel cursus lectus. Cras commodo odio mi, eu cursus nibh iaculis ut.
								</div>
								<!-- End footer text -->

							</div> <!-- /.col -->

							<div class="col-md-4">

								<!-- Begin social buttons -->
								<div class="social-buttons">
									<ul>
										<li><a href="https://www.facebook.com/themetorium" class="btn btn-social-min btn-default btn-rounded-full" title="Follow me on Facebook" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
										<li><a href="https://twitter.com/Themetorium" class="btn btn-social-min btn-default btn-rounded-full" title="Follow me on Twitter" target="_blank"><i class="fab fa-twitter"></i></a></li>
										<li><a href="https://plus.google.com/+SiiliOnu" class="btn btn-social-min btn-default btn-rounded-full" title="Follow me on Google+" target="_blank"><i class="fab fa-google-plus-g"></i></a></li>
										<li><a href="https://www.pinterest.com/themetorium" class="btn btn-social-min btn-default btn-rounded-full" title="Follow me on Pinterest" target="_blank"><i class="fab fa-pinterest-p"></i></a></li>
										<li><a href="https://dribbble.com/Themetorium" class="btn btn-social-min btn-default btn-rounded-full" title="Follow me on Dribbble" target="_blank"><i class="fab fa-dribbble"></i></a></li>
										<li><a href="contact.html" class="btn btn-social-min btn-default btn-rounded-full" title="Drop me a line" target="_blank"><i class="fas fa-envelope"></i></a></li>
									</ul>
								</div>
								<!-- End social buttons -->

								<!-- Begin footer subscribe form -->
								<form id="footer-subscribe-form" class="form-btn-inside">
									<div class="form-group">
										<input type="email" class="form-control no-bg" id="footer-subscribe" name="subscribe" placeholder="Subscribe. Enter your email address..." required="">
										<button type="submit"><i class="fas fa-paper-plane"></i></button>
									</div>
								</form>
								<!-- End footer subscribe form -->

							</div> <!-- /.col -->

						</div> <!-- /.row -->
					</div> <!-- /.footer-container -->

					<div class="footer-bottom">
						<div class="footer-container tt-wrap">
							<div class="row">
								<div class="col-md-6 col-md-push-6">

									<!-- Begin footer menu -->
									<ul class="footer-menu">
										<li><a href="index.html">Home</a></li>
										<li><a href="about-me.html">About</a></li>
										<li><a href="albums-grid-fluid-2.html">Portfolio</a></li>
										<li><a href="blog-list-grid.html">Blog</a></li>
										<li><a href="page-faq.html">FAQ</a></li>
										<li><a href="contact.html">Contact</a></li>
									</ul>
									<!-- End footer menu -->

								</div> <!-- /.col -->

								<div class="col-md-6 col-md-pull-6">

									<!-- Begin footer copyright -->
									<div class="footer-copyright">
										<p>&copy; Sepia 2017 / All rights reserved</p>
										<p>Design by: <a href="https://themeforest.net/item/sepia-photography-portfolio-html-website-template/20195226?ref=Themetorium" target="_blank">Themetorium</a></p>
									</div>
									<!-- End footer copyright -->

								</div> <!-- /.col -->

							</div> <!-- /.row -->
						</div> <!-- /.footer-container -->
					</div> <!-- /.footer-bottom -->

				</div> <!-- /.footer-inner -->

				<!-- Scroll to top button -->
				<a href="#body" class="scrolltotop sm-scroll" title="Scroll to top"><i class="fas fa-chevron-up"></i></a>

			</section>
			<!-- End footer section -->

		</div>
		<!-- End body content -->

		</div>
		<!-- End body content -->



        

		<!-- ====================
		///// Scripts below /////
		===================== -->

		<!-- Core JS -->
		<script src="assets/vendor/jquery/jquery.min.js"></script> <!-- jquery JS (https://jquery.com) -->
		<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script> <!-- bootstrap JS (http://getbootstrap.com) -->

		<!-- Libs and Plugins JS -->
		<script src="assets/vendor/animsition/js/animsition.min.js"></script> <!-- Animsition JS (http://git.blivesta.com/animsition/) -->
		<script src="assets/vendor/jquery.easing.min.js"></script> <!-- Easing JS (http://gsgd.co.uk/sandbox/jquery/easing/) -->
		<script src="assets/vendor/isotope.pkgd.min.js"></script> <!-- Isotope JS (http://isotope.metafizzy.co) -->
		<script src="assets/vendor/imagesloaded.pkgd.min.js"></script> <!-- ImagesLoaded JS (https://github.com/desandro/imagesloaded) -->
		<script src="assets/vendor/owl-carousel/js/owl.carousel.min.js"></script> <!-- Owl Carousel JS (https://owlcarousel2.github.io/OwlCarousel2/) -->
		<script src="assets/vendor/jquery.mousewheel.min.js"></script> <!-- A jQuery plugin that adds cross browser mouse wheel support (https://github.com/jquery/jquery-mousewheel) -->
		<script src="assets/vendor/ytplayer/js/jquery.mb.YTPlayer.min.js"></script> <!-- YTPlayer JS (more info: https://github.com/pupunzi/jquery.mb.YTPlayer) -->

		<script src="assets/vendor/lightgallery/js/lightgallery-all.min.js"></script> <!-- lightGallery Plugins JS (http://sachinchoolur.github.io/lightGallery) -->
		
		<!-- Theme master JS -->
		<script src="assets/js/theme.js"></script>


	</body>

</html>