airavata-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From ndo...@apache.org
Subject [1/2] airavata-site git commit: Content changes for Airavata Website
Date Wed, 13 Apr 2016 20:30:54 GMT
Repository: airavata-site
Updated Branches:
  refs/heads/asf-site ce4aa5a21 -> e5bc1054a


http://git-wip-us.apache.org/repos/asf/airavata-site/blob/e5bc1054/content/learning.html
----------------------------------------------------------------------
diff --git a/content/learning.html b/content/learning.html
index b8c53d5..8b46f42 100644
--- a/content/learning.html
+++ b/content/learning.html
@@ -27,13 +27,13 @@
       <nav id="nav_f" class="default_color" role="navigation">
           <div class="container">
               <div class="nav-wrapper">
-                  <a href="#" id="logo-container" class="brand-logo">
+                  <a href="index.html" id="logo-container" class="brand-logo">
                       <img src="assets/img/airavata-brand.png" width="50%" />
                   </a>
                   <ul class="right hide-on-med-and-down">
-                      <li><a href="about.html">About</a></li>
-                      <li><a href="development.html">Development</a></li>
-                      <li>
+                      <li ><a href="about.html">About</a></li>
+                      <li ><a href="development.html">Development</a></li>
+                      <li  class="active" >
                           <a href="learning.html">Learning</a>
                           <!--
                           <ul class="">
@@ -43,15 +43,15 @@
                           </ul>
                           -->
                       </li>
-                      <li><a href="get-involved.html">Get Involved</a></li>
-                      <li><a href="community.html">Community</a></li>
+                      <li ><a href="get-involved.html">Get Involved</a></li>
+                      <li ><a href="community.html">Community</a></li>
                   </ul>
                   <ul id="nav-mobile" class="side-nav">
-                      <li><a href="about.html">About</a></li>
-                      <li><a href="development.html">Development</a></li>
-                      <li><a href="learning.html">Learning</a></li>
-                      <li><a href="get-involved.html">Get Involved</a></li>
-                      <li><a href="community.html">Community</a></li>
+                      <li ><a href="about.html">About</a></li>
+                      <li ><a href="development.html">Development</a></li>
+                      <li  class="active" ><a href="learning.html">Learning</a></li>
+                      <li ><a href="get-involved.html">Get Involved</a></li>
+                      <li ><a href="community.html">Community</a></li>
                   </ul>
                   <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
               </div>
@@ -61,9 +61,17 @@
 
     <div class="page-content">
       <div class="wrapper">
-        <!--Hero-->
-<div class="section no-pad-botx">
-    <div class="container">
+        <div class="post">
+
+  <header class="post-header">
+    <h1 class="post-title center">Learning</h1>
+  </header>
+
+	<div class="section no-pad-bot">
+
+	<main><div class="container">
+    		<div class="row">
+    <div class="col s12">
         <h1 class="center">
             <img src="assets/img/airavata-architecture.png" style="border-radius:100px" />
         </h1>
@@ -71,104 +79,94 @@
             Airavata Architecture
         </h6>
     </div>
-    <!--<h1 class="text_h center header cd-headline letters type">
-        <span>I Love</span> 
-        <span class="cd-words-wrapper waiting">
-            <b class="is-visible">creating</b>
-            <b>designing</b>
-            <b>developing</b>
-        </span>
-    </h1>-->
 </div>
 
 <!--Resources-->
 <div id="intro" class="section scrollspy">
-    <div class="container">
-        <div class="row">
-            <div class="col s12">
-                <h2 class="center header text_h2"><span class="span_h2"> Resources  </span></h2>
-                <h4 class="center header text_h2"><span class="span_h4"> You can start learning Airavata today the way it is easiest for you! </span></h4>
-                 <div class="divider"></div>
-            </div>
-
-            <div class="row" id="documentation">
-                <div class="col s12 m6">
-                    <div class="card medium">
-                        <div class="card-image waves-effect waves-block waves-light">
-                            <img class="activator" src="assets/img/documentation.jpg" />
-                        </div>
-                        <div class="card-content">
-                            <span class="card-title activator grey-text text-darken-4">Sub Title<i class="mdi-navigation-more-vert right"></i></span>
-                            <p><a href="#">This is a link</a></p>
-                        </div>
-                        <div class="card-reveal">
-                            <span class="card-title grey-text text-darken-4">Card Title<i class="material-icons right">close</i></span>
-                            <p>Here is some more information about this product that is only revealed once clicked on.</p>
-                        </div>
-                    </div>
+    <div class="col s12">
+        <h2 class="center header text_h2"><span class="span_h2"> Resources  </span></h2>
+        <h4 class="center header text_h2"><span class="span_h4"> You can start learning Airavata today the way it is easiest for you! </span></h4>
+         <div class="divider">
+         </div>
+    </div>
+    <div class="row" id="documentation">
+        <div class="col s12 m6">
+            <div class="card medium">
+                <div class="card-image waves-effect waves-block waves-light">
+                    <img class="activator" src="assets/img/documentation.jpg" />
                 </div>
-                <div class="col s12 m6">
-                    <div class=" promo promo-example">
-                        <h5 class="promo-caption">Documentation</h5>
-                        <p class="light">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
-                    </div>
+                <div class="card-content">
+                    <span class="card-title activator grey-text text-darken-4">Sub Title<i class="mdi-navigation-more-vert right"></i></span>
+                    <p><a href="#">This is a link</a></p>
+                </div>
+                <div class="card-reveal">
+                    <span class="card-title grey-text text-darken-4">Card Title<i class="material-icons right">close</i></span>
+                    <p>Here is some more information about this product that is only revealed once clicked on.</p>
                 </div>
             </div>
