You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@metron.apache.org by rm...@apache.org on 2016/05/20 16:22:09 UTC

[15/15] incubator-metron git commit: METRON-173 Update the the Apache Metron Web Page (iraghumitra via merrimanr) closes apache/incubator-metron#126

METRON-173 Update the the Apache Metron Web Page (iraghumitra via merrimanr) closes apache/incubator-metron#126


Project: http://git-wip-us.apache.org/repos/asf/incubator-metron/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-metron/commit/7077dbd6
Tree: http://git-wip-us.apache.org/repos/asf/incubator-metron/tree/7077dbd6
Diff: http://git-wip-us.apache.org/repos/asf/incubator-metron/diff/7077dbd6

Branch: refs/heads/master
Commit: 7077dbd6f37b42e2ecfebd2091d75f53ce9bc225
Parents: a45260a
Author: iraghumitra <ra...@gmail.com>
Authored: Fri May 20 11:20:59 2016 -0500
Committer: rmerriman <rm...@hortonworks.com>
Committed: Fri May 20 11:20:59 2016 -0500

----------------------------------------------------------------------
 site/Gemfile                                 |     2 +-
 site/_docs/indexes.md                        |     6 +-
 site/_includes/footer.html                   |    24 +-
 site/_includes/header.html                   |    35 +-
 site/_includes/primary-nav-items.html        |    34 +-
 site/_includes/top.html                      |   103 +-
 site/about/index.md                          |   119 +
 site/community/index.md                      |    94 +
 site/css/default.css                         | 11456 ++++++++++++++++++++
 site/css/gravityforms.css                    |    34 +
 site/css/jquery-ui-insightera-custom-1.8.css |     1 +
 site/css/l                                   |    61 +
 site/css/legacy.css                          |  2530 +++++
 site/css/prettify.css                        |    52 +
 site/css/selectBoxIt.css                     |   146 +
 site/documentation/index.md                  |    59 +
 site/downloads/index.md                      |    20 +-
 site/favicon.ico                             |   Bin 5430 -> 1150 bytes
 site/img/incubator_logo.png                  |   Bin 0 -> 7213 bytes
 site/img/logo.png                            |   Bin 144723 -> 21186 bytes
 site/img/metron_cloud.png                    |   Bin 0 -> 703 bytes
 site/img/metron_core_capabilities.png        |   Bin 0 -> 86663 bytes
 site/img/metron_datacenter.jpg               |   Bin 0 -> 412392 bytes
 site/img/metron_evolution.png                |   Bin 0 -> 263188 bytes
 site/img/metron_functional_themes.png        |   Bin 0 -> 66194 bytes
 site/img/metron_intro_detail1.png            |   Bin 0 -> 1480 bytes
 site/img/metron_intro_detail2.png            |   Bin 0 -> 4011 bytes
 site/img/metron_intro_detail3.png            |   Bin 0 -> 746 bytes
 site/img/metron_sky.png                      |   Bin 0 -> 916825 bytes
 site/img/persona-1.png                       |   Bin 0 -> 10589 bytes
 site/img/persona-2.png                       |   Bin 0 -> 9831 bytes
 site/img/persona-3.png                       |   Bin 0 -> 9508 bytes
 site/img/persona-4.png                       |   Bin 0 -> 9170 bytes
 site/img/persona-5.png                       |   Bin 0 -> 7777 bytes
 site/img/persona-6.png                       |   Bin 0 -> 10464 bytes
 site/index.html                              |   191 +-
 site/js/angular-animate.min.js               |    56 +
 site/js/angular.min.js                       |   311 +
 site/js/app.js                               |   251 +
 site/js/charts-animate.js                    |   241 +
 site/js/dotdotdot.js                         |    51 +
 site/js/eventCtrl.js                         |   100 +
 site/js/footer.js                            |    49 +
 site/js/hero-slider.js                       |   704 ++
 site/js/isotope.pkgd.min.js                  |    12 +
 site/js/jquery-migrate.min.js                |     2 +
 site/js/jquery-ui.min.js                     |    13 +
 site/js/jquery.classyloader.js               |   157 +
 site/js/jquery.js                            |     6 +
 site/js/jquery.mobile.custom.min.js          |     3 +
 site/js/jquery.selectBoxIt.min.js            |     4 +
 site/js/legacy.js                            |   308 +
 site/js/local.js                             |   612 ++
 site/js/local6.js                            |   283 +
 site/js/munchkin-beta.js                     |     8 +
 site/js/navigation.js                        |   303 +
 site/js/paralax-scroll.js                    |     7 +
 site/js/parallax.js                          |    77 +
 site/js/parallax.min.js                      |     6 +
 site/js/pressReleaseController.js            |   230 +
 site/js/products_scroll.js                   |    47 +
 site/js/scroll-slider.js                     |   182 +
 site/js/select-list.js                       |    58 +
 site/js/shb0wjr.js                           |    46 +
 site/js/slider.js                            |   392 +
 site/js/top-form.js                          |   145 +
 site/news/index.html                         |    68 +-
 67 files changed, 19594 insertions(+), 105 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/7077dbd6/site/Gemfile
