diff --git a/config.toml b/config.toml
index 0ec6226350370e60afb86cd1f39ef82e4377c5d6..d4fea9cd13d9db3c0e770a57ca142bd75d2d460c 100644
--- a/config.toml
+++ b/config.toml
@@ -25,7 +25,8 @@ pluralizeListTitles = false
   featured_content_publish_target = "aice"
 #  container = "container-fluid"
   linkedin_url = "https://www.linkedin.com/company/eclipse-foundation"
-  header_left_classes = "col-md-8"
+  header_left_classes = "col-md-6"
+  main_menu_wrapper_classes = "col-md-18 margin-top-5"
 
 [taxonomies]
   category = "categories"
@@ -48,4 +49,21 @@ pluralizeListTitles = false
 
 [blackfriday]
   plainIDAnchors = true
-  hrefTargetBlank = true
\ No newline at end of file
+  hrefTargetBlank = true
+
+[[menu.main]]
+    name = "News & Events"
+    url = "/news"
+    weight = 1
+
+[[menu.main]]
+    name = "Resources"
+    url = "/resources"
+    weight = 2
+    identifier = "resources"
+
+[[menu.main]]
+    name = "Articles"
+    url = "/articles"
+    weight = 1
+    parent = "resources"
\ No newline at end of file
diff --git a/content/news/_index.md b/content/news/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..33cd15201f4274dc8294c0d3698aec950b14db16
--- /dev/null
+++ b/content/news/_index.md
@@ -0,0 +1,31 @@
+---
+title: "News & Events"
+seo_title: "News & Events - AICE"
+keywords: ["AICE"]
+---
+
+{{< grid/section-container class="featured-news margin-top-40">}}
+  {{< grid/div class="row" isMarkdown="false" >}}
+    {{< grid/div class="col-sm-12" isMarkdown="false" >}}
+      {{< newsroom/news
+          title="News"
+          id="news-list-container"
+          publishTarget="aice"
+          count="5"
+          class="col-sm-24"
+          templateId="custom-news-template"
+          paginate="true" >}}
+    {{</ grid/div >}}
+
+    {{< grid/div class="col-sm-12 featured-events text-center" isMarkdown="false" >}}
+      {{< newsroom/events
+          title="Upcoming Events"
+          publishTarget="aice"
+          class="col-sm-24"
+          containerClass="event-timeline"
+          upcoming="1"
+          templateId="custom-events-template" templatePath="js/templates/event-list-format.mustache"
+          count="4"  includeList="true" >}}
+    {{</ grid/div >}}
+   {{</ grid/div >}}
+{{</ grid/section-container >}}
diff --git a/js/templates/event-list-format.mustache b/js/templates/event-list-format.mustache
new file mode 100644
index 0000000000000000000000000000000000000000..a37be4b8e044eaefa1902b00c7246425d79f64ff
--- /dev/null
+++ b/js/templates/event-list-format.mustache
@@ -0,0 +1,14 @@
+{{#events}}
+  <div class="timeline-item">
+    <p class="whats-new-date">{{ date }}</p>
+    <h4>
+      {{#infoLink}}
+        <a href="{{infoLink}}">{{ title }}</a>
+      {{/infoLink}}
+      {{^infoLink}}
+        {{ title }}
+      {{/infoLink}}
+    </h4>
+    <p>{{ description }}</p>
+  </div>
+{{/events}}
diff --git a/less/styles.less b/less/styles.less
index d26f87dd401fef60d892172445b4d71e35b4d41e..7b39d05c713ea0a23ad2a5cc4fba2b0110e5fb15 100644
--- a/less/styles.less
+++ b/less/styles.less
@@ -14,7 +14,8 @@
 @import '~eclipsefdn-solstice-assets/less/quicksilver/styles.less';
 @import '_variables.less';
 
-.header-wrapper-coming-soon {
+.header-wrapper-coming-soon,
+.header-wrapper {
   background: #02154f top center;
   background-image: url(images/background.jpg);
   background-size: cover;
@@ -22,9 +23,9 @@
 
 @media (min-width: @screen-md-min) {
   .website-coming-soon__container {
-    margin-bottom:10rem;
-    border:8px solid #fff;
-    padding-bottom:30px;
+    margin-bottom: 10rem;
+    border: 8px solid #fff;
+    padding-bottom: 30px;
   }
 }
 
@@ -32,7 +33,13 @@
   h2 {
     font-size: 24px;
   }
-  .hyper-link{
+  .hyper-link {
     color: #a8d2e2;
   }
-}
\ No newline at end of file
+}
+
+.featured-news {
+  h2 {
+    font-weight: 500;
+  }
+}