-
-            <div class="row" id="course">
-                <div class="col s12 m6">
-                    <div class=" promo promo-example">
-                        <h5 class="promo-caption">Airavata Course</h5>
-                        <p class="light">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
-                    </div>
+        </div>
+        <div class="col s12 m6">
+            <div class=" promo promo-example">
+                <h5 class="promo-caption">Documentation</h5>
+                <p class="light">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
+            </div>
+        </div>
+    </div>
+    <div class="row" id="course">
+        <div class="col s12 m6">
+            <div class=" promo promo-example">
+                <h5 class="promo-caption">Airavata Course</h5>
+                <p class="light">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
+            </div>
+        </div>
+        <div class="col s12 m6">
+            <div class="card medium">
+                <div class="card-image waves-effect waves-block waves-light">
+                    <img class="activator" src="assets/img/course.jpg" />
                 </div>
-
-                <div class="col s12 m6">
-                    <div class="card medium">
-                        <div class="card-image waves-effect waves-block waves-light">
-                            <img class="activator" src="assets/img/course.jpg" />
-                        </div>
-                        <div class="card-content">
-                            <span class="card-title activator grey-text text-darken-4">Sub Title<i class="mdi-navigation-more-vert right"></i></span>
-                            <p><a href="#">This is a link</a></p>
-                        </div>
-                        <div class="card-reveal">
-                            <span class="card-title grey-text text-darken-4">Sub Title<i class="material-icons right">close</i></span>
-                            <p>Here is some more information about this product that is only revealed once clicked on.</p>
-                        </div>
-                    </div>
+                <div class="card-content">
+                    <span class="card-title activator grey-text text-darken-4">Sub Title<i class="mdi-navigation-more-vert right"></i></span>
+                    <p><a href="#">This is a link</a></p>
+                </div>
+                <div class="card-reveal">
+                    <span class="card-title grey-text text-darken-4">Sub Title<i class="material-icons right">close</i></span>
+                    <p>Here is some more information about this product that is only revealed once clicked on.</p>
                 </div>
             </div>
-
-            <div class="row" id="tutorials">
-                <div class="col s12 m6">
-                    <div class="card medium">
-                        <div class="card-image waves-effect waves-block waves-light">
-                            <img class="activator" src="assets/img/tutorials.jpg" />
-                        </div>
-                        <div class="card-content">
-                            <span class="card-title activator grey-text text-darken-4">Card Title<i class="mdi-navigation-more-vert right"></i></span>
-                            <p><a href="#">This is a link</a></p>
-                        </div>
-                        <div class="card-reveal">
-                            <span class="card-title grey-text text-darken-4">Card Title<i class="material-icons right">close</i></span>
-                            <p>Here is some more information about this product that is only revealed once clicked on.</p>
-                        </div>
-                    </div>
+        </div>
+    </div>
+    <div class="row" id="tutorials">
+        <div class="col s12 m6">
+            <div class="card medium">
+                <div class="card-image waves-effect waves-block waves-light">
+                    <img class="activator" src="assets/img/tutorials.jpg" />
+                </div>
+                <div class="card-content">
+                    <span class="card-title activator grey-text text-darken-4">Card Title<i class="mdi-navigation-more-vert right"></i></span>
+                    <p><a href="#">This is a link</a></p>
                 </div>
-                <div class="col s12 m6">
-                    <div class=" promo promo-example">
-                        <h5 class="promo-caption">Tutorials</h5>
-                        <p class="light">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
-                    </div>
+                <div class="card-reveal">
+                    <span class="card-title grey-text text-darken-4">Card Title<i class="material-icons right">close</i></span>
+                    <p>Here is some more information about this product that is only revealed once clicked on.</p>
                 </div>
             </div>
-
+        </div>
+        <div class="col s12 m6">
+            <div class=" promo promo-example">
+                <h5 class="promo-caption">Tutorials</h5>
+                <p class="light">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
+            </div>
         </div>
     </div>
+
 </div>
 
 
+  		</article>
+  	</div></main>
+
+</div>
+
       </div>
     </div>
 

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/e5bc1054/content/logo.html
----------------------------------------------------------------------
diff --git a/content/logo.html b/content/logo.html
index 2e48ae9..ca48d03 100644
--- a/content/logo.html
+++ b/content/logo.html
@@ -27,13 +27,13 @@
       <nav id="nav_f" class="default_color" role="navigation">
           <div class="container">
               <div class="nav-wrapper">
-                  <a href="#" id="logo-container" class="brand-logo">
+                  <a href="index.html" id="logo-container" class="brand-logo">
                       <img src="assets/img/airavata-brand.png" width="50%" />
                   </a>
                   <ul class="right hide-on-med-and-down">
-                      <li><a href="about.html">About</a></li>
-                      <li><a href="development.html">Development</a></li>
-                      <li>
+                      <li ><a href="about.html">About</a></li>
+                      <li ><a href="development.html">Development</a></li>
+                      <li >
                           <a href="learning.html">Learning</a>
                           <!--
                           <ul class="">
@@ -43,15 +43,15 @@
                           </ul>
                           -->
                       </li>
-                      <li><a href="get-involved.html">Get Involved</a></li>
-                      <li><a href="community.html">Community</a></li>
+                      <li ><a href="get-involved.html">Get Involved</a></li>
+                      <li ><a href="community.html">Community</a></li>
                   </ul>
                   <ul id="nav-mobile" class="side-nav">
