airavata-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From build...@apache.org
Subject svn commit: r858732 [2/6] - in /websites/staging/airavata/trunk/content: ./ about/ architecture/ community/ community/governance/ css/ development/ documentation/ documentation/gfac/ documentation/messenger/ documentation/registry/ documentation/tutori...
Date Tue, 16 Apr 2013 18:45:01 GMT
Modified: websites/staging/airavata/trunk/content/architecture/workflow.html
==============================================================================
--- websites/staging/airavata/trunk/content/architecture/workflow.html (original)
+++ websites/staging/airavata/trunk/content/architecture/workflow.html Tue Apr 16 18:45:00 2013
@@ -1,4 +1,4 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE html>
 <html>
 <head>
 <!--
@@ -18,76 +18,79 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 -->
-  <link href="/css/airavata.css" rel="stylesheet" type="text/css">
   <title>Airavata Workflow Suite</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.min.css">
+    <style type="text/css">
+	  body {
+		  padding-top: 5px;
+		  padding-bottom: 40px;
+	  }
+	  .sidebar-nav {
+		  padding: 9px 0;
+	  }
+	   @media (max-width: 980px) {
+	  /* Enable use of floated navbar text */
+	  .navbar-text.pull-right {
+		  float: none;
+		  padding-left: 5px;
+		  padding-right: 5px;
+	  }
+	  }
+	</style>
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap-responsive.min.css">
+    
+    
+    <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements.  See the NOTICE file distributed with this work for additional information regarding copyright ownership.  The ASF licenses this file to you under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License.  You may obtain a copy of the License at . http://www.apache.org/licenses/LICENSE-2.0 . Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  See the License for the specific language governing permissions and limitations under the License. -->
 </head>
 
-<body>
-  <div id="banner">
-    <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
-    <div id="bannertext">
-      <img id="logo-text"  alt="Apache Airavata" src="/images/airavata-title-text.png" />
-      </div><br />
-  </div>
-
-  <div id="topnav">
-      <div class="topnavleft">
-          <ul>
-              <!--<li><a href="http:.html">Top Link A</a></li>
-              <li><a href="http:.html">Top Link B</a></li>
-              <li><a href="http:.html">Top Link C</a></li>-->
-          </ul>
-      </div>
-
-      <div class="topnavright">
-          <!--Search box-->
-      </div>
-  </div>
-
-  <div id="navigation">
-  <h1 id="about-airavata">About Airavata</h1>
-<ul>
-<li><a href="/index.html">Home</a></li>
-<li><a href="/about/downloads.html">Downloads</a></li>
-<li><a href="/about/license.html">License</a></li>
-<li><a href="/about/history.html">Legacy</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/development/source.html">Source Code</a></li>
-<li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
-<li><a href="/development/roadmap.html">Road Map</a></li>
-<li><a href="/tools/devtools.html">Dev Tools</a></li>
-<li><a href="/development/edit-cms-website.html">Editing Website</a></li>
-<li><a href="/development/release-management.html">Release Management</a></li>
-</ul>
-<h1 id="documentation">Documentation</h1>
-<ul>
-<li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
-<li><a href="/architecture/overview.html">Architecture</a></li>
-<li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
-<li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/community/people.html">People</a></li>
-<li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/community/get-involved.html">Get Involved</a></li>
-<li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
-
-  <div id="content">
-    <h1 class="title">Airavata Workflow Suite</h1>
-    <p>Airavata XBaya workflow system provides a programming model that allows the scientist to program experiments using 
+<body>  
+    <header class="row page-header">
+      <div class="span9 pagination-centered">
+          <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
+      	  <img id="logo-text"  alt="Apache Airavata&trade;" class="logo" src="/images/airavata-title-text.png" />          
+          <!--<h1 class="title">Airavata Workflow Suite</h1>-->
+      </div>      
+    </header>
+    
+    <div class="container-fluid">
+      <div class="row-fluid">
+        <div class="span2">
+          <div class="well sidebar-nav">
+            <ul class="nav nav-list">
+              <li class="nav-header">About Airavata</li>
+              <li class="active"><a href="/index.html">Home</a></li>
+              <li><a href="/about/downloads.html">Downloads</a></li>
+              <li><a href="/about/license.html">License</a></li>
+              <li><a href="/about/history.html">Legacy</a></li>        
+            <li class="nav-header">Development</li>
+              <li><a href="/development/source.html">Source Code</a></li>
+              <li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
+              <li><a href="/tools/devtools.html">Dev Tools</a></li>
+              <li><a href="/development/edit-cms-website.html">Editing Website</a></li>
+              <li><a href="/development/release-management.html">Release Management</a></li>
+            <li class="nav-header">Documentation</li>
+              <li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
+              <li><a href="/architecture/overview.html">Architecture</a></li>
+              <li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
+              <li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
+            <li class="nav-header">Community</li>
+              <li><a href="/community/people.html">People</a></li>
+              <li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
+              <li><a href="/community/get-involved.html">Get Involved</a></li>
+              <li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
+            <li class="nav-header">ASF</li>
+              <li><a href="http://www.apache.org">Apache Software Foundation</a></li>
+              <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+              <li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
+              <li><a href="http://www.apache.org/security/">Security</a></li>
+           </ul>
+          </div><!--/.well --> 
+      </div><!--/span-->
+      <div class="span10">
+      	<section id="content" class="row">
+        	<article class="span10">
+          	<p>Airavata XBaya workflow system provides a programming model that allows the scientist to program experiments using 
 service-oriented architecture that would abstract the complexities of the underlying middleware. Airavata XBaya provides
 interfaces for composition, execution and monitoring of the workflows as illustrated in the following Figure. Airavata
 XBaya consist of convenient GUI interface for workflow composition, workflow enactment engine/interface for workflow
@@ -148,23 +151,21 @@ service will publish status notification
 instance. This asynchronous monitoring is truly asynchronous where the user can launch the workflow, start monitoring,
 loose internet connectivity and once reconnected the XBaya workbench will bring back the monitoring to the current
 execution state of the workflow.</p>
-  </div>
-
-  <!--<div id="rightnav">
-      <p>This is the right navigation column with border.</p>
-      <p>You can put a search box here.</p>
-  </div>-->
-
-  <div id="footer">
-    <div class="copyright">
-      <p>
-        Copyright &copy; 2012 The Apache Software Foundation, Licensed under
-        the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
-        <br />
-        Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
-      </p>
-    </div>
-  </div>
-
+        	</article>
+    	</section>
+      </div><!--/span-->
+    </div><!--/row-fluid-->
+  </div><!--/container-fluid-->
+ 
+ <footer class="footer" align="center">
+	<div class="container">
+    	<p>Copyright &copy; 2013 The Apache Software Foundation, Licensed under the 
+        	<a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.<br />
+          	Apache Airavata, Apache, the Apache feather logo are trademarks of The Apache Software Foundation.</p>
+  	</div>
+  </footer>
+  
+  <script src="/js/jquery-1.9.1.min.js"></script> 
+  <script src="/js/bootstrap.min.js"></script>
 </body>
 </html>

Modified: websites/staging/airavata/trunk/content/architecture/ws-messenger.html
==============================================================================
--- websites/staging/airavata/trunk/content/architecture/ws-messenger.html (original)
+++ websites/staging/airavata/trunk/content/architecture/ws-messenger.html Tue Apr 16 18:45:00 2013
@@ -1,4 +1,4 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE html>
 <html>
 <head>
 <!--
@@ -18,76 +18,79 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 -->
-  <link href="/css/airavata.css" rel="stylesheet" type="text/css">
   <title>WS-Messenger System</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.min.css">
