AppyKit - BlogSearch

<!-- post start -->
<div class="post-1">
				
	<!-- img -->
	<div class="post-1__img">
		<img src="img/blog-2.jpeg" alt="img">
	</div>
	<!-- /img -->
				
	<!-- content -->
	<div class="post-1__content">
				
		<!-- header -->
		<div class="post-1__content__header">
				
			<div class="post-1__content__header__name">
				<h5>John Doe</h5>
			</div>
				
			<div class="post-1__content__header__subject">
				<i class="fa fa-thumb-tack"></i>
				<span>UI Design</span>
			</div>
				
		</div>
		<!-- /header -->
				
		<!-- post text -->
		<div class="post-1__content__postText">
				
			<div class="post-1__content__postText__heading">
				<h3>Lorem ipsum dolor</h3>
			</div>
				
				<div class="post-1__content__postText__time">
					<span>27 December</span>
					<i class="fa fa-clock-o"></i>
				</div>
				
				<div class="post-1__content__postText__text">
					<p>
						Lorem ipsum dolor sit amet consectetur adipisicing elit.
						Asperiores quae ratione saepe, reprehenderit natus eius, quas iste
						quisquam hic autem inventore possimus error molestias alias...
					</p>
				</div>
				
				
		</div>
		<!-- /post text -->
				
		<!-- post footer -->
		<div class="post-1__content__footer">
				
			<!--statistics-->
			<div class="post-1__content__footer__statistics">
				
				<div class="post-1__content__footer__statistics__likes">
					<i class="fa fa-heart"></i>
					<span>1209</span>
				</div>
				
				<div class="post-1__content__footer__statistics__comments">
					<i class="fa fa-comments"></i>
					<span>521</span>
				</div>
				
			</div>
			<!--/statistics-->
				
			<!-- read more button -->
			<div class="post-1__content__footer__btn">
				<a href="#" class="appyBtn is-purple and-small no-mr"> Read More <i
						class="fa fa-long-arrow-right"></i></a>
			</div>
			<!-- /read more button -->
				
		</div>
		<!-- /post footer -->
				
	</div>
	<!-- /content -->
				
</div>
<!-- post end -->