Some work on news-section

_includes/head.html

@@ -13,25 +13,25 @@
 	{% endif %}
 
 	<!-- Bootstrap -->
-	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
+	<link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/bootstrap.min.css">
 	
 	<!-- Main Style -->
-	<link rel="stylesheet" type="text/css" href="css/main.css">
+	<link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/main.css">
 
 	<!-- Responsive Style -->
-	<link rel="stylesheet" type="text/css" href="css/responsive.css">
+	<link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/responsive.css">
 
 	<!--Icon Fonts-->
-	<link rel="stylesheet" media="screen" href="fonts/font-awesome/font-awesome.min.css" />
+	<link rel="stylesheet" media="screen" href="{{site.baseurl}}/fonts/font-awesome/font-awesome.min.css" />
 
 
 	<!-- Extras -->
-	<link rel="stylesheet" type="text/css" href="extras/animate.css">
-	<link rel="stylesheet" type="text/css" href="extras/lightbox.css">
+	<link rel="stylesheet" type="text/css" href="{{site.baseurl}}/extras/animate.css">
+	<link rel="stylesheet" type="text/css" href="{{site.baseurl}}/extras/lightbox.css">
 
 
 	<!-- jQuery Load -->
-	<script src="js/jquery-min.js"></script>
+	<script src="{{site.baseurl}}/js/jquery-min.js"></script>
 	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 	
 	<!--[if lt IE 9]>

_includes/hero_area_small.html

@@ -0,0 +1,14 @@
+<!-- Hero Area Section -->
+
+<section id="hero-area">
+	<div class="container">
+		<div class="row">
+			<div class="col-md-12">
+				<h1 class="title">Corporal - Bootstrap Theme</h1>
+				<h2 class="subtitle">Start your Business or Personal site right now!</h2>
+			</div>
+		</div>
+	</div>
+</section>
+
+<!-- Hero Area Section End-->

_includes/js.html

@@ -1,9 +1,9 @@
 <!-- Bootstrap JS -->
-<script src="js/bootstrap.min.js"></script>
+<script src="{{site.baseurl}}/js/bootstrap.min.js"></script>
 
 <!-- Smooth Scroll -->
-<script src="js/smooth-scroll.js"></script>
-<script src="js/lightbox.min.js"></script>
+<script src="{{site.baseurl}}/js/smooth-scroll.js"></script>
+<script src="{{site.baseurl}}/js/lightbox.min.js"></script>
 
 <!-- All JS plugin Triggers -->
-<script src="js/main.js"></script>
+<script src="{{site.baseurl}}/js/main.js"></script>

_includes/news.html

@@ -1,12 +1,34 @@
 <!-- News Section -->
+{% assign post_1 = site.posts[0] %}
+{% assign post_2 = site.posts[1] %}
+{% assign post_3 = site.posts[2] %}
     <section id="{{ page.section-type }}">
 		<div class="container">
 			<div class="row">
 			<h1 class="title">{{ page.title }}</h1>
-			<h2 class="subtitle">{{ page.subtitle }}</h2>
-				<p>
-					{{ page.content | markdownify }}
-				</p>
+				{% if post_1 != nil %}
+				<div class="col-md-8">
+					<h2><a href="{{site.baseurl}}{{ post_1.url }}">{{post_1.title}} </a></h2>
+					<p>Published on {{ post_1.date | date: "%Y-%m-%d"}} by {{ post_1.author }}</p>
+					{{ post_1.content | truncatewords: site.post-preview-words | markdownify }}
+				</div>
+				{% endif %}
+				<div class="col-md-4">
+				{% if post_2 != nil %}
+				<div class="col-lg-12">
+					<h3><a href="{{site.baseurl}}{{ post_2.url }}">{{ post_2.title }}</a></h3>
+					<p>Published on {{ post_2.date | date: "%Y-%m-%d"}} by {{ post_2.author }}</p>
+					{{ post_2.content | truncatewords: site.post-preview-words | markdownify }}
+				</div>
+				{% endif %}
+				{% if post_3 != nil %}
+				<div class="col-lg-12">
+					<h3><a href="{{site.baseurl}}{{ post_2.url }}">{{ post_3.title }}</a></h3>
+					<p>Published on {{ post_3.date | date: "%Y-%m-%d"}} by {{ post_3.author }}</p>
+					{{ post_3.content | truncatewords: site.post-preview-words | markdownify }}
+				</div>
+				{% endif %}
+				</div>
 			</div>
 		</div>
     </section>