+    <style type="text/css">
+	  body {
+		  padding-top: 5px;
+		  padding-bottom: 40px;
+	  }
+	  .sidebar-nav {
+		  padding: 9px 0;
+	  }
+	   @media (max-width: 980px) {
+	  /* Enable use of floated navbar text */
+	  .navbar-text.pull-right {
+		  float: none;
+		  padding-left: 5px;
+		  padding-right: 5px;
+	  }
+	  }
+	</style>
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap-responsive.min.css">
+    
+    
+    <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements.  See the NOTICE file distributed with this work for additional information regarding copyright ownership.  The ASF licenses this file to you under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License.  You may obtain a copy of the License at . http://www.apache.org/licenses/LICENSE-2.0 . Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  See the License for the specific language governing permissions and limitations under the License. -->
 </head>
 
-<body>
-  <div id="banner">
-    <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
-    <div id="bannertext">
-      <img id="logo-text"  alt="Apache Airavata" src="/images/airavata-title-text.png" />
-      </div><br />
-  </div>
-
-  <div id="topnav">
-      <div class="topnavleft">
-          <ul>
-              <!--<li><a href="http:.html">Top Link A</a></li>
-              <li><a href="http:.html">Top Link B</a></li>
-              <li><a href="http:.html">Top Link C</a></li>-->
-          </ul>
-      </div>
-
-      <div class="topnavright">
-          <!--Search box-->
-      </div>
-  </div>
-
-  <div id="navigation">
-  <h1 id="about-airavata">About Airavata</h1>
-<ul>
-<li><a href="/index.html">Home</a></li>
-<li><a href="/about/downloads.html">Downloads</a></li>
-<li><a href="/about/license.html">License</a></li>
-<li><a href="/about/history.html">Legacy</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/development/source.html">Source Code</a></li>
-<li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
-<li><a href="/development/roadmap.html">Road Map</a></li>
-<li><a href="/tools/devtools.html">Dev Tools</a></li>
-<li><a href="/development/edit-cms-website.html">Editing Website</a></li>
-<li><a href="/development/release-management.html">Release Management</a></li>
-</ul>
-<h1 id="documentation">Documentation</h1>
-<ul>
-<li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
-<li><a href="/architecture/overview.html">Architecture</a></li>
-<li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
-<li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/community/people.html">People</a></li>
-<li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/community/get-involved.html">Get Involved</a></li>
-<li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
-
-  <div id="content">
-    <h1 class="title">WS-Messenger System</h1>
-    <p>Airavata WS-Messenger is a Web Services-based Messaging System for Service-Oriented Computing and is
+<body>  
+    <header class="row page-header">
+      <div class="span9 pagination-centered">
+          <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
+      	  <img id="logo-text"  alt="Apache Airavata&trade;" class="logo" src="/images/airavata-title-text.png" />          
+          <!--<h1 class="title">WS-Messenger System</h1>-->
+      </div>      
+    </header>
+    
+    <div class="container-fluid">
+      <div class="row-fluid">
+        <div class="span2">
+          <div class="well sidebar-nav">
+            <ul class="nav nav-list">
+              <li class="nav-header">About Airavata</li>
+              <li class="active"><a href="/index.html">Home</a></li>
+              <li><a href="/about/downloads.html">Downloads</a></li>
+              <li><a href="/about/license.html">License</a></li>
+              <li><a href="/about/history.html">Legacy</a></li>        
+            <li class="nav-header">Development</li>
+              <li><a href="/development/source.html">Source Code</a></li>
+              <li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
+              <li><a href="/tools/devtools.html">Dev Tools</a></li>
+              <li><a href="/development/edit-cms-website.html">Editing Website</a></li>
+              <li><a href="/development/release-management.html">Release Management</a></li>
+            <li class="nav-header">Documentation</li>
+              <li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
+              <li><a href="/architecture/overview.html">Architecture</a></li>
+              <li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
+              <li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
+            <li class="nav-header">Community</li>
+              <li><a href="/community/people.html">People</a></li>
+              <li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
+              <li><a href="/community/get-involved.html">Get Involved</a></li>
+              <li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
+            <li class="nav-header">ASF</li>
+              <li><a href="http://www.apache.org">Apache Software Foundation</a></li>
+              <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+              <li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
+              <li><a href="http://www.apache.org/security/">Security</a></li>
+           </ul>
+          </div><!--/.well --> 
+      </div><!--/span-->
+      <div class="span10">
+      	<section id="content" class="row">
+        	<article class="span10">
+          	<p>Airavata WS-Messenger is a Web Services-based Messaging System for Service-Oriented Computing and is
 an implementation of <a href="http://www.oasis-open.org/committees/wsn/">WS-Notification</a> and <a href="http://www.w3.org/Submission/WS-Eventing/">WS-Eventing</a> specifications. The message format 
 can be automatically converted between the two specifications. The subscription request type
 (Ws-Notification or WS-Eventing) for a listener determines the message format that the notification 
@@ -142,23 +145,21 @@ XBaya is instrumented to react to the me
 <em> Then workflow notifiers in XBaya send the notifications using the same topic to the message broker.
 </em> Individual application services created by GFac are instrumented to publish detailed status and send progress to the EPR received in workflow execution context.
 * XBaya translates the messages into graphical colors and input and output extractions.</p>
-  </div>
-
-  <!--<div id="rightnav">
-      <p>This is the right navigation column with border.</p>
-      <p>You can put a search box here.</p>
-  </div>-->
-
-  <div id="footer">
-    <div class="copyright">
-      <p>
-        Copyright &copy; 2012 The Apache Software Foundation, Licensed under
-        the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
-        <br />
-        Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
-      </p>
-    </div>
-  </div>
-
+        	</article>
+    	</section>
+      </div><!--/span-->
+    </div><!--/row-fluid-->
+  </div><!--/container-fluid-->
+ 
+ <footer class="footer" align="center">
+	<div class="container">
+    	<p>Copyright &copy; 2013 The Apache Software Foundation, Licensed under the 
+        	<a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.<br />
+          	Apache Airavata, Apache, the Apache feather logo are trademarks of The Apache Software Foundation.</p>
+  	</div>
+  </footer>
+  
+  <script src="/js/jquery-1.9.1.min.js"></script> 
+  <script src="/js/bootstrap.min.js"></script>
 </body>
 </html>

Modified: websites/staging/airavata/trunk/content/community/get-involved.html
==============================================================================
--- websites/staging/airavata/trunk/content/community/get-involved.html (original)
+++ websites/staging/airavata/trunk/content/community/get-involved.html Tue Apr 16 18:45:00 2013
@@ -1,4 +1,4 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE html>
 <html>
 <head>
 <!--
@@ -18,76 +18,79 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 -->
-  <link href="/css/airavata.css" rel="stylesheet" type="text/css">
   <title>Get Involved</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.min.css">
+    <style type="text/css">
+	  body {
+		  padding-top: 5px;
+		  padding-bottom: 40px;
+	  }
+	  .sidebar-nav {
+		  padding: 9px 0;
+	  }
+	   @media (max-width: 980px) {
+	  /* Enable use of floated navbar text */
+	  .navbar-text.pull-right {
+		  float: none;
+		  padding-left: 5px;
+		  padding-right: 5px;
+	  }
+	  }
+	</style>
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap-responsive.min.css">
+    
+    
+    <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements.  See the NOTICE file distributed with this work for additional information regarding copyright ownership.  The ASF licenses this file to you under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License.  You may obtain a copy of the License at . http://www.apache.org/licenses/LICENSE-2.0 . Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  See the License for the specific language governing permissions and limitations under the License. -->
 </head>
 