-                      <li><a href="about.html">About</a></li>
-                      <li><a href="development.html">Development</a></li>
-                      <li><a href="learning.html">Learning</a></li>
-                      <li><a href="get-involved.html">Get Involved</a></li>
-                      <li><a href="community.html">Community</a></li>
+                      <li ><a href="about.html">About</a></li>
+                      <li ><a href="development.html">Development</a></li>
+                      <li ><a href="learning.html">Learning</a></li>
+                      <li ><a href="get-involved.html">Get Involved</a></li>
+                      <li ><a href="community.html">Community</a></li>
                   </ul>
                   <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
               </div>

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/e5bc1054/source/_layouts/default.html
----------------------------------------------------------------------
diff --git a/source/_layouts/default.html b/source/_layouts/default.html
index 59716be..0f4ca47 100644
--- a/source/_layouts/default.html
+++ b/source/_layouts/default.html
@@ -18,13 +18,13 @@
       <nav id="nav_f" class="default_color" role="navigation">
           <div class="container">
               <div class="nav-wrapper">
-                  <a href="#" id="logo-container" class="brand-logo">
+                  <a href="index.html" id="logo-container" class="brand-logo">
                       <img src="assets/img/airavata-brand.png" width="50%" />
                   </a>
                   <ul class="right hide-on-med-and-down">
-                      <li><a href="about.html">About</a></li>
-                      <li><a href="development.html">Development</a></li>
-                      <li>
+                      <li {% if page.id == "about" %} class="active" {% endif %}><a href="about.html">About</a></li>
+                      <li {% if page.id == "development" %} class="active" {% endif %}><a href="development.html">Development</a></li>
+                      <li {% if page.id == "learning" %} class="active" {% endif %}>
                           <a href="learning.html">Learning</a>
                           <!--
                           <ul class="">
@@ -34,15 +34,15 @@
                           </ul>
                           -->
                       </li>
-                      <li><a href="get-involved.html">Get Involved</a></li>
-                      <li><a href="community.html">Community</a></li>
+                      <li {% if page.id == "get-involved" %} class="active" {% endif %}><a href="get-involved.html">Get Involved</a></li>
+                      <li {% if page.id == "community" %} class="active" {% endif %}><a href="community.html">Community</a></li>
                   </ul>
                   <ul id="nav-mobile" class="side-nav">
-                      <li><a href="about.html">About</a></li>
-                      <li><a href="development.html">Development</a></li>
-                      <li><a href="learning.html">Learning</a></li>
-                      <li><a href="get-involved.html">Get Involved</a></li>
-                      <li><a href="community.html">Community</a></li>
+                      <li {% if page.id == "about" %} class="active" {% endif %}><a href="about.html">About</a></li>
+                      <li {% if page.id == "development" %} class="active" {% endif %}><a href="development.html">Development</a></li>
+                      <li {% if page.id == "learning"  %} class="active" {% endif %}><a href="learning.html">Learning</a></li>
+                      <li {% if page.id == "get-involved" %} class="active" {% endif %}><a href="get-involved.html">Get Involved</a></li>
+                      <li {% if page.id == "community"  %} class="active" {% endif %}><a href="community.html">Community</a></li>
                   </ul>
                   <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
               </div>

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/e5bc1054/source/_layouts/page.html
----------------------------------------------------------------------
diff --git a/source/_layouts/page.html b/source/_layouts/page.html
index 74c1a11..351f5ce 100644
--- a/source/_layouts/page.html
+++ b/source/_layouts/page.html
@@ -4,11 +4,14 @@ layout: default
 <div class="post">
 
   <header class="post-header">
-    <h1 class="post-title">{{ page.title }}</h1>
+    <h1 class="post-title center">{{ page.title }}</h1>
   </header>
 
-  <article class="post-content">
-    {{ content }}
-  </article>
+	<div class="section no-pad-bot">
+
+	<main><div class="container">
+    		{{ content }}
+  		</article>
+  	</div></main>
 
 </div>

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/e5bc1054/source/about.md
----------------------------------------------------------------------
diff --git a/source/about.md b/source/about.md
index 6687deb..80a106b 100644
--- a/source/about.md
+++ b/source/about.md
@@ -1,39 +1,56 @@
 ---
 layout: page
-title: About
+id: about
 ---
 