----------------------------------------------------------------------
diff --git a/site/Gemfile b/site/Gemfile
index 77ef869..944cdac 100644
--- a/site/Gemfile
+++ b/site/Gemfile
@@ -1,3 +1,3 @@
 source 'https://rubygems.org'
-gem 'github-pages'
+gem 'jekyll'
 gem 'rouge'
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/7077dbd6/site/_docs/indexes.md
----------------------------------------------------------------------
diff --git a/site/_docs/indexes.md b/site/_docs/indexes.md
index 58e7239..ba71507 100644
--- a/site/_docs/indexes.md
+++ b/site/_docs/indexes.md
@@ -1,7 +1,7 @@
 ---
 layout: docs
-title: Arch
-permalink: /docs/indexes.html
+title: Background
+permalink: /docs/index.html
 ---
 
-Intro the Arch
+Back in December 2015, we created Metron files as part of the transition of the OpenSOC project from Cisco.

http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/7077dbd6/site/_includes/footer.html
----------------------------------------------------------------------
diff --git a/site/_includes/footer.html b/site/_includes/footer.html
index beaa2ce..3350910 100644
--- a/site/_includes/footer.html
+++ b/site/_includes/footer.html
@@ -1,8 +1,16 @@
-<footer role="contentinfo">
-  <p>The contents of this website are &copy;&nbsp;{{ site.time | date: '%Y' }}
-     <a href="https://www.apache.org/">Apache Software Foundation</a>
-     under the terms of the <a
-      href="https://www.apache.org/licenses/LICENSE-2.0.html">
-      Apache&nbsp;License&nbsp;v2</a>. Apache Metron and its logo are trademarks
-      of the Apache Software Foundation.</p>
-</footer>
+</section>
+<section class="hero-second-level darken">
+
+    <div class="v-middle-wrapper">
+        <div class="v-middle-inner">
+            <div class="v-middle text-center">
+                <p><img src="/img/incubator_logo.png"></p>
+              
+                      
+            <p>The contents of this website are � 2016 Apache Software Foundation under the terms of<br /> the Apache License v2. Apache Metron and its logo are trademarks of the Apache Software Foundation.</p>
+        
+                               
+            </div>
+        </div>
+    </div>
+</section>

http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/7077dbd6/site/_includes/header.html
----------------------------------------------------------------------
diff --git a/site/_includes/header.html b/site/_includes/header.html
index 25efd57..e975856 100644
--- a/site/_includes/header.html
+++ b/site/_includes/header.html
@@ -1,18 +1,21 @@
-<header role="banner">
-  <nav class="mobile-nav show-on-mobiles">
-    {% include primary-nav-items.html %}
-  </nav>
-  <div class="grid">
-    <div class="unit one-third center-on-mobiles">
-      <h1>
-        <a href="/">
-          <span class="sr-only">Apache Metron</span>
-          <img src="/img/logo.png" width="289" alt="Metron Logo" class="logo">
-        </a>
-      </h1>
+<header>
+    <div class="main-navigation" style="height: 85px;">
+        <div class="main-nav fixed">
+            <div class="wrapper">
+                <div class="logo">
+                    <a href=""><img src="/img/logo.png" alt="Logo"></a>
+                </div>
+                <nav>
+                    <div class="toggle">
+                        <span></span>
+                        <span></span>
+                        <span></span>
+                    </div>
+                    <div class="menu-wrapper" style="height: auto; display: block;">
+                        {% include primary-nav-items.html %}
+                    </div>
+                </nav>
+            </div>
+        </div>
     </div>