-<body>
-  <div id="banner">
-    <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
-    <div id="bannertext">
-      <img id="logo-text"  alt="Apache Airavata" src="/images/airavata-title-text.png" />
-      </div><br />
-  </div>
-
-  <div id="topnav">
-      <div class="topnavleft">
-          <ul>
-              <!--<li><a href="http:.html">Top Link A</a></li>
-              <li><a href="http:.html">Top Link B</a></li>
-              <li><a href="http:.html">Top Link C</a></li>-->
-          </ul>
-      </div>
-
-      <div class="topnavright">
-          <!--Search box-->
-      </div>
-  </div>
-
-  <div id="navigation">
-  <h1 id="about-airavata">About Airavata</h1>
-<ul>
-<li><a href="/index.html">Home</a></li>
-<li><a href="/about/downloads.html">Downloads</a></li>
-<li><a href="/about/license.html">License</a></li>
-<li><a href="/about/history.html">Legacy</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/development/source.html">Source Code</a></li>
-<li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
-<li><a href="/development/roadmap.html">Road Map</a></li>
-<li><a href="/tools/devtools.html">Dev Tools</a></li>
-<li><a href="/development/edit-cms-website.html">Editing Website</a></li>
-<li><a href="/development/release-management.html">Release Management</a></li>
-</ul>
-<h1 id="documentation">Documentation</h1>
-<ul>
-<li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
-<li><a href="/architecture/overview.html">Architecture</a></li>
-<li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
-<li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/community/people.html">People</a></li>
-<li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/community/get-involved.html">Get Involved</a></li>
-<li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
-
-  <div id="content">
-    <h1 class="title">Get Involved</h1>
-    <p>You don't need to be a software developer to contribute to 
+<body>  
+    <header class="row page-header">
+      <div class="span9 pagination-centered">
+          <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
+      	  <img id="logo-text"  alt="Apache Airavata&trade;" class="logo" src="/images/airavata-title-text.png" />          
+          <!--<h1 class="title">Get Involved</h1>-->
+      </div>      
+    </header>
+    
+    <div class="container-fluid">
+      <div class="row-fluid">
+        <div class="span2">
+          <div class="well sidebar-nav">
+            <ul class="nav nav-list">
+              <li class="nav-header">About Airavata</li>
+              <li class="active"><a href="/index.html">Home</a></li>
+              <li><a href="/about/downloads.html">Downloads</a></li>
+              <li><a href="/about/license.html">License</a></li>
+              <li><a href="/about/history.html">Legacy</a></li>        
+            <li class="nav-header">Development</li>
+              <li><a href="/development/source.html">Source Code</a></li>
+              <li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
+              <li><a href="/tools/devtools.html">Dev Tools</a></li>
+              <li><a href="/development/edit-cms-website.html">Editing Website</a></li>
+              <li><a href="/development/release-management.html">Release Management</a></li>
+            <li class="nav-header">Documentation</li>
+              <li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
+              <li><a href="/architecture/overview.html">Architecture</a></li>
+              <li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
+              <li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
+            <li class="nav-header">Community</li>
+              <li><a href="/community/people.html">People</a></li>
+              <li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
+              <li><a href="/community/get-involved.html">Get Involved</a></li>
+              <li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
+            <li class="nav-header">ASF</li>
+              <li><a href="http://www.apache.org">Apache Software Foundation</a></li>
+              <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+              <li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
+              <li><a href="http://www.apache.org/security/">Security</a></li>
+           </ul>
+          </div><!--/.well --> 
+      </div><!--/span-->
+      <div class="span10">
+      	<section id="content" class="row">
+        	<article class="span10">
+          	<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 
@@ -138,23 +141,21 @@ consensus</a> model.</p>
 <p>Occasionally a "feel" for consensus is not enough. Sometimes we need to 
 have a measurable consensus. For example, when <a href="/community/governance/voting.html">voting</a> in new committers or 
 to approve a release. </p>
-  </div>
-
-  <!--<div id="rightnav">
-      <p>This is the right navigation column with border.</p>
-      <p>You can put a search box here.</p>
-  </div>-->
-
-  <div id="footer">
-    <div class="copyright">
-      <p>
-        Copyright &copy; 2012 The Apache Software Foundation, Licensed under
-        the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
-        <br />
-        Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
-      </p>
-    </div>
-  </div>
-
+        	</article>
+    	</section>
+      </div><!--/span-->
+    </div><!--/row-fluid-->
+  </div><!--/container-fluid-->
+ 
+ <footer class="footer" align="center">
+	<div class="container">
+    	<p>Copyright &copy; 2013 The Apache Software Foundation, Licensed under the 
+        	<a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.<br />
+          	Apache Airavata, Apache, the Apache feather logo are trademarks of The Apache Software Foundation.</p>
+  	</div>
+  </footer>
+  
+  <script src="/js/jquery-1.9.1.min.js"></script> 
+  <script src="/js/bootstrap.min.js"></script>
 </body>
 </html>

Modified: websites/staging/airavata/trunk/content/community/governance/consensusBuilding.html
==============================================================================
--- websites/staging/airavata/trunk/content/community/governance/consensusBuilding.html (original)
+++ websites/staging/airavata/trunk/content/community/governance/consensusBuilding.html Tue Apr 16 18:45:00 2013
@@ -1,4 +1,4 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE html>
 <html>
 <head>
 <!--
@@ -18,76 +18,79 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 -->
-  <link href="/css/airavata.css" rel="stylesheet" type="text/css">
   <title>Consensus Building</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.min.css">
+    <style type="text/css">
+	  body {
+		  padding-top: 5px;
+		  padding-bottom: 40px;
+	  }
+	  .sidebar-nav {
+		  padding: 9px 0;
+	  }
+	   @media (max-width: 980px) {
+	  /* Enable use of floated navbar text */
+	  .navbar-text.pull-right {
+		  float: none;
+		  padding-left: 5px;
+		  padding-right: 5px;
+	  }
+	  }
+	</style>
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap-responsive.min.css">
+    
+    
+    <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements.  See the NOTICE file distributed with this work for additional information regarding copyright ownership.  The ASF licenses this file to you under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License.  You may obtain a copy of the License at . http://www.apache.org/licenses/LICENSE-2.0 . Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  See the License for the specific language governing permissions and limitations under the License. -->
 </head>
 