-## Apache Airavata
-
-Apache Airavata originated from the [Extreme Computing Lab][extreme] at [Indiana University][iu] then directed by [Dr. Dennis Gannon][dennis]. The concepts and initial versions of the code is a byproduct of over a dozen PhD dissertations and years of research and development efforts.  The software is initially envisioned to meet the challenging goals of the [Linked Environments for Atmospheric Discovery (LEAD) project.
-
-## LEAD Science Gateway 
-
-LEAD has pioneered new approaches for integrating, modeling, and mining complex weather data and Cyberinfrastructure systems to enable faster-than-real-time severe weather forecasts. 
-LEAD goals required to create a dynamically adaptive, on-demand, grid-enabled workflow system supporting long running applications and on-demand computing. LEAD has subsequently produced close to 450 research publications combined in all disciplines. The resulting software framework was built on the concepts of service oriented architectures powering the LEAD Gateway Portal.
-
-## Open Gateway Computing Environments
-
-The [Open Gateway Computing Environments (OGCE)][ogce] adopted the LEAD workflow suite generalized, enhanced, tested and maintained the software evolving into the OGCE workflow suite. OGCE has promoted collaborative software development through SourceForge and has worked together with various universities and Lanka Software Foundation in enriching and sustaining the software.
-
-## TeraGrid/XSEDE Science Gateway Programs
-
-The Science Gateways Program within [TeraGrid][teragrid] Grid Infrastructure Group and its follow on [Extreme Science and Engineering Discovery Environment(XSEDE)][xsede] has significantly contributed to the enrichment and wider adoption of the legacy versions of the Airavata software. These extensive usage by various science gateways has matured the software and building in fault tolerant capabilities. 
-
-## Acknowledgments
-
-### National Science Foundation
-
-The code donated to Airavata is developed by research grants to LEAD and OGCE projects funded by National Science Foundation awards [ATM-0331480][nsflead], [OCI-0721656][nsfogceold], [OCI-1032742][nsfogcenew] and [SCI-0503697][nsftggig]
-
-
-[extreme]: http://extreme.indiana.edu
-[iu]: http://indiana.edu/
-[dennis]: http://research.microsoft.com/en-us/people/degannon/
-[ogce]: http://ogce.org
-[teragrid]: https://www.teragrid.org/
-[xsede]: https://www.xsede.org/overview
-[nsflead]: http://www.nsf.gov/awardsearch/showAward.do?AwardNumber=0331480
-[nsfogceold]:  http://www.nsf.gov/awardsearch/showAward.do?AwardNumber=0721656
-[nsfogcenew]: http://www.nsf.gov/awardsearch/showAward.do?AwardNumber=1032742
-[nsftggig]: http://www.nsf.gov/awardsearch/showAward.do?AwardNumber=0503697
\ No newline at end of file
+  <div class="row">
+
+    <div class="col s4 center">
+        <img src="assets/img/airavata-logo.png" width="80%">
+    </div>
+    <div class="col s8">
+        <h3>Apache Airavata</h3>
+        <p>Apache Airavata originated from the <a target="_blank" href="http://extreme.indiana.edu">Extreme Computing Lab</a> at <a target="_blank" href="http://indiana.edu/">Indiana University</a> then directed by <a target="_blank" href="http://research.microsoft.com/en-us/people/degannon/">Dr. Dennis Gannon</a>. The concepts and initial versions of the code is a byproduct of over a dozen PhD dissertations and years of research and development efforts.  The software is initially envisioned to meet the challenging goals of the [Linked Environments for Atmospheric Discovery (LEAD) project.</p>
+    </div>
+
+    <div class="col s12 m9 l10 push-m3 push-l2">
+      <div id="legacy" class="section scrollspy">
+        <h2 class="header">Legacy</h2>
+        <h4>LEAD Sience Gateway</h4>
+        <p>
+            LEAD has pioneered new approaches for integrating, modeling, and mining complex weather data and Cyberinfrastructure systems to enable faster-than-real-time severe weather forecasts. 
+            LEAD goals required to create a dynamically adaptive, on-demand, grid-enabled workflow system supporting long running applications and on-demand computing. LEAD has subsequently produced close to 450 research publications combined in all disciplines. The resulting software framework was built on the concepts of service oriented architectures powering the LEAD Gateway Portal.
+        </p>
+
+        <h4>Open Gateway Computing Environments</h4>
+        <p>
+            The <a target="_blank" href="http://ogce.org">Open Gateway Computing Environments (OGCE)</a> adopted the LEAD workflow suite generalized, enhanced, tested and maintained the software evolving into the OGCE workflow suite. OGCE has promoted collaborative software development through SourceForge and has worked together with various universities and Lanka Software Foundation in enriching and sustaining the software.
+        </p>
+
+        <h4>TeraGrid/XSEDE Science Gateway Programs</h4>
+        <p>
+            The Science Gateways Program within <a target="_blank" href="https://www.teragrid.org/">TeraGrid</a> Grid Infrastructure Group and its follow on <a target="_blank" href="https://www.xsede.org/overview">Extreme Science and Engineering Discovery Environment(XSEDE)</a> has significantly contributed to the enrichment and wider adoption of the legacy versions of the Airavata software. These extensive usage by various science gateways has matured the software and building in fault tolerant capabilities.
+        </p>
+      </div>
+
+      <div id="roadmap" class="section scrollspy">
+        <h2 class="header">Roadmap</h2>
+        <h4>Acknowledgements</h4>
+        <p>
+            The code donated to Airavata is developed by research grants to LEAD and OGCE projects funded by National Science Foundation awards <a target="_blank" href="http://www.nsf.gov/awardsearch/showAward.do?AwardNumber=0331480">ATM-0331480</a>, <a target="_blank" href="http://www.nsf.gov/awardsearch/showAward.do?AwardNumber=0721656">OCI-0721656</a>, <a target="_blank" href="http://www.nsf.gov/awardsearch/showAward.do?AwardNumber=1032742">OCI-1032742</a> and <a target="_blank" href="http://www.nsf.gov/awardsearch/showAward.do?AwardNumber=0503697">SCI-0503697</a>
+        </p>
+      </div>
+    </div>
+
+    <div class="col hide-on-small-only m3 l2 pull-m9 pull-l10">
+      <div class="toc-wrapper pinned">
+        <div style="height: 1px;">
+          <ul class="section table-of-contents">
+            <li><a href="#legacy">Legacy</a></li>
+            <li><a href="#roadmap">Roadmap</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+
+  </div>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/e5bc1054/source/community.md
----------------------------------------------------------------------
diff --git a/source/community.md b/source/community.md
index a6b8216..8c0965c 100644
--- a/source/community.md
+++ b/source/community.md
@@ -1,54 +1,44 @@
 ---
-layout: default
-title: Community
+layout: page
+id: community
 ---
 
-  <!--Hero-->
-  <div class="section no-pad-bot">
-
-    <main>
-      <div class="container">
-
-        <div class="row">
-          <div class="col s12">
-              <h3>People working on Airavata</h3>
-              <p>
-                  Apache Airavata is a community developed project. The list below is a partial list of contributors to the project, for a complete list you'd have to look at all contributors to our issue tracker, mailing list and version control. All project management committee members are also committers of the Airavata project but not vise versa. Please see ASF Roles for explanation of these.</p>
-          </div>
-
-          <div class="col s12 m9 l10 push-m3 push-l2">
-                           
-             {% if site.data.team %}
-                <table class="table table-hover">
-                  <thead>
-                    <tr>
-                      <th>Name</th>
-                      <th>Apache ID</th>
-                      <th>Email</th>
-                      <th>Organization</th>
-                      <th>Roles</th>
-                      <th>Time Zone</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {% for member in site.data.team %}
-                      <tr>
-                        <th scope="row">{{ member.name }}</th>
-                        <td scope="row">{{ member.apache_id }}</td>
-                        <td scope="row">{{ member.email }}</td>
-                        <td scope="row">{{ member.organization }}</td>
-                        <td scope="row">{{ member.roles }}</td>
-                        <td scope="row">{{ member.time_zone }}</td>
-                      </tr>
-                    {% endfor %}
-                  </tbody>
-                </table>
-            {% endif %}
+<div class="row">
+  <div class="col s12">
+      <h3>People working on Airavata</h3>
+      <p>
+          Apache Airavata is a community developed project. The list below is a partial list of contributors to the project, for a complete list you'd have to look at all contributors to our issue tracker, mailing list and version control. All project management committee members are also committers of the Airavata project but not vise versa. Please see ASF Roles for explanation of these.</p>
+  </div>
 
-          </div>
+  <div class="col s12 ">
+                   
+     {% if site.data.team %}
+        <table class="table table-hover">
+          <thead>
+            <tr>
+              <th>Name</th>
+              <th>Apache ID</th>
+              <th>Email</th>
+              <th>Organization</th>
+              <th>Roles</th>
+              <th>Time Zone</th>
+            </tr>
+          </thead>
+          <tbody>
+            {% for member in site.data.team %}
+              <tr>
+                <th scope="row">{{ member.name }}</th>
+                <td scope="row">{{ member.apache_id }}</td>
+                <td scope="row">{{ member.email }}</td>
+                <td scope="row">{{ member.organization }}</td>
+                <td scope="row">{{ member.roles }}</td>
+                <td scope="row">{{ member.time_zone }}</td>
+              </tr>
+            {% endfor %}
+          </tbody>
+        </table>
+    {% endif %}
 
-        </div>
-      </div>
-    </main>
   </div>
 
+</div>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/e5bc1054/source/consensusBuilding.html
----------------------------------------------------------------------
diff --git a/source/consensusBuilding.html b/source/consensusBuilding.html
new file mode 100644
index 0000000..d8cd2af
--- /dev/null
+++ b/source/consensusBuilding.html
@@ -0,0 +1,42 @@
+---
+layout: page
+title: Building Consensus 
+---
+
+<p>In some cases there is no obvious path to take, or you might be a new community, 
+or a new member of an existing community. In these cases people will often 
+need to build consensus by making proposals and eliciting responses.</p>
+<p>We want to avoid unnecessary discussion and the creation of significant
+amounts of unnecessary mail that everyone in the community needs to read. 
+That is not to say that we want to avoid constructive discussion. This is 
+the lifeblood of a successful project. However, many ASF projects adopt a 
+shorthand notation for showing support, or otherwise, for a proposal.</p>
+<h2 id="expressing-support-or-otherwise">Expressing support (or otherwise)</h2>
+<p>The notation used is "+1", "-1" and "0". It's also common to see "+0" and "-0".</p>
+<p>So, what do these notations mean?</p>
+<ul>
+<li>+1 means "I agree with this and will help make it happen"</li>
+<li>+0 means "I agree with this but probably won't make it happen, so my 
+opinion is not that important"</li>
+<li>-0 means "I don't agree with this, but I'm offering no alternative so 
+my opinion is not that important"</li>
+<li>-1 means "I don't agree and I am offering an alternative that I am able 
+to help implement"</li>
+</ul>
+<p>Many people will use fractions to indicate the strength of their feelings,
+ e.g. "+0.5". Some will even indicate this is a "no brainer" with something 
+like "+1000".</p>
+<p>The important thing is that this is not an exact science. It's just a shorthand 
+way of communicating strength of feeling.</p>
+<h2 id="consensus-building-is-not-voting">Consensus Building is Not Voting</h2>
+<p>The confusing thing about this notation is that it is the same notation
+used in a formal vote. Knowing when something is a vote and when it is a 
+preference is important. It's easy to tell though, if the subject does not have 
+"[Vote]" at the start then it's just an opinion. We try not to call votes,
+consensus building is much more inclusive.</p>
+<p>The reasons for this notation being common is 
+that when someone wants to summarise a discussion thread they can mentally 
+add up the strength of feeling of the community and decide if there is consensus
+or not.</p>
+<p>Once there is a clear consensus members of the community can proceed with 
+the work under the <a href="/docs/governance/lazyConsensus.html">lazy consensus</a> model.</p>

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/e5bc1054/source/get-involved.md
----------------------------------------------------------------------
diff --git a/source/get-involved.md b/source/get-involved.md
index f2e0e8a..ba82b75 100644
--- a/source/get-involved.md
+++ b/source/get-involved.md
@@ -1,71 +1,120 @@
 ---
-layout: default
-title: Get-Involved
+layout: page
+id: get-involved
 ---
 
-<!--Hero-->
-<div class="section no-pad-bot">
+<div class="row">
+
+  <div class="col s12 m4">
+      <img src="assets/img/contribute.png" width="100%">
+  </div>
+  <div class="col s12 m8">
+      <h3>Contribute to OpenSource</h3>
+      <p>
+          You don't need to be a software developer to contribute to Apache Airavata. To be successful this project requires a huge range of different skills, levels of involvement and degrees of technical expertise. So, if you want to get involved in Apache Airavata, there is almost certainly a role for you.
+
+      </p>
+  </div>
+
+  <div class="col s12 m9 l10 push-m3 push-l2">
+    <div id="legacy" class="section scrollspy">
+      <h2 class="header">Who can contribute</h2>
+      <h4> We are looking for people to:</h4>
+      <p>
+         <ol>
+            <li>provide feedback</li>
+            <li>write or update documentation</li>
+            <li>help new users</li>
+            <li>recommend the project to others</li>
+            <li>test the code and report bugs</li>
+            <li>fix bugs and <a href="/community/submit-patch.html">submit patches</a></li>
+            <li>give us feedback on required features</li>
+            <li>write and update the software</li>
+            <li>create artwork</li>
+            <li>translate to different languages</li>
+            <li>anything you can see that needs doing</li>
+          </ol>
+      </p>
+
+      <h4>Mailing Lists</h4>
+      <p>Your first engagement with the project should be to subscribe to our <a href="/community/mailing-lists.html">mailing lists</a>.</p>
+
+      <h4>Decision Making</h4>
+      <p>
+          The most important thing about engaging with any Apache project is that everyone is equal. All people with an opinion are entitled to express that opinion and, where appropriate, have it considered by the community.
+      </p>
+
+      <p>
+          To some the idea of having to establish consensus in a large and distributed team sounds inefficient and frustrating. Don't despair though, The Apache Way has a set of simple processes to ensure things proceed at a good pace.
+      </p>
+
+      <p>
+          In ASF projects we don't like to vote. We reserve that for the few things that need official approval for legal or process reasons (e.g. a release or a new committer). Most of the time we work with the consensus building techniques documented below.
+      </p>
+
+      <h4>Lazy Consensus</h4>
+      <p>
+        <a href="lazy-consensus.html">Lazy consensus</a> is the first, and possibly the most important, consensus building tool we have. Essentially lazy consensus means that you don't need to get explicit approval to proceed, but you need to be prepared to listen if someone objects.
+      </p>
+
+      <h4>Consensus Building</h4>
+      <p>
+        Sometimes lazy consensus is not appropriate. In such cases it is necessary to make a proposal to the mailing list and discuss options. There are mechanisms for quickly showing your support or otherwise for a proposal and <a href="consensusBuilding.html">building consensus</a> amongst the community.
+      </p>
+
+      <p>
+        Once there is a consensus people can proceed with the work under the <a href="lazy-consensus.html">lazy consensus</a> model.
+      </p>
+
+      <h4>Voting</h4>
+      <p>
+        Occasionally a "feel" for consensus is not enough. Sometimes we need to have a measurable consensus. For example, when voting in new committers or to approve a release.
+      </p>
 
-<main><div class="container">
 
-  <div class="row">
 
-    <div class="col s12 m4">
-        <img src="assets/img/contribute.png" width="100%">
-    </div>
-    <div class="col s12 m8">
-        <h3>Contribute to OpenSource</h3>
-        <p>
-            It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here'.</p>
     </div>
 
-    <div class="col s12 m9 l10 push-m3 push-l2">
-      <div id="legacy" class="section scrollspy">
-        <h2 class="header">Who can contribute</h2>
-        <h4>Title 1</h4>
-        <p>
-            It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
-        </p>
-
-        <h4>Title 2</h4>
-        <p>
-            It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
-        </p>
-
-        <h4>Title 3</h4>
-        <p>
-            It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
-        </p>
-      </div>
+    <div id="roadmap" class="section scrollspy">
+      <h2 class="header">How to contribute</h2>
+
+        <h4 id="apache-airavata-contribution-guide">Apache Airavata Contribution Guide</h4>
+        <p>Welcome and thank you for your interest in contributing to Apache Airavata! This guide will take you through the process of making contributions to the airavata code base.</p>
+        <h4 id="engage-with-the-community">Engage with the community</h4>
+        <p>Identify an issue or documentation that you want to fix or improve. Search <a href="https://issues.apache.org/jira/browse/airavata">JIRA</a> and the mailing list to see if it’s already been discussed.    </p>
+        <h4 id="create-an-issue-in-jira">Create an issue in JIRA</h4>
+        <p>If it’s a bug or a feature request, open a JIRA issue. Create a sample that you can use for prototyping the feature or demonstrating the bug. If creating a sample is time consuming, write steps to reproduce the issue. Attach this sample to the JIRA issue if it’s representing a bug report.   </p>
+        <h4 id="create-a-pull-request-in-github">Create a pull request in GitHub</h4>
+        <p><a href="/development/source.html">Checkout</a> the source code. Create a pull request (PR) in GitHub for the change you're interested in making. The comment section of the PR must contain a link to the JIRA issue. Please also reference the issue in the commit message, and make sure it properly describes the changes that have been made and their purpose.</p>
+        <p>Some good references for working with GitHub are below. We ask that you keep your change rebased to master as much as possible, and we will ask you to rebase again if master has moved before accepting your patch.   </p>
+        <ul>
+        <li><a href="https://help.github.com/articles/set-up-git">Setting Up Git with GitHub</a></li>
+        <li><a href="https://help.github.com/articles/fork-a-repo">Forking a Repository</a></li>
+        <li><a href="https://help.github.com/articles/using-pull-requests">Submitting Pull Requests</a></li>
+        <li><a href="https://help.github.com/articles/about-git-rebase">Rebasing your Branch</a>    </li>
+        </ul>
+        <h4 id="comment-the-issue-in-jira">Comment the issue in JIRA</h4>
+        <p>Finally, add a comment in the JIRA issue with a link to the pull request so we know the code is ready to be reviewed.   </p>
+        <h4 id="the-review-process">The review process</h4>
+        <p>The airavata community will need to review your pull request before it is merged. If we are slow to respond, feel free to also email the dev mailing list: dev@airavata.apache.org.    </p>
+        <p>During the review process you may be asked to make some changes to your submission. While working through feedback, it can be beneficial to create new commits so the incremental change is obvious. This can also lead to a complex set of commits, and having an atomic change per commit is preferred in the end. Use your best judgement and work with your reviewer as to when you should revise a commit or create a new one.</p>
+        <p>A pull request is considered ready to be merged once it gets at lease one +1 from a reviewer. Once all the changes have been completed and the pull request is accepted, it must be rebased to the latest upstream version. It is also a good idea to squash all the commits into a single one, since this will allow us to generate a clean patch and merge it properly.</p>
+        <h4 id="accepting-contributions">Accepting Contributions</h4>
+        <p>Developers with Airavata Commit access should read <a href="how-to-commit-contributed-code.html">Accepting Contribtions</a> on steps to accept the contributed code</p>
 
-      <div id="roadmap" class="section scrollspy">
-        <h2 class="header">How to contribute</h2>
-        <h4>Title 4</h4>
-        <p>
-            It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
-        </p>
-
-        <h4>Title 5</h4>
-        <p>
-            It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
-        </p>
-      </div>
     </div>
+  </div>
 
-    <div class="col hide-on-small-only m3 l2 pull-m9 pull-l10">
-      <div class="toc-wrapper pinned">
-        <div style="height: 1px;">
-          <ul class="section table-of-contents">
-            <li><a href="#legacy">Who can contribute</a></li>
-            <li><a href="#roadmap">How to contribute</a></li>
-          </ul>
-        </div>
+  <div class="col hide-on-small-only m3 l2 pull-m9 pull-l10">
+    <div class="toc-wrapper pinned">
+      <div style="height: 1px;">
+        <ul class="section table-of-contents">
+          <li><a href="#legacy">Who can contribute</a></li>
+          <li><a href="#roadmap">How to contribute</a></li>
+        </ul>
       </div>
     </div>
-
   </div>
-</div>
 
-
-    </main>
+</div>
 

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/e5bc1054/source/lazy-consensus.md
----------------------------------------------------------------------
diff --git a/source/lazy-consensus.md b/source/lazy-consensus.md
new file mode 100644
index 0000000..7a33b99
--- /dev/null
+++ b/source/lazy-consensus.md
@@ -0,0 +1,47 @@
+---
+layout: page
+title: Lazy Consensus 
+---
+
+<p>The concept of "Lazy Consensus" is very important in any apache project. Lazy
+Consensus means that when you are convinced that you know what the community
+would like to see happen you can simply assume that you already have consensus
+and get on with the work. You don't have to insist people discuss and/or
+approve your plan, and you certainly don't need to call a vote to get approval.
+You just assume you have the community's support unless someone says otherwise.</p>
+<p>We have a time machine (Subversion), this means that as long as you commit 
+(or submit patches) early and often the community has plenty of opportunity 
+to indicate disapproval. If you believe the community will support your action
+you can operate on lazy consensus as long as you are prepared to roll back 
+any work should a valid objection is raised.</p>
+<h2 id="avoiding-unnecessary-discussion">Avoiding Unnecessary Discussion</h2>
+<p>The key thing about lazy consensus is that it's easier for people to agree,
+by doing nothing, than it is to object, which requires an
+alternative to be proposed. This has two effects, firstly people are less 
+likely to object for the sake of it and secondly it cuts down on the amount 
+of unnecessary mail traffic and discussion.</p>
+<p>Lazy consensus means we can avoid waiting for a community based decision 
+before proceeding. However, it does require everyone who cares for the health
+of the project to watch what is happening, as it is happening. Objecting too 
+far down the road will cause upset, but objecting (or asking for clarification 
+of intent) early is likely to be greeted with relief that someone is watching
+and cares.</p>
+<h2 id="stating-lazy-consensus">Stating Lazy Consensus</h2>
+<p>Sometimes a member of the community will believe a specific action is the correct 
+one for the community but are not sure enough to proceed with the work under the 
+lazy consensus model. In these circumstances they can state Lazy Consensus is in 
+operation.</p>
+<p>What this means is that they make a proposal and state that they will start 
+implementing it in 72 hours unless someone objects. 72 hours is chosen because
+it accounts for different timezones and non-apache commitments.</p>
+<p>In this approach the original proposal is not insisting that there is a discussion
+around their proposal, nor are they requesting that the community explicitly 
+supports their actions. However, this differs from assuming lazy consensus 
+since it allows space and time to <a href="/community/governance/consensusBuilding.html">express support or objections</a> and corrections to 
+the proposal before work begins. </p>
+<h2 id="silence-is-consent">Silence is consent</h2>
+<p>People may choose to indicate their support for the actions taken with a +1 
+mail - quick and easy to read and reassuring for the implementer. However, 
+remember, in a lazy consensus world silence is the equivalent to support. This
+can take some time to get used to.</p>
+   </article>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/e5bc1054/source/learning.md
----------------------------------------------------------------------
diff --git a/source/learning.md b/source/learning.md
index 4ca2704..71c6bb4 100644
--- a/source/learning.md
+++ b/source/learning.md
@@ -1,11 +1,12 @@
 ---
-layout: default
+layout: page
 title: Learning
+id: learning
 ---
 
-<!--Hero-->
-<div class="section no-pad-botx">
-    <div class="container">
+
+<div class="row">
+    <div class="col s12">
         <h1 class="center">
             <img src="assets/img/airavata-architecture.png" style="border-radius:100px"/>
         </h1>
@@ -13,100 +14,85 @@ title: Learning
             Airavata Architecture
         </h6>
     </div>
-    <!--<h1 class="text_h center header cd-headline letters type">
-        <span>I Love</span> 
-        <span class="cd-words-wrapper waiting">
-            <b class="is-visible">creating</b>
-            <b>designing</b>
-            <b>developing</b>
-        </span>
-    </h1>-->
 </div>
 
 <!--Resources-->
 <div id="intro" class="section scrollspy">
-    <div class="container">
-        <div class="row">
-            <div  class="col s12">
-                <h2 class="center header text_h2"><span class="span_h2"> Resources  </span></h2>
-                <h4 class="center header text_h2"><span class="span_h4"> You can start learning Airavata today the way it is easiest for you! </span></h4>
-                 <div class="divider"></div>
-            </div>
-
-            <div class="row"  id="documentation">
-                <div  class="col s12 m6">
-                    <div class="card medium">
-                        <div class="card-image waves-effect waves-block waves-light">
-                            <img class="activator" src="assets/img/documentation.jpg">
-                        </div>
-                        <div class="card-content">
-                            <span class="card-title activator grey-text text-darken-4">Sub Title<i class="mdi-navigation-more-vert right"></i></span>
-                            <p><a href="#">This is a link</a></p>
-                        </div>
-                        <div class="card-reveal">
-                            <span class="card-title grey-text text-darken-4">Card Title<i class="material-icons right">close</i></span>
-                            <p>Here is some more information about this product that is only revealed once clicked on.</p>
-                        </div>
-                    </div>
+    <div  class="col s12">
+        <h2 class="center header text_h2"><span class="span_h2"> Resources  </span></h2>
+        <h4 class="center header text_h2"><span class="span_h4"> You can start learning Airavata today the way it is easiest for you! </span></h4>
+         <div class="divider">
+         </div>
+    </div>
+    <div class="row"  id="documentation">
+        <div  class="col s12 m6">
+            <div class="card medium">
+                <div class="card-image waves-effect waves-block waves-light">
+                    <img class="activator" src="assets/img/documentation.jpg">
+                </div>
+                <div class="card-content">
+                    <span class="card-title activator grey-text text-darken-4">Sub Title<i class="mdi-navigation-more-vert right"></i></span>
+                    <p><a href="#">This is a link</a></p>
                 </div>
-                <div class="col s12 m6">
-                    <div class=" promo promo-example">
-                        <h5 class="promo-caption">Documentation</h5>
-                        <p class="light">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
-                    </div>
+                <div class="card-reveal">
+                    <span class="card-title grey-text text-darken-4">Card Title<i class="material-icons right">close</i></span>
+                    <p>Here is some more information about this product that is only revealed once clicked on.</p>
                 </div>
             </div>
-
-            <div class="row" id="course">
-                <div class="col s12 m6">
-                    <div class=" promo promo-example">
-                        <h5 class="promo-caption">Airavata Course</h5>
-                        <p class="light">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
-                    </div>
+        </div>
+        <div class="col s12 m6">
+            <div class=" promo promo-example">
+                <h5 class="promo-caption">Documentation</h5>
+                <p class="light">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
+            </div>
+        </div>
+    </div>
+    <div class="row" id="course">
+        <div class="col s12 m6">
+            <div class=" promo promo-example">
+                <h5 class="promo-caption">Airavata Course</h5>
+                <p class="light">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
+            </div>
+        </div>
+        <div  class="col s12 m6">
+            <div class="card medium">
+                <div class="card-image waves-effect waves-block waves-light">
+                    <img class="activator" src="assets/img/course.jpg">
                 </div>
-
-                <div  class="col s12 m6">
-                    <div class="card medium">
-                        <div class="card-image waves-effect waves-block waves-light">
-                            <img class="activator" src="assets/img/course.jpg">
-                        </div>
-                        <div class="card-content">
-                            <span class="card-title activator grey-text text-darken-4">Sub Title<i class="mdi-navigation-more-vert right"></i></span>
-                            <p><a href="#">This is a link</a></p>
-                        </div>
-                        <div class="card-reveal">
-                            <span class="card-title grey-text text-darken-4">Sub Title<i class="material-icons right">close</i></span>
-                            <p>Here is some more information about this product that is only revealed once clicked on.</p>
-                        </div>
-                    </div>
+                <div class="card-content">
+                    <span class="card-title activator grey-text text-darken-4">Sub Title<i class="mdi-navigation-more-vert right"></i></span>
+                    <p><a href="#">This is a link</a></p>
+                </div>
+                <div class="card-reveal">
+                    <span class="card-title grey-text text-darken-4">Sub Title<i class="material-icons right">close</i></span>
+                    <p>Here is some more information about this product that is only revealed once clicked on.</p>
                 </div>
             </div>
-
-            <div class="row" id="tutorials">
-                <div  class="col s12 m6">
-                    <div class="card medium">
-                        <div class="card-image waves-effect waves-block waves-light">
-                            <img class="activator" src="assets/img/tutorials.jpg">
-                        </div>
-                        <div class="card-content">
-                            <span class="card-title activator grey-text text-darken-4">Card Title<i class="mdi-navigation-more-vert right"></i></span>
-                            <p><a href="#">This is a link</a></p>
-                        </div>
-                        <div class="card-reveal">
-                            <span class="card-title grey-text text-darken-4">Card Title<i class="material-icons right">close</i></span>
-                            <p>Here is some more information about this product that is only revealed once clicked on.</p>
-                        </div>
-                    </div>
+        </div>
+    </div>
+    <div class="row" id="tutorials">
+        <div  class="col s12 m6">
+            <div class="card medium">
+                <div class="card-image waves-effect waves-block waves-light">
+                    <img class="activator" src="assets/img/tutorials.jpg">
                 </div>
-                <div class="col s12 m6">
-                    <div class=" promo promo-example">
-                        <h5 class="promo-caption">Tutorials</h5>
-                        <p class="light">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
-                    </div>
+                <div class="card-content">
+                    <span class="card-title activator grey-text text-darken-4">Card Title<i class="mdi-navigation-more-vert right"></i></span>
+                    <p><a href="#">This is a link</a></p>
+                </div>
+                <div class="card-reveal">
+                    <span class="card-title grey-text text-darken-4">Card Title<i class="material-icons right">close</i></span>
+                    <p>Here is some more information about this product that is only revealed once clicked on.</p>
                 </div>
             </div>
-
+        </div>
+        <div class="col s12 m6">
+            <div class=" promo promo-example">
+                <h5 class="promo-caption">Tutorials</h5>
+                <p class="light">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
+            </div>
         </div>
     </div>
+
 </div>
 


Mime
View raw message