-    <nav class="main-nav unit two-thirds hide-on-mobiles">
-      {% include primary-nav-items.html %}
-    </nav>
-  </div>
 </header>

http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/7077dbd6/site/_includes/primary-nav-items.html
----------------------------------------------------------------------
diff --git a/site/_includes/primary-nav-items.html b/site/_includes/primary-nav-items.html
index 85e31a2..81360c5 100644
--- a/site/_includes/primary-nav-items.html
+++ b/site/_includes/primary-nav-items.html
@@ -1,21 +1,15 @@
-<ul>
-  <li class="{% if page.overview %}current{% endif %}">
-    <a href="/">Home</a>
-  </li>
-  <li class="{% if page.url contains '/docs/' %}current{% endif %}">
-    <a href="/docs/">Doc<span class="show-on-mobiles">s</span>
-                        <span class="hide-on-mobiles">umentation</span></a>
-  </li>
-  <li class="{% if page.url contains '/talks/' %}current{% endif %}">
-    <a href="/talks/">Talks</a>
-  </li>
-  <li class="{% if page.url contains '/news/' %}current{% endif %}">
-    <a href="/news/">News</a>
-  </li>
-  <li class="{% if page.url contains '/help/' %}current{% endif %}">
-    <a href="/help/">Help</a>
-  </li>
-  <li class="{% if page.url contains '/develop/' %}current{% endif %}">
-    <a href="/develop/">Develop</a>
-  </li>
+<ul class="main-menu">
+    <li class="products-menu"><a href="/">Home</a>
+    </li>
+    <li class="solutions-menu"><a href="/about/">About</a>
+    </li>
+    <li class="services-menu"><a href="/documentation/">Documentation</a>
+    </li>
+    <li class="services-menu"><a href="/community/">Community</a>
+    </li>
+    <li class="training-menu"><a href="/news/">News</a>
+    </li>
+    <li>
+        <button class="button-default button-green trigger-top-form"> <a href="https://github.com/apache/incubator-metron/releases" target="new">Download </a></button>
+    </li>
 </ul>