-<body>
-  <div id="banner">
-    <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
-    <div id="bannertext">
-      <img id="logo-text"  alt="Apache Airavata" src="/images/airavata-title-text.png" />
-      </div><br />
-  </div>
-
-  <div id="topnav">
-      <div class="topnavleft">
-          <ul>
-              <!--<li><a href="http:.html">Top Link A</a></li>
-              <li><a href="http:.html">Top Link B</a></li>
-              <li><a href="http:.html">Top Link C</a></li>-->
-          </ul>
-      </div>
-
-      <div class="topnavright">
-          <!--Search box-->
-      </div>
-  </div>
-
-  <div id="navigation">
-  <h1 id="about-airavata">About Airavata</h1>
-<ul>
-<li><a href="/index.html">Home</a></li>
-<li><a href="/about/downloads.html">Downloads</a></li>
-<li><a href="/about/license.html">License</a></li>
-<li><a href="/about/history.html">Legacy</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/development/source.html">Source Code</a></li>
-<li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
-<li><a href="/development/roadmap.html">Road Map</a></li>
-<li><a href="/tools/devtools.html">Dev Tools</a></li>
-<li><a href="/development/edit-cms-website.html">Editing Website</a></li>
-<li><a href="/development/release-management.html">Release Management</a></li>
-</ul>
-<h1 id="documentation">Documentation</h1>
-<ul>
-<li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
-<li><a href="/architecture/overview.html">Architecture</a></li>
-<li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
-<li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/community/people.html">People</a></li>
-<li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/community/get-involved.html">Get Involved</a></li>
-<li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
-
-  <div id="content">
-    <h1 class="title">Consensus Building</h1>
-    <p>In some cases there is no obvious path to take, or you might be a new community, 
+<body>  
+    <header class="row page-header">
+      <div class="span9 pagination-centered">
+          <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
+      	  <img id="logo-text"  alt="Apache Airavata&trade;" class="logo" src="/images/airavata-title-text.png" />          
+          <!--<h1 class="title">Consensus Building</h1>-->
+      </div>      
+    </header>
+    
+    <div class="container-fluid">
+      <div class="row-fluid">
+        <div class="span2">
+          <div class="well sidebar-nav">
+            <ul class="nav nav-list">
+              <li class="nav-header">About Airavata</li>
+              <li class="active"><a href="/index.html">Home</a></li>
+              <li><a href="/about/downloads.html">Downloads</a></li>
+              <li><a href="/about/license.html">License</a></li>
+              <li><a href="/about/history.html">Legacy</a></li>        
+            <li class="nav-header">Development</li>
+              <li><a href="/development/source.html">Source Code</a></li>
+              <li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
+              <li><a href="/tools/devtools.html">Dev Tools</a></li>
+              <li><a href="/development/edit-cms-website.html">Editing Website</a></li>
+              <li><a href="/development/release-management.html">Release Management</a></li>
+            <li class="nav-header">Documentation</li>
+              <li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
+              <li><a href="/architecture/overview.html">Architecture</a></li>
+              <li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
+              <li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
+            <li class="nav-header">Community</li>
+              <li><a href="/community/people.html">People</a></li>
+              <li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
+              <li><a href="/community/get-involved.html">Get Involved</a></li>
+              <li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
+            <li class="nav-header">ASF</li>
+              <li><a href="http://www.apache.org">Apache Software Foundation</a></li>
+              <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+              <li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
+              <li><a href="http://www.apache.org/security/">Security</a></li>
+           </ul>
+          </div><!--/.well --> 
+      </div><!--/span-->
+      <div class="span10">
+      	<section id="content" class="row">
+        	<article class="span10">
+          	<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
@@ -124,23 +127,21 @@ add up the strength of feeling of the co
 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>
-  </div>
-
-  <!--<div id="rightnav">
-      <p>This is the right navigation column with border.</p>
-      <p>You can put a search box here.</p>
-  </div>-->
-
-  <div id="footer">
-    <div class="copyright">
-      <p>
-        Copyright &copy; 2012 The Apache Software Foundation, Licensed under
-        the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
-        <br />
-        Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
-      </p>
-    </div>
-  </div>
-
+        	</article>
+    	</section>
+      </div><!--/span-->
+    </div><!--/row-fluid-->
+  </div><!--/container-fluid-->
+ 
+ <footer class="footer" align="center">
+	<div class="container">
+    	<p>Copyright &copy; 2013 The Apache Software Foundation, Licensed under the 
+        	<a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.<br />
+          	Apache Airavata, Apache, the Apache feather logo are trademarks of The Apache Software Foundation.</p>
+  	</div>
+  </footer>
+  
+  <script src="/js/jquery-1.9.1.min.js"></script> 
+  <script src="/js/bootstrap.min.js"></script>
 </body>
 </html>

Modified: websites/staging/airavata/trunk/content/community/governance/lazyConsensus.html
==============================================================================
--- websites/staging/airavata/trunk/content/community/governance/lazyConsensus.html (original)
+++ websites/staging/airavata/trunk/content/community/governance/lazyConsensus.html Tue Apr 16 18:45:00 2013
@@ -1,4 +1,4 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE html>
 <html>
 <head>
 <!--
@@ -18,76 +18,79 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 -->
-  <link href="/css/airavata.css" rel="stylesheet" type="text/css">
   <title>Lazy Consensus</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.min.css">
+    <style type="text/css">
+	  body {
+		  padding-top: 5px;
+		  padding-bottom: 40px;
+	  }
+	  .sidebar-nav {
+		  padding: 9px 0;
+	  }
+	   @media (max-width: 980px) {
+	  /* Enable use of floated navbar text */
+	  .navbar-text.pull-right {
+		  float: none;
+		  padding-left: 5px;
+		  padding-right: 5px;
+	  }
+	  }
+	</style>
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap-responsive.min.css">
+    
+    
+    <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements.  See the NOTICE file distributed with this work for additional information regarding copyright ownership.  The ASF licenses this file to you under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License.  You may obtain a copy of the License at . http://www.apache.org/licenses/LICENSE-2.0 . Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  See the License for the specific language governing permissions and limitations under the License. -->
 </head>
 
-<body>
-  <div id="banner">
-    <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
-    <div id="bannertext">
-      <img id="logo-text"  alt="Apache Airavata" src="/images/airavata-title-text.png" />
-      </div><br />
-  </div>
-
-  <div id="topnav">
-      <div class="topnavleft">
-          <ul>
-              <!--<li><a href="http:.html">Top Link A</a></li>
-              <li><a href="http:.html">Top Link B</a></li>
-              <li><a href="http:.html">Top Link C</a></li>-->
-          </ul>
-      </div>
-
-      <div class="topnavright">
-          <!--Search box-->
-      </div>
-  </div>
-
-  <div id="navigation">
-  <h1 id="about-airavata">About Airavata</h1>
-<ul>
-<li><a href="/index.html">Home</a></li>
-<li><a href="/about/downloads.html">Downloads</a></li>
-<li><a href="/about/license.html">License</a></li>
-<li><a href="/about/history.html">Legacy</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/development/source.html">Source Code</a></li>
-<li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
-<li><a href="/development/roadmap.html">Road Map</a></li>
-<li><a href="/tools/devtools.html">Dev Tools</a></li>
-<li><a href="/development/edit-cms-website.html">Editing Website</a></li>
-<li><a href="/development/release-management.html">Release Management</a></li>
-</ul>
-<h1 id="documentation">Documentation</h1>
-<ul>
-<li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
-<li><a href="/architecture/overview.html">Architecture</a></li>
-<li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
-<li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/community/people.html">People</a></li>
-<li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/community/get-involved.html">Get Involved</a></li>
-<li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
-
-  <div id="content">
-    <h1 class="title">Lazy Consensus</h1>
-    <p>The concept of "Lazy Consensus" is very important in any apache project. Lazy
+<body>  
+    <header class="row page-header">
+      <div class="span9 pagination-centered">
+          <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
+      	  <img id="logo-text"  alt="Apache Airavata&trade;" class="logo" src="/images/airavata-title-text.png" />          
+          <!--<h1 class="title">Lazy Consensus</h1>-->
+      </div>      
+    </header>
+    
+    <div class="container-fluid">
+      <div class="row-fluid">
+        <div class="span2">
+          <div class="well sidebar-nav">
+            <ul class="nav nav-list">
+              <li class="nav-header">About Airavata</li>
+              <li class="active"><a href="/index.html">Home</a></li>
+              <li><a href="/about/downloads.html">Downloads</a></li>
+              <li><a href="/about/license.html">License</a></li>
+              <li><a href="/about/history.html">Legacy</a></li>        
+            <li class="nav-header">Development</li>
+              <li><a href="/development/source.html">Source Code</a></li>
+              <li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
+              <li><a href="/tools/devtools.html">Dev Tools</a></li>
+              <li><a href="/development/edit-cms-website.html">Editing Website</a></li>
+              <li><a href="/development/release-management.html">Release Management</a></li>
+            <li class="nav-header">Documentation</li>
+              <li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
+              <li><a href="/architecture/overview.html">Architecture</a></li>
+              <li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
+              <li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
+            <li class="nav-header">Community</li>
+              <li><a href="/community/people.html">People</a></li>
+              <li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
+              <li><a href="/community/get-involved.html">Get Involved</a></li>
+              <li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
+            <li class="nav-header">ASF</li>
+              <li><a href="http://www.apache.org">Apache Software Foundation</a></li>
+              <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+              <li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
+              <li><a href="http://www.apache.org/security/">Security</a></li>
+           </ul>
+          </div><!--/.well --> 
+      </div><!--/span-->
+      <div class="span10">
+      	<section id="content" class="row">
+        	<article class="span10">
+          	<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
@@ -128,23 +131,21 @@ the proposal before work begins. </p>
 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>
