<?php include 'templates/header.php'; ?>

		<?php include 'templates/sections/hero--search.php'; ?>

		<section class="search">
			<div class="search__frm search__frm--resultspage">
				<div class="inner">
					<form action="">
						<input type="text" placeholder="Search" value="Productivity">
						<input type="submit">
					</form>
				</div>
			</div>
			<div class="search__resultsnav inner">
				<header>
					<h1>Search Results</h1>
					<nav class="clearfix">
						<h2>Productivity: <span>18 Results</span></h2>
						<ul>
							<li class="current">All</li>
							<li><a href="">Wow Fun</a></li>
							<li><a href="">Wow Win</a></li>
							<li><a href="">General</a></li>
						</ul>
					</nav>
				</header>

				<div class="listinglist listinglist--full">
					<span class="mostpop">Most popular</span>
					<div class="listinglist--grid listinglist--grid4">
						<div class="item item--sml a" style="background: url(images/listing/1.png) no-repeat center center / cover;">
							<footer>
								<h3><a href="">Creating a happy and balanced home</a></h3>
								<span class="articlelist__cat articlelist__cat--purple"><a href="">Career & Money</a></span>
							</footer>
						</div>
						<div class="item item--sml" style="background: url(images/explore_col_3/2.png) no-repeat center center / cover;">
							<footer>
								<h3><a href="">Creating a happy and balanced home</a></h3>
								<span class="articlelist__cat articlelist__cat--purple"><a href="">Career & Money</a></span>
							</footer>
						</div>
						<div class="item item--sml" style="background: url(images/explore_col_3/3.png) no-repeat center center / cover;">
							<footer>
								<h3><a href="">10 super brain foods that help your brain grow</a></h3>
								<span class="articlelist__cat"><a href="">Productivity</a></span>
							</footer>
						</div>
						<div class="item item--sml" style="background: url(images/detail/next3.png) no-repeat center center / cover;">
							<footer>
								<h3><a href="">10 super brain foods that help your brain grow</a></h3>
								<span class="articlelist__cat"><a href="">Productivity</a></span>
							</footer>
						</div>
					</div><!-- grid -->
				</div><!-- listinglist -->
				
			</div>

			<div class="search__results search__results--greybg">
				<div class="inner">
					<ul>
						<li>
							<div class="img"><a href=""><img src="images/search/item_img.png" alt=""></a></div>
							<div class="result_content">
								<h3><a href="">10 super brain foods that help your brain grow</a></h3>
								<span><span class="articlelist__cat articlelist__cat--blue"><a href="">Wow Fun</a></span></span>
								<p>"The most beautiful experience we can have is the mysterious. It is the fundamental emotion that stands at the cradle of true art and true science.” Albert Einstein, The World as I See It, 1931."</p>
							</div>
						</li>
						<li>
							<div class="img"><a href=""><img src="images/search/item_img2.png" alt=""></a></div>
							<div class="result_content">
								<h3><a href="">10 super brain foods that help your brain grow</a></h3>
								<span><span class="articlelist__cat articlelist__cat--blue"><a href="">Wow Fun</a></span></span>
								<p>"The most beautiful experience we can have is the mysterious. It is the fundamental emotion that stands at the cradle of true art and true science.” Albert Einstein, The World as I See It, 1931."</p>
							</div>
						</li>
						<li>
							<div class="img"><a href=""><img src="images/search/item_img3.png" alt=""></a></div>
							<div class="result_content">
								<h3><a href="">10 super brain foods that help your brain grow</a></h3>
								<span><span class="articlelist__cat articlelist__cat--blue"><a href="">Wow Fun</a></span></span>
								<p>"The most beautiful experience we can have is the mysterious. It is the fundamental emotion that stands at the cradle of true art and true science.” Albert Einstein, The World as I See It, 1931."</p>
							</div>
						</li>
						<li>
							<div class="img"><a href=""><img src="images/search/item_img4.png" alt=""></a></div>
							<div class="result_content">
								<h3><a href="">10 super brain foods that help your brain grow</a></h3>
								<span><span class="articlelist__cat articlelist__cat--blue"><a href="">Wow Fun</a></span></span>
								<p>"The most beautiful experience we can have is the mysterious. It is the fundamental emotion that stands at the cradle of true art and true science.” Albert Einstein, The World as I See It, 1931."</p>
							</div>
						</li>
						<li>
							<div class="img"><a href=""><img src="images/search/item_img5.png" alt=""></a></div>
							<div class="result_content">
								<h3><a href="">10 super brain foods that help your brain grow</a></h3>
								<span><span class="articlelist__cat articlelist__cat--blue"><a href="">Wow Fun</a></span></span>
								<p>"The most beautiful experience we can have is the mysterious. It is the fundamental emotion that stands at the cradle of true art and true science.” Albert Einstein, The World as I See It, 1931."</p>
							</div>
						</li>
						<li>
							<div class="img"><a href=""><img src="images/search/item_img6.png" alt=""></a></div>
							<div class="result_content">
								<h3><a href="">10 super brain foods that help your brain grow</a></h3>
								<span><span class="articlelist__cat articlelist__cat--blue"><a href="">Wow Fun</a></span></span>
								<p>"The most beautiful experience we can have is the mysterious. It is the fundamental emotion that stands at the cradle of true art and true science.” Albert Einstein, The World as I See It, 1931."</p>
							</div>
						</li>
					</ul>
					<div class="pagination inner">			
						<a class="prev page-numbers" href="http://localhost/wptest/page/9">Previous Page</a>
						<a class="page-numbers" href="http://localhost/wptest/page/1">1</a>
						<span class="page-numbers dots">…</span>
						<a class="page-numbers" href="http://localhost/wptest/page/8">8</a>
						<a class="page-numbers" href="http://localhost/wptest/page/9">9</a>
						<span aria-current="page" class="page-numbers current">10</span>
						<a class="page-numbers" href="http://localhost/wptest/page/11">11</a>
						<a class="next page-numbers" href="http://localhost/wptest/page/11">Next Page</a>
					</div> 
				</div>
			</div>
			
		</section><!-- search -->

<?php include 'templates/footer.php'; ?>