http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/7077dbd6/site/_includes/top.html
----------------------------------------------------------------------
diff --git a/site/_includes/top.html b/site/_includes/top.html
index a4c04e7..b08eb66 100644
--- a/site/_includes/top.html
+++ b/site/_includes/top.html
@@ -1,15 +1,90 @@
-<!DOCTYPE HTML>
-<html lang="en-US">
-<head>
-  <meta charset="UTF-8">
-  <title>{{ page.title }}</title>
-  <meta name="viewport" content="width=device-width,initial-scale=1">
-  <meta name="generator" content="Jekyll v{{ jekyll.version }}">
-  <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic,900">
-  <link rel="stylesheet" href="/css/screen.css">
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
-  <!--[if lt IE 9]>
-  <script src="/js/html5shiv.min.js"></script>
-  <script src="/js/respond.min.js"></script>
-  <![endif]-->
+<!DOCTYPE html>
+
+<html lang="en-US" prefix="og: http://ogp.me/ns#" ng-app="hortonWorksApp"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}</style>
+        
+        <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
+        <link rel="profile" href="http://gmpg.org/xfn/11">
+        <title>{{ page.title }}</title>
+
+        <style type="text/css">
+            img.wp-smiley,
+            img.emoji {
+                display: inline !important;
+                border: none !important;
+                box-shadow: none !important;
+                height: 1em !important;
+                width: 1em !important;
+                margin: 0 .07em !important;
+                vertical-align: -0.1em !important;
+                background: none !important;
+                padding: 0 !important;
+            }
+        </style>
+    <link rel="stylesheet" id="default-css" href="/css/default.css" type="text/css" media="all">
+    <link rel="stylesheet" id="legacy-css" href="/css/legacy.css" type="text/css" media="all">
+    <link rel="stylesheet" id="gravityforms-css" href="/css/gravityforms.css" type="text/css" media="all">
+    <link rel="stylesheet" id="selectboxit-css" href="/css/selectBoxIt.css" type="text/css" media="all">
+    <link href='http://fonts.googleapis.com/css?family=Roboto%20Condensed' rel='stylesheet' type='text/css'>
+
+    <script type="text/javascript" src="/js/jquery.js"></script>
+    <script type="text/javascript" src="/js/jquery-migrate.min.js"></script>
+    <script type="text/javascript" src="/js/jquery.mobile.custom.min.js"></script>
+    <script type="text/javascript" src="/js/isotope.pkgd.min.js"></script>
+    <script type="text/javascript" src="/js/navigation.js"></script>
+    <script type="text/javascript" src="/js/slider.js"></script>
+    <script type="text/javascript" src="/js/jquery.classyloader.js"></script>
+    <script type="text/javascript" src="/js/hero-slider.js"></script>
+    <script type="text/javascript" src="/js/footer.js"></script>
+    <script type="text/javascript" src="/js/top-form.js"></script>
+    <script type="text/javascript" src="/js/local6.js"></script>
+    <script type="text/javascript" src="/js/select-list.js"></script>
+    <script type="text/javascript" src="/js/legacy.js"></script>
+    <script type="text/javascript" src="/js/local.js"></script>
+    <script type="text/javascript" src="/js/paralax-scroll.js"></script>
+    <script type="text/javascript" src="/js/jquery-ui.min.js"></script>
+    <script type="text/javascript" src="/js/jquery.selectBoxIt.min.js"></script>
+    <script type="text/javascript" src="/js/scroll-slider.js"></script>
+    <script type="text/javascript" src="/js/charts-animate.js"></script>
+    <script type="text/javascript" src="/js/dotdotdot.js"></script>
+    <script type="text/javascript" src="/js/products_scroll.js"></script>
+    <script type="text/javascript" src="/js/parallax.min.js"></script>
+    <script type="text/javascript" src="/js/parallax.js"></script>
+    <script type="text/javascript" src="/js/shb0wjr.js"></script>  
+
+    <script>
+    window.lsfDataLayer = window.lsfDataLayer || [];
+    </script>
+    
+    <style>
+      body {
+        font-family: "roboto-condensed", sans-serif;
+      }
+    </style>
+
+    <!-- Angular js files -->
+    <script src="/js/angular.min.js"></script>
+    <script src="/js/angular-animate.min.js"></script>
+    <script src="/js/app.js"></script>
+    <script src="/js/pressReleaseController.js"></script>
+    <script src="/js/eventCtrl.js"></script>
+    <!-- End Angular js files -->
+    <link rel="stylesheet" type="text/css" href="/css/prettify.css">
+    <script type="text/javascript" async="" src="/js/munchkin-beta.js"></script>
+    <link type="text/css" href="/css/jquery-ui-insightera-custom-1.8.css" rel="stylesheet">
+    <style id="style-1-cropbar-clipper">
+    /* Copyright 2014 Evernote Corporation. All rights reserved. */
+    
+    .en-markup-crop-options {
+        top: 18px !important;
+        left: 50% !important;
+        margin-left: -100px !important;
+        width: 200px !important;
+        border: 2px rgba(255, 255, 255, .38) solid !important;
+        border-radius: 4px !important;
+    }
+    
+    .en-markup-crop-options div div:first-of-type {
+        margin-left: 0px !important;
+    }
+    </style>
 </head>