-  </div>
-
-  <!--<div id="rightnav">
-      <p>This is the right navigation column with border.</p>
-      <p>You can put a search box here.</p>
-  </div>-->
-
-  <div id="footer">
-    <div class="copyright">
-      <p>
-        Copyright &copy; 2012 The Apache Software Foundation, Licensed under
-        the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
-        <br />
-        Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
-      </p>
-    </div>
-  </div>
-
+        	</article>
+    	</section>
+      </div><!--/span-->
+    </div><!--/row-fluid-->
+  </div><!--/container-fluid-->
+ 
+ <footer class="footer" align="center">
+	<div class="container">
+    	<p>Copyright &copy; 2013 The Apache Software Foundation, Licensed under the 
+        	<a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.<br />
+          	Apache Airavata, Apache, the Apache feather logo are trademarks of The Apache Software Foundation.</p>
+  	</div>
+  </footer>
+  
+  <script src="/js/jquery-1.9.1.min.js"></script> 
+  <script src="/js/bootstrap.min.js"></script>
 </body>
 </html>

Modified: websites/staging/airavata/trunk/content/community/governance/voting.html
==============================================================================
--- websites/staging/airavata/trunk/content/community/governance/voting.html (original)
+++ websites/staging/airavata/trunk/content/community/governance/voting.html Tue Apr 16 18:45:00 2013
@@ -1,4 +1,4 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE html>
 <html>
 <head>
 <!--
@@ -18,76 +18,79 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 -->
-  <link href="/css/airavata.css" rel="stylesheet" type="text/css">
   <title>Voting</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.min.css">
+    <style type="text/css">
+	  body {
+		  padding-top: 5px;
+		  padding-bottom: 40px;
+	  }
+	  .sidebar-nav {
+		  padding: 9px 0;
+	  }
+	   @media (max-width: 980px) {
+	  /* Enable use of floated navbar text */
+	  .navbar-text.pull-right {
+		  float: none;
+		  padding-left: 5px;
+		  padding-right: 5px;
+	  }
+	  }
+	</style>
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap-responsive.min.css">
+    
+    
+    <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements.  See the NOTICE file distributed with this work for additional information regarding copyright ownership.  The ASF licenses this file to you under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License.  You may obtain a copy of the License at . http://www.apache.org/licenses/LICENSE-2.0 . Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  See the License for the specific language governing permissions and limitations under the License. -->
 </head>
 
-<body>
-  <div id="banner">
-    <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
-    <div id="bannertext">
-      <img id="logo-text"  alt="Apache Airavata" src="/images/airavata-title-text.png" />
-      </div><br />
-  </div>
-
-  <div id="topnav">
-      <div class="topnavleft">
-          <ul>
-              <!--<li><a href="http:.html">Top Link A</a></li>
-              <li><a href="http:.html">Top Link B</a></li>
-              <li><a href="http:.html">Top Link C</a></li>-->
-          </ul>
-      </div>
-
-      <div class="topnavright">
-          <!--Search box-->
-      </div>
-  </div>
-
-  <div id="navigation">
-  <h1 id="about-airavata">About Airavata</h1>
-<ul>
-<li><a href="/index.html">Home</a></li>
-<li><a href="/about/downloads.html">Downloads</a></li>
-<li><a href="/about/license.html">License</a></li>
-<li><a href="/about/history.html">Legacy</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/development/source.html">Source Code</a></li>
-<li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
-<li><a href="/development/roadmap.html">Road Map</a></li>
-<li><a href="/tools/devtools.html">Dev Tools</a></li>
-<li><a href="/development/edit-cms-website.html">Editing Website</a></li>
-<li><a href="/development/release-management.html">Release Management</a></li>
-</ul>
-<h1 id="documentation">Documentation</h1>
-<ul>
-<li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
-<li><a href="/architecture/overview.html">Architecture</a></li>
-<li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
-<li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/community/people.html">People</a></li>
-<li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/community/get-involved.html">Get Involved</a></li>
-<li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
-
-  <div id="content">
-    <h1 class="title">Voting</h1>
-    <p>Occasionally a "feel" for consensus is not enough. Sometimes we need to have a
+<body>  
+    <header class="row page-header">
+      <div class="span9 pagination-centered">
+          <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
+      	  <img id="logo-text"  alt="Apache Airavata&trade;" class="logo" src="/images/airavata-title-text.png" />          
+          <!--<h1 class="title">Voting</h1>-->
+      </div>      
+    </header>
+    
+    <div class="container-fluid">
+      <div class="row-fluid">
+        <div class="span2">
+          <div class="well sidebar-nav">
+            <ul class="nav nav-list">
+              <li class="nav-header">About Airavata</li>
+              <li class="active"><a href="/index.html">Home</a></li>
+              <li><a href="/about/downloads.html">Downloads</a></li>
+              <li><a href="/about/license.html">License</a></li>
+              <li><a href="/about/history.html">Legacy</a></li>        
+            <li class="nav-header">Development</li>
+              <li><a href="/development/source.html">Source Code</a></li>
+              <li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
+              <li><a href="/tools/devtools.html">Dev Tools</a></li>
+              <li><a href="/development/edit-cms-website.html">Editing Website</a></li>
+              <li><a href="/development/release-management.html">Release Management</a></li>
+            <li class="nav-header">Documentation</li>
+              <li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
+              <li><a href="/architecture/overview.html">Architecture</a></li>
+              <li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
+              <li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
+            <li class="nav-header">Community</li>
+              <li><a href="/community/people.html">People</a></li>
+              <li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
+              <li><a href="/community/get-involved.html">Get Involved</a></li>
+              <li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
+            <li class="nav-header">ASF</li>
+              <li><a href="http://www.apache.org">Apache Software Foundation</a></li>
+              <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+              <li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
+              <li><a href="http://www.apache.org/security/">Security</a></li>
+           </ul>
+          </div><!--/.well --> 
+      </div><!--/span-->
+      <div class="span10">
+      	<section id="content" class="row">
+        	<article class="span10">
+          	<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>
 <h2 id="preparing-for-a-vote">Preparing for a Vote</h2>
@@ -168,23 +171,21 @@ and present the results. Everyone has 1 
 
 <p><a href="/community/governance/voting.html">See here for more information</a> <br>
 <a href="http://community.apache.org/newcommitter.html">See here for more mail templates</a></p>
