Fix new format

Change-Id: Ieb7ebaff663495144c8ff88ea7d03811bec219f2
Signed-off-by: Faycal Abka <abka.faycal@gmail.com>
diff --git a/_index.html b/_index.html
index 1dbd384..2420961 100644
--- a/_index.html
+++ b/_index.html
@@ -69,7 +69,7 @@
   </div>
 </div>
 
-<div class="news-list news-list-match-height">
+<div id="rightcolumn">
 	<div>
 		<h3>
 			<a href="/projects/project_summary.php?projectid=modeling.emf.egf">About This Project</a>
@@ -87,9 +87,18 @@
 		</div>
 	</div>
 	
-	<div id="headlines">
-			<h3>News</h3>
-			%%HEADLINES%%
+	<div id="headlines" class="news-list news-list-match-height">
+		<div class="container">
+			<div class="row">
+				<div class="news-list-icon text-center">
+         			<i data-feather="activity" stroke-width="1"></i>
+        		</div>
+        		<h2 class="text-center">News</h2>
+        		<ul class="news-list-media list-unstyled">
+        			%%HEADLINES%%
+        		</ul>
+			</div>
+		</div>
 	</div>
 </div>
 
diff --git a/news/news.xsl b/news/news.xsl
index 4f5b49d..d0a1f4a 100644
--- a/news/news.xsl
+++ b/news/news.xsl
@@ -13,10 +13,12 @@
 
 <xsl:template match="item">
   <li>
-  <h4><a href="{link}"><xsl:value-of select="title"/></a></h4>
-  <xsl:copy-of select="description/*"/>
+  <a href="{link}" class="media media-link">
+  	<p class="media-date"><xsl:copy-of select="pubDate"/></p>
+  	<h4 class="media-heading"><xsl:value-of select="title"/></h4>
+  	<p class="media-text"><xsl:copy-of select="description/*"/></p>
+  </a>
   </li>
-  
 </xsl:template>
 
 </xsl:stylesheet>