http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/7077dbd6/site/about/index.md
----------------------------------------------------------------------
diff --git a/site/about/index.md b/site/about/index.md
new file mode 100644
index 0000000..a62c86d
--- /dev/null
+++ b/site/about/index.md
@@ -0,0 +1,119 @@
+---
+layout: default
+title: Apache Metron About
+---
+
+<section class="hero-second-level no-padding">
+    <div class="bg-img">
+        <img src="/img/metron_datacenter.jpg" alt="UNLOCK THE POWER OF YOUR DATA" style="width: 100%; left: 0px;">
+    </div>
+    <div class="v-middle-wrapper">
+        <div class="v-middle-inner">
+            <div class="v-middle">
+              <h1>real-time big data security </h1>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="no-padding">
+      <div class="fixed-anchor" style="min-height: 99px;">
+        <div class="fixed-links" style="top: 63px; transition: top 0.5s ease;">
+            <ul>
+                <li class="active"><a href="#evolution">Evolution</a></li>
+                <li class=""><a href="#architecture">Architecture</a></li>
+                <li class=""><a href="#corecapabilites">Core Capabilites </a></li>
+                <li class="" style="min-width:220px"><a href="#functionalThemes">Functional Themes</a></li>
+            </ul>
+        </div>
+    </div>  
+</section>
+
+
+<section  class="events-section darken" id="evolution">
+    <div class="text-center">
+        <h2>Evolution</h2>
+    </div>
+    <div>
+        <img class="v-middle img82" src="/img/metron_evolution.png" alt="What Apache Metron Does" style="margin:0 auto;left: 0px;">
+    </div>
+    <div class="hover-btn text-center">
+            <a class="button-default" href="https://cwiki.apache.org/confluence/display/METRON/Evolution+of+Apache+Metron" target="new">LEARN MORE</a>
+    </div>
+</section>
+
+<section class="events-section feature" id="architecture">
+    <div class="wrapper">
+        <div class="text-center">
+            <h2>Architecture</h2>
+        </div>
+        <div class="three-col-row architecture">
+            <div class="col-three">
+                <div class="v-middle-wrapper">
+                    <div class="v-middle-inner">
+                        <div class="v-middle">
+                            <div >
+                                <h5 class="bold blue-text">Multi-vendor Sensor Support</h5>
+                                <h6>Supports events ingestion from a variety of sources</h6>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-three">
+                <div class="v-middle-wrapper">
+                    <div class="v-middle-inner">
+                        <div class="v-middle">
+                            <div>
+                                <h5 class="bold blue-text">Leverages the Apache Big Data Ecosystem</h5>
+                                <h6>Jump to the right row with indexes including minimum, maximum, and bloom filters for each column.</h6>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-three">
+                <div class="v-middle-wrapper">
+                    <div class="v-middle-inner">
+                        <div class="v-middle">
+                            <div>
+                                <h5 class="bold blue-text">Interactive Visualization and alerting</h5>
+                                <h6>Visualize alerts and notify parties involved</h6>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="hover-btn text-center">
+			<a class="button-default" href="https://cwiki.apache.org/confluence/display/METRON/Metron+Architecture" target="_blank">LEARN MORE</a>
+		</div>
+    </div>
+</section>
+
+<section  class="events-section darken" id="corecapabilites">
+    <div class="text-center">
+        <h2>Core Capabilites</h2>
+    </div>
+    <div>
+        <img class="v-middle img82" src="/img/metron_core_capabilities.png" alt="Metron Core Capabilities" style="margin:0 auto;left: 0px;">
+    </div>
+    <div class="hover-btn text-center">
+        <a class="button-default" href="https://cwiki.apache.org/confluence/display/METRON/Metron+Core+Capabilities+and+Functional+Themes#MetronCoreCapabilitiesandFunctionalThemes-CoreFunctionalCapabilites" target="_new">LEARN MORE</a>
+    </div>
+</section>
+
+<section  class="events-section" id="functionalThemes">
+    <div class="text-center">
+        <h2>Functional Themes</h2>
+    </div>
+    <div>
+        <img class="v-middle img82" src="/img/metron_functional_themes.png" alt="Metron Functional Themes" style="margin:0 auto;left: 0px;">
+    </div>
+    <div class="hover-btn text-center">
+            <a class="button-default" target="https://cwiki.apache.org/confluence/display/METRON/Metron+Core+Capabilities+and+Functional+Themes#MetronCoreCapabilitiesandFunctionalThemes-CoreFunctionalThemes" target="new">LEARN MORE</a>
+    </div>
+</section>
+
+
+