-  </div>
-
-  <!--<div id="rightnav">
-      <p>This is the right navigation column with border.</p>
-      <p>You can put a search box here.</p>
-  </div>-->
-
-  <div id="footer">
-    <div class="copyright">
-      <p>
-        Copyright &copy; 2012 The Apache Software Foundation, Licensed under
-        the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
-        <br />
-        Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
-      </p>
-    </div>
-  </div>
-
+        	</article>
+    	</section>
+      </div><!--/span-->
+    </div><!--/row-fluid-->
+  </div><!--/container-fluid-->
+ 
+ <footer class="footer" align="center">
+	<div class="container">
+    	<p>Copyright &copy; 2013 The Apache Software Foundation, Licensed under the 
+        	<a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.<br />
+          	Apache Airavata, Apache, the Apache feather logo are trademarks of The Apache Software Foundation.</p>
+  	</div>
+  </footer>
+  
+  <script src="/js/jquery-1.9.1.min.js"></script> 
+  <script src="/js/bootstrap.min.js"></script>
 </body>
 </html>

Modified: websites/staging/airavata/trunk/content/community/mailing-lists.html
==============================================================================
--- websites/staging/airavata/trunk/content/community/mailing-lists.html (original)
+++ websites/staging/airavata/trunk/content/community/mailing-lists.html Tue Apr 16 18:45:00 2013
@@ -1,4 +1,4 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE html>
 <html>
 <head>
 <!--
@@ -18,76 +18,79 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 -->
-  <link href="/css/airavata.css" rel="stylesheet" type="text/css">
   <title>Mailing Lists</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.min.css">
+    <style type="text/css">
+	  body {
+		  padding-top: 5px;
+		  padding-bottom: 40px;
+	  }
+	  .sidebar-nav {
+		  padding: 9px 0;
+	  }
+	   @media (max-width: 980px) {
+	  /* Enable use of floated navbar text */
+	  .navbar-text.pull-right {
+		  float: none;
+		  padding-left: 5px;
+		  padding-right: 5px;
+	  }
+	  }
+	</style>
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap-responsive.min.css">
+    
+    
+    <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements.  See the NOTICE file distributed with this work for additional information regarding copyright ownership.  The ASF licenses this file to you under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License.  You may obtain a copy of the License at . http://www.apache.org/licenses/LICENSE-2.0 . Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  See the License for the specific language governing permissions and limitations under the License. -->
 </head>
 
-<body>
-  <div id="banner">
-    <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
-    <div id="bannertext">
-      <img id="logo-text"  alt="Apache Airavata" src="/images/airavata-title-text.png" />
-      </div><br />
-  </div>
-
-  <div id="topnav">
-      <div class="topnavleft">
-          <ul>
-              <!--<li><a href="http:.html">Top Link A</a></li>
-              <li><a href="http:.html">Top Link B</a></li>
-              <li><a href="http:.html">Top Link C</a></li>-->
-          </ul>
-      </div>
-
-      <div class="topnavright">
-          <!--Search box-->
-      </div>
-  </div>
-
-  <div id="navigation">
-  <h1 id="about-airavata">About Airavata</h1>
-<ul>
-<li><a href="/index.html">Home</a></li>
-<li><a href="/about/downloads.html">Downloads</a></li>
-<li><a href="/about/license.html">License</a></li>
-<li><a href="/about/history.html">Legacy</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/development/source.html">Source Code</a></li>
-<li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
-<li><a href="/development/roadmap.html">Road Map</a></li>
-<li><a href="/tools/devtools.html">Dev Tools</a></li>
-<li><a href="/development/edit-cms-website.html">Editing Website</a></li>
-<li><a href="/development/release-management.html">Release Management</a></li>
-</ul>
-<h1 id="documentation">Documentation</h1>
-<ul>
-<li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
-<li><a href="/architecture/overview.html">Architecture</a></li>
-<li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
-<li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/community/people.html">People</a></li>
-<li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/community/get-involved.html">Get Involved</a></li>
-<li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
-
-  <div id="content">
-    <h1 class="title">Mailing Lists</h1>
-    <p>We welcome you to join mailing lists and let us know about your thoughts or ideas about Apache Airavata.</p>
+<body>  
+    <header class="row page-header">
+      <div class="span9 pagination-centered">
+          <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
+      	  <img id="logo-text"  alt="Apache Airavata&trade;" class="logo" src="/images/airavata-title-text.png" />          
+          <!--<h1 class="title">Mailing Lists</h1>-->
+      </div>      
+    </header>
+    
+    <div class="container-fluid">
+      <div class="row-fluid">
+        <div class="span2">
+          <div class="well sidebar-nav">
+            <ul class="nav nav-list">
+              <li class="nav-header">About Airavata</li>
+              <li class="active"><a href="/index.html">Home</a></li>
+              <li><a href="/about/downloads.html">Downloads</a></li>
+              <li><a href="/about/license.html">License</a></li>
+              <li><a href="/about/history.html">Legacy</a></li>        
+            <li class="nav-header">Development</li>
+              <li><a href="/development/source.html">Source Code</a></li>
+              <li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
+              <li><a href="/tools/devtools.html">Dev Tools</a></li>
+              <li><a href="/development/edit-cms-website.html">Editing Website</a></li>
+              <li><a href="/development/release-management.html">Release Management</a></li>
+            <li class="nav-header">Documentation</li>
+              <li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
+              <li><a href="/architecture/overview.html">Architecture</a></li>
+              <li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
+              <li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
+            <li class="nav-header">Community</li>
+              <li><a href="/community/people.html">People</a></li>
+              <li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
+              <li><a href="/community/get-involved.html">Get Involved</a></li>
+              <li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
+            <li class="nav-header">ASF</li>
+              <li><a href="http://www.apache.org">Apache Software Foundation</a></li>
+              <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+              <li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
+              <li><a href="http://www.apache.org/security/">Security</a></li>
+           </ul>
+          </div><!--/.well --> 
+      </div><!--/span-->
+      <div class="span10">
+      	<section id="content" class="row">
+        	<article class="span10">
+          	<p>We welcome you to join mailing lists and let us know about your thoughts or ideas about Apache Airavata.</p>
 <h3 id="apache-airavata-user-mailing-list">Apache Airavata User Mailing List</h3>
 <p>This is where you can ask questions about Airavata. All the developers are subscribed to the list and you may ask questions on how to integrate Airavata into existing frameworks, or how to use Airavata out of the box. If you have a use case you are intending to use Airavata, please convey it to this list.</p>
 <ul>
@@ -126,23 +129,21 @@ any changes to the airavata code and doc
 </ul>
 </li>
 </ul>
-  </div>
-
-  <!--<div id="rightnav">
-      <p>This is the right navigation column with border.</p>
-      <p>You can put a search box here.</p>
-  </div>-->
-
-  <div id="footer">
-    <div class="copyright">
-      <p>
-        Copyright &copy; 2012 The Apache Software Foundation, Licensed under
-        the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
-        <br />
-        Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
-      </p>
-    </div>
-  </div>
-
+        	</article>
+    	</section>
+      </div><!--/span-->
+    </div><!--/row-fluid-->
+  </div><!--/container-fluid-->
+ 
+ <footer class="footer" align="center">
+	<div class="container">
+    	<p>Copyright &copy; 2013 The Apache Software Foundation, Licensed under the 
+        	<a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.<br />
+          	Apache Airavata, Apache, the Apache feather logo are trademarks of The Apache Software Foundation.</p>
+  	</div>
+  </footer>
+  
+  <script src="/js/jquery-1.9.1.min.js"></script> 
+  <script src="/js/bootstrap.min.js"></script>
 </body>
 </html>

