airavata-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From build...@apache.org
Subject svn commit: r858732 [3/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/community/submit-patch.html
==============================================================================
--- websites/staging/airavata/trunk/content/community/submit-patch.html (original)
+++ websites/staging/airavata/trunk/content/community/submit-patch.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>Submit Patches</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">
+    
+    
+    
 </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">Submit Patches</h1>
-    <ul>
+<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">Submit Patches</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">
+          	<ul>
 <li>Identify an issue or documentation that you want to fix or improve</li>
 <li>Search <a href="https://issues.apache.org/jira/browse/airavata">JIRA</a> and the mailing list to see if it’s already been discussed</li>
 <li>If it’s a bug or a feature request, open a JIRA issue</li>
@@ -103,23 +106,21 @@
 </li>
 <li>Attach that file (/tmp/fix-AIRAVATA-NNNN.patch) to the JIRA</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>

Added: websites/staging/airavata/trunk/content/css/bootstrap-responsive.min.css
==============================================================================
--- websites/staging/airavata/trunk/content/css/bootstrap-responsive.min.css (added)
+++ websites/staging/airavata/trunk/content/css/bootstrap-responsive.min.css Tue Apr 16 18:45:00 2013
@@ -0,0 +1,9 @@
+/*!
+ * Bootstrap Responsive v2.3.1
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-ms-viewport{width:device-width}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}.visible-desktop{display:inherit!important}@media(min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-tablet{display:inherit!important}.hidden-tablet{display:none!important}}@media(max-width:767px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-phone{display:inherit!important}.hidden-phone{display:none!important}}.visible-p
 rint{display:none!important}@media print{.visible-print{display:inherit!important}.hidden-print{display:none!important}}@media(min-width:1200px){.row{margin-left:-30px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:30px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px}.span12{width:1170px}.span11{width:1070px}.span10{width:970px}.span9{width:870px}.span8{width:770px}.span7{width:670px}.span6{width:570px}.span5{width:470px}.span4{width:370px}.span3{width:270px}.span2{width:170px}.span1{width:70px}.offset12{margin-left:1230px}.offset11{margin-left:1130px}.offset10{margin-left:1030px}.offset9{margin-left:930px}.offset8{margin-left:830px}.offset7{margin-left:730px}.offset6{margin-left:630px}.offset5{margin-left:530px}.offset4{margin-left:430px}.offset3{margin-left:330px}.offset2{margin-left:230px}.offset1{margin-left
 :130px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%}.row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%}.row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%}.row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%}.row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%}.row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%}.row-fluid .sp
 an5{width:40.17094017094017%;*width:40.11774868157847%}.row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%}.row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%}.row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%}.row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%}.row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%}.row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%}.row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%}.row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%}.row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%}.row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%}.row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%}.row-fluid .offset9:first-
 child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%}.row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%}.row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%}.row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%}.row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%}.row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%}.row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%}.row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%}.row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%}.row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%}.row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%}.row-fluid .offset3{margi
 n-left:28.205128205128204%;*margin-left:28.0987452264048%}.row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%}.row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%}.row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%}.row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%}.row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:30px}input.span12,textarea.span12,.uneditable-input.span12{width:1156px}input.span11,textarea.span11,.uneditable-input.span11{width:1056px}input.span10,textarea.span10,.uneditable-input.span10{width:956px}input.span9,textarea.span9,.uneditable-input.span9{width:856px}input.span8,textarea.span8,.uneditable-input.span8{width:756px}input.span7,textarea.span7,.uneditable-i
 nput.span7{width:656px}input.span6,textarea.span6,.uneditable-input.span6{width:556px}input.span5,textarea.span5,.uneditable-input.span5{width:456px}input.span4,textarea.span4,.uneditable-input.span4{width:356px}input.span3,textarea.span3,.uneditable-input.span3{width:256px}input.span2,textarea.span2,.uneditable-input.span2{width:156px}input.span1,textarea.span1,.uneditable-input.span1{width:56px}.thumbnails{margin-left:-30px}.thumbnails>li{margin-left:30px}.row-fluid .thumbnails{margin-left:0}}@media(min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px}.span12{width:724px}.span11{width:662px}.span10{width:600px}.span9{width:538px}.span8{width:476px}.span7{width:414px}.span6{width:352px}.span5{width:290px}
 .span4{width:228px}.span3{width:166px}.span2{width:104px}.span1{width:42px}.offset12{margin-left:764px}.offset11{margin-left:702px}.offset10{margin-left:640px}.offset9{margin-left:578px}.offset8{margin-left:516px}.offset7{margin-left:454px}.offset6{margin-left:392px}.offset5{margin-left:330px}.offset4{margin-left:268px}.offset3{margin-left:206px}.offset2{margin-left:144px}.offset1{margin-left:82px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.43646408
 839778%;*width:91.38327259903608%}.row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%}.row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%}.row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%}.row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%}.row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%}.row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%}.row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%}.row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%}.row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%}.row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%}.row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%}.row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%}.row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.854942988127
 4%}.row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%}.row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%}.row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%}.row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%}.row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%}.row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%}.row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%}.row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%}.row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%}.row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%}.row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%}
 .row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%}.row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%}.row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%}.row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%}.row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%}.row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%}.row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%}.row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%}.row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%}.row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{mar
 gin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:710px}input.span11,textarea.span11,.uneditable-input.span11{width:648px}input.span10,textarea.span10,.uneditable-input.span10{width:586px}input.span9,textarea.span9,.uneditable-input.span9{width:524px}input.span8,textarea.span8,.uneditable-input.span8{width:462px}input.span7,textarea.span7,.uneditable-input.span7{width:400px}input.span6,textarea.span6,.uneditable-input.span6{width:338px}input.span5,textarea.span5,.uneditable-input.span5{width:276px}input.span4,textarea.span4,.uneditable-input.span4{width:214px}input.span3,textarea.span3,.uneditable-input.span3{width:152px}input.span2,textarea.span2,.uneditable-input.span2{width:90px}input.span1,textarea.span1,.uneditable-input.span1{width:28px}}@media(max-width:767px){body{padding-right:20px;padding-left:20px}.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-right:-20px;margin-left:-20px}.container-fluid{padding:0}.dl-horizontal dt{float
 :none;width:auto;clear:none;text-align:left}.dl-horizontal dd{margin-left:0}.container{width:auto}.row-fluid{width:100%}.row,.thumbnails{margin-left:0}.thumbnails>li{float:none;margin-left:0}[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{display:block;float:none;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="offset"]:first-child{margin-left:0}.input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto}.controls-row [class*="span"]+
 [class*="span"]{margin-left:0}.modal{position:fixed;top:20px;right:20px;left:20px;width:auto;margin:0}.modal.fade{top:-100px}.modal.fade.in{top:20px}}@media(max-width:480px){.nav-collapse{-webkit-transform:translate3d(0,0,0)}.page-header h1 small{display:block;line-height:20px}input[type="checkbox"],input[type="radio"]{border:1px solid #ccc}.form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left}.form-horizontal .controls{margin-left:0}.form-horizontal .control-list{padding-top:0}.form-horizontal .form-actions{padding-right:10px;padding-left:10px}.media .pull-left,.media .pull-right{display:block;float:none;margin-bottom:10px}.media-object{margin-right:0;margin-left:0}.modal{top:10px;right:10px;left:10px}.modal-header .close{padding:10px;margin:-10px}.carousel-caption{position:static}}@media(max-width:979px){body{padding-top:0}.navbar-fixed-top,.navbar-fixed-bottom{position:static}.navbar-fixed-top{margin-bottom:20px}.navbar-fixed-bottom{margin-to
 p:20px}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px}.navbar .container{width:auto;padding:0}.navbar .brand{padding-right:10px;padding-left:10px;margin:0 0 0 -5px}.nav-collapse{clear:both}.nav-collapse .nav{float:none;margin:0 0 10px}.nav-collapse .nav>li{float:none}.nav-collapse .nav>li>a{margin-bottom:2px}.nav-collapse .nav>.divider-vertical{display:none}.nav-collapse .nav .nav-header{color:#777;text-shadow:none}.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.nav-collapse .dropdown-menu li+li a{margin-bottom:2px}.nav-collapse .nav>li>a:hover,.nav-collapse .nav>li>a:focus,.nav-collapse .dropdown-menu a:hover,.nav-collapse .dropdown-menu a:focus{background-color:#f2f2f2}.navbar-inverse .nav-collapse .
 nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a{color:#999}.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .nav>li>a:focus,.navbar-inverse .nav-collapse .dropdown-menu a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:focus{background-color:#111}.nav-collapse.in .btn-group{padding:0;margin-top:5px}.nav-collapse .dropdown-menu{position:static;top:auto;left:auto;display:none;float:none;max-width:none;padding:0;margin:0 15px;background-color:transparent;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.nav-collapse .open>.dropdown-menu{display:block}.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none}.nav-collapse .dropdown-menu .divider{display:none}.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none}.nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10p
 x 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}.navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111;border-bottom-color:#111}.navbar .nav-collapse .nav.pull-right{float:none;margin-left:0}.nav-collapse,.nav-collapse.collapse{height:0;overflow:hidden}.navbar .btn-navbar{display:block}.navbar-static .navbar-inner{padding-right:10px;padding-left:10px}}@media(min-width:980px){.nav-collapse.collapse{height:auto!important;overflow:visible!important}}

Added: websites/staging/airavata/trunk/content/css/bootstrap.min.css
==============================================================================
--- websites/staging/airavata/trunk/content/css/bootstrap.min.css (added)
+++ websites/staging/airavata/trunk/content/css/bootstrap.min.css Tue Apr 16 18:45:00 2013
@@ -0,0 +1,9 @@
+/*!
+ * Bootstrap v2.3.1
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.

[... 2 lines stripped ...]
Modified: websites/staging/airavata/trunk/content/development/build.html
==============================================================================
--- websites/staging/airavata/trunk/content/development/build.html (original)
+++ websites/staging/airavata/trunk/content/development/build.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 Build Instructions</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 Build Instructions</h1>
-    <h3 id="prerequisites">Prerequisites</h3>
+<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 Build Instructions</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">
+          	<h3 id="prerequisites">Prerequisites</h3>
 <ul>
 <li>Sources compilation require Java SE 6 (suggested 1.6.0_27) or higher.</li>
 <li>The project is built with Apache Maven 3+ (suggested is 3.0.3) <a href="http://maven.apache.org/download.html">Download</a> and <a href="http://maven.apache.org/download.html#Installation">install</a> (Maven 2.x build will
@@ -155,23 +158,21 @@ integrated solution. The following modul
 </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/development/edit-cms-website.html
==============================================================================
--- websites/staging/airavata/trunk/content/development/edit-cms-website.html (original)
+++ websites/staging/airavata/trunk/content/development/edit-cms-website.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>How to edit the Aiaravata website</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">How to edit the Aiaravata website</h1>
-    <p>This HowTo documentation will show the needed steps to edit the Airavata
+<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">How to edit the Aiaravata website</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>This HowTo documentation will show the needed steps to edit the Airavata
 website. This includes creation of new pages, modification, and deletion - for files
 and sub-directories.</p>
 <h2 id="how-it-works-in-general">How it works in general</h2>
@@ -173,23 +176,21 @@ modifications into production. For this 
 Alterantively you can click on this <a href="https://cms.apache.org/airavata/publish">pubish link</a>, review the diff's and submit.</p>
 <h3 id="links">Links</h3>
 <p><a href="http://www.apache.org/dev/cmsref.html">CMS Documentation Reference</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/development/release-management.html
==============================================================================
--- websites/staging/airavata/trunk/content/development/release-management.html (original)
+++ websites/staging/airavata/trunk/content/development/release-management.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>Release Process</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">Release Process</h1>
-    <p>Releases are crucial aspects for an apache project and following the guidelines is very important. The <a href="http://www.apache.org/dev/release.html">Release FAQ</a> describes the foundation wide policies. The following instructions walkthrough Airavata specific release steps. </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">Release Process</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>Releases are crucial aspects for an apache project and following the guidelines is very important. The <a href="http://www.apache.org/dev/release.html">Release FAQ</a> describes the foundation wide policies. The following instructions walkthrough Airavata specific release steps. </p>
 <p><a name="release-setup"></a></p>
 <h3 id="one-time-release-management-setup">One time release management setup</h3>
 <p>This section describes release management configuration steps, if you have previously configured these steps, jump directly to <a href="#release-process">Release Process</a>.</p>
@@ -407,23 +410,21 @@ The popular software used Open Pretty Go
 <p>The output will indicate the You'll need to look at the output to ensure it contains only good signatures -</p>
 <p>gpg: Good signature from ...
 gpg: Signature made ...</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/development/roadmap.html
==============================================================================
--- websites/staging/airavata/trunk/content/development/roadmap.html (original)
+++ websites/staging/airavata/trunk/content/development/roadmap.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 Roadmap</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 Roadmap</h1>
-    <p>Apache Airavata roadmap will always be evolving. The development process is very agile with continous interaction and feedback from the community. The following figure illustrates Airavata's iterative and incremental development.</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 Roadmap</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 roadmap will always be evolving. The development process is very agile with continous interaction and feedback from the community. The following figure illustrates Airavata's iterative and incremental development.</p>
 <p><img alt="Airavata Agile Development" src="/images/agile-development.png" title="Airavata Agile Development" /></p>
 <p>The development process is to emphasise:</p>
 <ul>
@@ -155,23 +158,21 @@
 <p>Airavata Community comprises of project management committee/committers, contributors and user community. The community inputs new features, improvements as epics, which are essentially use cases that need to be further analyzed. The epics or larger use cases are further broken into manageable stories. Based on developer interests and active community requests, the stories are prioritized and tagged to an upcoming release. The release manager initiates a list of features and bug fixes and community responds by highlighting pending JIRA's to be addressed in the release. Once the release is planned, the design, development and release cycle spins through the next iteration.</p>
 <p>For detailed apache airavata feature list, please see the release notes for individual <a href="/about/downloads.html">releases</a>.</p>
 <p>Please communicate your feedback, and requirements through the mailing lists and JIRA.</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/development/source.html
==============================================================================
--- websites/staging/airavata/trunk/content/development/source.html (original)
+++ websites/staging/airavata/trunk/content/development/source.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 Source Code &amp; Developers Guide</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 Source Code &amp; Developers Guide</h1>
-    <p>Airavata source code is maintained using Apache Subversion version control.</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 Source Code &amp; Developers Guide</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 source code is maintained using Apache Subversion version control.</p>
 <p>Browse Airavata source repository in <a href="http://svn.apache.org/viewvc/airavata/">ViewVC</a>.</p>
 <p>The SVN location is <a href="https://svn.apache.org/repos/asf/airavata/trunk/">Airavata SVN</a></p>
 <h2 id="source-code">Source Code</h2>
@@ -119,23 +122,21 @@
 <li>To add Formatter: Preferences &gt; Java &gt; Code Style &gt;  Formatter and import the airavata-formatting-preferences.xml downloaded in the previous step. </li>
 <li>To add Templates: Preferences &gt; Java &gt; Code Style &gt; Code Templates and import the airavata-code-style-template.xml. This templates adds the ASF header and so on for new code. </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/documentation/gfac/gfac.html
==============================================================================
--- websites/staging/airavata/trunk/content/documentation/gfac/gfac.html (original)
+++ websites/staging/airavata/trunk/content/documentation/gfac/gfac.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>Generic Application Service Factory</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">Generic Application Service Factory</h1>
-    <p>Generic Application Service Factory facilitates users to create Web Services wrapping commandline
+<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">Generic Application Service Factory</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>Generic Application Service Factory facilitates users to create Web Services wrapping commandline
 applications. The generated application service WSDL interface provides input and outputs of the 
 wrapped application.</p>
 <p>Some of the features of the toolkit include:
@@ -97,23 +100,21 @@ services registered and used.
 GridFTP and S3.
 <em> The generated services are instrumented with detailed execution activity.
 </em> The toolkit supports job submissions to Local, Grid and Cloud computing resourcces.</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