http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/7077dbd6/site/community/index.md
----------------------------------------------------------------------
diff --git a/site/community/index.md b/site/community/index.md
new file mode 100644
index 0000000..aa836c9
--- /dev/null
+++ b/site/community/index.md
@@ -0,0 +1,94 @@
+---
+layout: default
+title: Apache Metron Community
+---
+
+<section class="hero-second-level no-padding">
+    <div class="bg-img">
+        <img src="/img/metron_datacenter.jpg" alt="UNLOCK THE POWER OF YOUR DATA" style="width: 100%; left: 0px;">
+    </div>
+    <div class="v-middle-wrapper">
+        <div class="v-middle-inner">
+            <div class="v-middle">
+              <h1>real-time big data security </h1>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="no-padding">
+      <div class="fixed-anchor" style="min-height: 99px;">
+        <div class="fixed-links" style="top: 63px; transition: top 0.5s ease;">
+            <ul>
+                <li class="active"><a href="#projectmembers">Project Members</a></li>
+                <li class=""><a href="#communityresources">Community Resources</a></li>
+                <li class=""><a href="#getinvolved">Get Involved</a></li>
+            </ul>  
+        </div>
+    </div>  
+</section>
+
+<section class="events-section feature body-content" id="projectmembers">
+<div class="text-center">
+        <h2>Project Members</h2>
+</div>
+<table class="padding30 img70 nomargin">
+    <thead>
+    <tr>
+      <th style="text-align: left">Name</th> <th style="text-align: left">Apache Id</th> <th style="text-align: left">Role</th> </tr>
+    </thead>
+    <tbody>
+    <tr>
+      <td style="text-align: left">James Sirota</td> <td style="text-align: left">jsirota</td> <td style="text-align: left">PMC</td> </tr>
+    <tr>
+      <td style="text-align: left">Owen O\u2019Malley</td> <td style="text-align: left">omalley</td> <td style="text-align: left">PMC</td> </tr>
+    <tr>
+      <td style="text-align: left">Sheetal Dolas</td> <td style="text-align: left">sheetal_dolas</td> <td style="text-align: left">PMC</td> </tr>
+    <tr>
+      <td style="text-align: left">Casey Stella</td> <td style="text-align: left">cestella</td> <td style="text-align: left">PMC</td> </tr>
+    <tr>
+      <td style="text-align: left">Vinod Kumar Vavilapalli</td> <td style="text-align: left">vinodkv</td> <td style="text-align: left">PMC</td> </tr>
+    <tr>
+      <td style="text-align: left">George Vetticaden</td> <td style="text-align: left">gvetticaden</td> <td style="text-align: left">PMC</td> </tr>
+    <tr>
+      <td style="text-align: left">P. Taylor Goetz</td> <td style="text-align: left">ptgoetz</td> <td style="text-align: left">PMC</td> </tr>
+    <tr>
+      <td style="text-align: left">Jim Baker</td> <td style="text-align: left">jimbaker</td> <td style="text-align: left">PMC</td> </tr>
+    <tr>
+      <td style="text-align: left">Mark Bittmann</td> <td style="text-align: left">mbittmann</td> <td style="text-align: left">PMC</td> </tr>
+    <tr>
+      <td style="text-align: left">Brad Kolarov</td> <td style="text-align: left">billie</td> <td style="text-align: left">PMC</td> </tr>
+    <tr>
+      <td style="text-align: left">Dave Hirko</td> <td style="text-align: left">dbhirko</td> <td style="text-align: left">PMC</td> </tr>
+    <tr>
+      <td style="text-align: left">Larry McCay</td> <td style="text-align: left">lmccay</td> <td style="text-align: left">PMC</td> </tr>
+    <tr>
+      <td style="text-align: left">Charles Porter</td> <td style="text-align: left">cporter</td> <td style="text-align: left">PMC</td> </tr>
+    </tbody>
+</table>
+</section>
+
+<section class="events-section feature darken" id="communityresources">
+        <div class="text-center">
+          <h2>Community Resources</h2>
+        </div>
+        <div class="hover-btn text-center">
+            <p>Apache Community Resources - GitHub and Mailing List's </p>
+            <a class="button-default" href="https://cwiki.apache.org/confluence/display/METRON/Community+Resources#CommunityResources-ApacheMetronCommunityResources" target="_blank">LEARN MORE</a>
+        </div>
+</section>
+
+<section class="events-section feature" id="getinvolved">
+        <div class="text-center">
+          <h2>Get Involved</h2>
+        </div>
+        <div class="hover-btn text-center">
+            <p>Wish to contribute to Apache Metron?. Follow these simple steps.</p>
+            <a class="button-default" href="https://cwiki.apache.org/confluence/display/METRON/Community+Resources#CommunityResources-JointheCommunity-GetingStarted" target="_blank">Take Me There</a>
+        </div>
+</section>
+
+
+
+
+