Modified: websites/staging/airavata/trunk/content/community/people.html
==============================================================================
--- websites/staging/airavata/trunk/content/community/people.html (original)
+++ websites/staging/airavata/trunk/content/community/people.html Tue Apr 16 18:45:00 2013
@@ -1,4 +1,4 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE html>
 <html>
 <head>
 <!--
@@ -18,76 +18,79 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 -->
-  <link href="/css/airavata.css" rel="stylesheet" type="text/css">
   <title>Airavata Team </title>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.min.css">
+    <style type="text/css">
+	  body {
+		  padding-top: 5px;
+		  padding-bottom: 40px;
+	  }
+	  .sidebar-nav {
+		  padding: 9px 0;
+	  }
+	   @media (max-width: 980px) {
+	  /* Enable use of floated navbar text */
+	  .navbar-text.pull-right {
+		  float: none;
+		  padding-left: 5px;
+		  padding-right: 5px;
+	  }
+	  }
+	</style>
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap-responsive.min.css">
+    
+    
+    <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements.  See the NOTICE file distributed with this work for additional information regarding copyright ownership.  The ASF licenses this file to you under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License.  You may obtain a copy of the License at . http://www.apache.org/licenses/LICENSE-2.0 . Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  See the License for the specific language governing permissions and limitations under the License. -->
 </head>
 
-<body>
-  <div id="banner">
-    <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
-    <div id="bannertext">
-      <img id="logo-text"  alt="Apache Airavata" src="/images/airavata-title-text.png" />
-      </div><br />
-  </div>
-
-  <div id="topnav">
-      <div class="topnavleft">
-          <ul>
-              <!--<li><a href="http:.html">Top Link A</a></li>
-              <li><a href="http:.html">Top Link B</a></li>
-              <li><a href="http:.html">Top Link C</a></li>-->
-          </ul>
-      </div>
-
-      <div class="topnavright">
-          <!--Search box-->
-      </div>
-  </div>
-
-  <div id="navigation">
-  <h1 id="about-airavata">About Airavata</h1>
-<ul>
-<li><a href="/index.html">Home</a></li>
-<li><a href="/about/downloads.html">Downloads</a></li>
-<li><a href="/about/license.html">License</a></li>
-<li><a href="/about/history.html">Legacy</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/development/source.html">Source Code</a></li>
-<li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
-<li><a href="/development/roadmap.html">Road Map</a></li>
-<li><a href="/tools/devtools.html">Dev Tools</a></li>
-<li><a href="/development/edit-cms-website.html">Editing Website</a></li>
-<li><a href="/development/release-management.html">Release Management</a></li>
-</ul>
-<h1 id="documentation">Documentation</h1>
-<ul>
-<li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
-<li><a href="/architecture/overview.html">Architecture</a></li>
-<li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
-<li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/community/people.html">People</a></li>
-<li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/community/get-involved.html">Get Involved</a></li>
-<li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
-
-  <div id="content">
-    <h1 class="title">Airavata Team </h1>
-    <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 committers of Airavata project are part of the project management committee and vise versa. </p>
+<body>  
+    <header class="row page-header">
+      <div class="span9 pagination-centered">
+          <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
+      	  <img id="logo-text"  alt="Apache Airavata&trade;" class="logo" src="/images/airavata-title-text.png" />          
+          <!--<h1 class="title">Airavata Team </h1>-->
+      </div>      
+    </header>
+    
+    <div class="container-fluid">
+      <div class="row-fluid">
+        <div class="span2">
+          <div class="well sidebar-nav">
+            <ul class="nav nav-list">
+              <li class="nav-header">About Airavata</li>
+              <li class="active"><a href="/index.html">Home</a></li>
+              <li><a href="/about/downloads.html">Downloads</a></li>
+              <li><a href="/about/license.html">License</a></li>
+              <li><a href="/about/history.html">Legacy</a></li>        
+            <li class="nav-header">Development</li>
+              <li><a href="/development/source.html">Source Code</a></li>
+              <li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
+              <li><a href="/tools/devtools.html">Dev Tools</a></li>
+              <li><a href="/development/edit-cms-website.html">Editing Website</a></li>
+              <li><a href="/development/release-management.html">Release Management</a></li>
+            <li class="nav-header">Documentation</li>
+              <li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
+              <li><a href="/architecture/overview.html">Architecture</a></li>
+              <li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
+              <li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
+            <li class="nav-header">Community</li>
+              <li><a href="/community/people.html">People</a></li>
+              <li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
+              <li><a href="/community/get-involved.html">Get Involved</a></li>
+              <li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
+            <li class="nav-header">ASF</li>
+              <li><a href="http://www.apache.org">Apache Software Foundation</a></li>
+              <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+              <li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
+              <li><a href="http://www.apache.org/security/">Security</a></li>
+           </ul>
+          </div><!--/.well --> 
+      </div><!--/span-->
+      <div class="span10">
+      	<section id="content" class="row">
+        	<article class="span10">
+          	<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 committers of Airavata project are part of the project management committee and vise versa. </p>
 <p><strong>Project Management Committee / Committers:</strong></p>
 <ul>
 <li><a href="http://people.apache.org/~aslom">Aleksander Slominski</a></li>
@@ -131,23 +134,21 @@
 <li><a href="http://people.apache.org/~aslom">Aleksander Slominski</a></li>
 <li><a href="http://en.wikipedia.org/wiki/Sanjiva_Weerawarana">Sanjiva Weerawarna</a></li>
 </ul>
-  </div>
-
-  <!--<div id="rightnav">
-      <p>This is the right navigation column with border.</p>
-      <p>You can put a search box here.</p>
-  </div>-->
-
-  <div id="footer">
-    <div class="copyright">
-      <p>
-        Copyright &copy; 2012 The Apache Software Foundation, Licensed under
-        the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
-        <br />
-        Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
-      </p>
-    </div>
-  </div>
-
+        	</article>
+    	</section>
+      </div><!--/span-->
+    </div><!--/row-fluid-->
+  </div><!--/container-fluid-->
+ 
+ <footer class="footer" align="center">
+	<div class="container">
+    	<p>Copyright &copy; 2013 The Apache Software Foundation, Licensed under the 
+        	<a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.<br />
+          	Apache Airavata, Apache, the Apache feather logo are trademarks of The Apache Software Foundation.</p>
+  	</div>
+  </footer>
+  
+  <script src="/js/jquery-1.9.1.min.js"></script> 
+  <script src="/js/bootstrap.min.js"></script>
 </body>
 </html>

Modified: websites/staging/airavata/trunk/content/community/projects-using.html
==============================================================================
--- websites/staging/airavata/trunk/content/community/projects-using.html (original)
+++ websites/staging/airavata/trunk/content/community/projects-using.html Tue Apr 16 18:45:00 2013
@@ -1,4 +1,4 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE html>
 <html>
 <head>
 <!--
@@ -18,76 +18,79 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 -->
-  <link href="/css/airavata.css" rel="stylesheet" type="text/css">
   <title>Projects Using Apache Airavata</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.min.css">
+    <style type="text/css">
+	  body {
+		  padding-top: 5px;
+		  padding-bottom: 40px;
+	  }
+	  .sidebar-nav {
+		  padding: 9px 0;
+	  }
+	   @media (max-width: 980px) {
+	  /* Enable use of floated navbar text */
+	  .navbar-text.pull-right {
+		  float: none;
+		  padding-left: 5px;
+		  padding-right: 5px;
+	  }
+	  }
+	</style>
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap-responsive.min.css">
+    
+    
+    <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements.  See the NOTICE file distributed with this work for additional information regarding copyright ownership.  The ASF licenses this file to you under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License.  You may obtain a copy of the License at . http://www.apache.org/licenses/LICENSE-2.0 . Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  See the License for the specific language governing permissions and limitations under the License. -->
 </head>
 
-<body>
-  <div id="banner">
-    <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
-    <div id="bannertext">
-      <img id="logo-text"  alt="Apache Airavata" src="/images/airavata-title-text.png" />
-      </div><br />
-  </div>
-
-  <div id="topnav">
-      <div class="topnavleft">
-          <ul>
-              <!--<li><a href="http:.html">Top Link A</a></li>
-              <li><a href="http:.html">Top Link B</a></li>
-              <li><a href="http:.html">Top Link C</a></li>-->
-          </ul>
-      </div>
-
-      <div class="topnavright">
-          <!--Search box-->
-      </div>
-  </div>
-
-  <div id="navigation">
-  <h1 id="about-airavata">About Airavata</h1>
-<ul>
-<li><a href="/index.html">Home</a></li>
-<li><a href="/about/downloads.html">Downloads</a></li>
-<li><a href="/about/license.html">License</a></li>
-<li><a href="/about/history.html">Legacy</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/development/source.html">Source Code</a></li>
-<li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
-<li><a href="/development/roadmap.html">Road Map</a></li>
-<li><a href="/tools/devtools.html">Dev Tools</a></li>
-<li><a href="/development/edit-cms-website.html">Editing Website</a></li>
-<li><a href="/development/release-management.html">Release Management</a></li>
-</ul>
-<h1 id="documentation">Documentation</h1>
-<ul>
-<li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
-<li><a href="/architecture/overview.html">Architecture</a></li>
-<li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
-<li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/community/people.html">People</a></li>
-<li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/community/get-involved.html">Get Involved</a></li>
-<li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
-
-  <div id="content">
-    <h1 class="title">Projects Using Apache Airavata</h1>
-    <p>The strategy of the Airavata framework is a minimalist architectural design - a conceptually simple to understand modular, componentized software - which is easy to install, maintain and use. This service oriented architecture helps Apache Airavata to blend into diverse software systems. Early adopters of Apache Airavata includes Science Gateways which integrate applications, workflows, data collections with computational resources like Extreme Science and Engineering Discovery Environment (XSEDE), The National Energy Research Scientific Computing Center (NERSC) and Amazon Elastic Compute Cloud (EC2). </p>
+<body>  
+    <header class="row page-header">
+      <div class="span9 pagination-centered">
+          <img id="logo" alt="Apache Airavata" src="/images/airavata-logo-2.png"/>
+      	  <img id="logo-text"  alt="Apache Airavata&trade;" class="logo" src="/images/airavata-title-text.png" />          
+          <!--<h1 class="title">Projects Using Apache Airavata</h1>-->
+      </div>      
+    </header>
+    
+    <div class="container-fluid">
+      <div class="row-fluid">
+        <div class="span2">
+          <div class="well sidebar-nav">
+            <ul class="nav nav-list">
+              <li class="nav-header">About Airavata</li>
+              <li class="active"><a href="/index.html">Home</a></li>
+              <li><a href="/about/downloads.html">Downloads</a></li>
+              <li><a href="/about/license.html">License</a></li>
+              <li><a href="/about/history.html">Legacy</a></li>        
+            <li class="nav-header">Development</li>
+              <li><a href="/development/source.html">Source Code</a></li>
+              <li><a href="https://issues.apache.org/jira/browse/airavata">Issue Tracker</a></li>
+              <li><a href="/tools/devtools.html">Dev Tools</a></li>
+              <li><a href="/development/edit-cms-website.html">Editing Website</a></li>
+              <li><a href="/development/release-management.html">Release Management</a></li>
+            <li class="nav-header">Documentation</li>
+              <li><a href="https://cwiki.apache.org/confluence/display/AIRAVATA/">Airavata Wiki</a></li>
+              <li><a href="/architecture/overview.html">Architecture</a></li>
+              <li><a href="/architecture/airavata-stakeholders.html">Airavata Stakeholders</a></li>
+              <li><a href="/documentation/quickstart-tutorials.html">Quickstart Tutorials</a></li>
+            <li class="nav-header">Community</li>
+              <li><a href="/community/people.html">People</a></li>
+              <li><a href="/community/mailing-lists.html">Mailing Lists</a></li>
+              <li><a href="/community/get-involved.html">Get Involved</a></li>
+              <li><a href="/community/projects-using.html">Projects Using Airavata</a></li>
+            <li class="nav-header">ASF</li>
+              <li><a href="http://www.apache.org">Apache Software Foundation</a></li>
+              <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+              <li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
+              <li><a href="http://www.apache.org/security/">Security</a></li>
+           </ul>
+          </div><!--/.well --> 
+      </div><!--/span-->
+      <div class="span10">
+      	<section id="content" class="row">
+        	<article class="span10">
+          	<p>The strategy of the Airavata framework is a minimalist architectural design - a conceptually simple to understand modular, componentized software - which is easy to install, maintain and use. This service oriented architecture helps Apache Airavata to blend into diverse software systems. Early adopters of Apache Airavata includes Science Gateways which integrate applications, workflows, data collections with computational resources like Extreme Science and Engineering Discovery Environment (XSEDE), The National Energy Research Scientific Computing Center (NERSC) and Amazon Elastic Compute Cloud (EC2). </p>
 <p>This page provides a sample set of projects using Apache Airavata. Please note that this list if not comprehensive by any means and only to give ideas on possibile integrations. If you are aware of such projects built over Airavata, we would appreciate if you could communite the same by posting the project details to Users of Dev <a href="/community/mailing-lists.html">Mailing Lists</a>.</p>
 <h2 id="biovlab">BioVLab</h2>
 <p>The Biology Virtual Collaborative Labs (BioVLAB) provides reconfigurable cloud computing workbench built using Apache Airavata tools to execute workflows on Amazon EC2 resources. The BioVlab project developed workflows include:</p>
@@ -134,23 +137,21 @@ enable the integration of experimental, 
 <p>The Ultrascan Laboratory Information Management System provides a user friendly web inter- face for evaluation of experimental analytical ultracentrifuge data using the UltraScan modeling software. </p>
 <p>The UltraScan  Laboratory Information Management System, uses Airavata to execute analytical ultracentrifugation analysis experiments on XSEDE. These experiments provide information about biological or synthetic molecules for experimental biochemists, biophysicists, and material scientists.</p>
 <p>For more details about the project can be found on <a href="http://www.ultrascan.uthscsa.edu/">UltraScan Website</a></p>
-  </div>
-
-  <!--<div id="rightnav">
-      <p>This is the right navigation column with border.</p>
-      <p>You can put a search box here.</p>
-  </div>-->
-
-  <div id="footer">
-    <div class="copyright">
-      <p>
-        Copyright &copy; 2012 The Apache Software Foundation, Licensed under
-        the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
-        <br />
-        Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
-      </p>
-    </div>
-  </div>
-
+        	</article>
+    	</section>
+      </div><!--/span-->
+    </div><!--/row-fluid-->
+  </div><!--/container-fluid-->
+ 
+ <footer class="footer" align="center">
+	<div class="container">
+    	<p>Copyright &copy; 2013 The Apache Software Foundation, Licensed under the 
+        	<a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.<br />
+          	Apache Airavata, Apache, the Apache feather logo are trademarks of The Apache Software Foundation.</p>
+  	</div>
+  </footer>
+  
+  <script src="/js/jquery-1.9.1.min.js"></script> 
+  <script src="/js/bootstrap.min.js"></script>
 </body>
 </html>



Mime
View raw message