incubator-ooo-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From build...@apache.org
Subject svn commit: r797693 [4/5] - in /websites/staging/ooo-site/trunk/content/why: ./ __modules/ campaign_images/ documents/ images/
Date Sat, 29 Oct 2011 21:08:16 GMT
Added: websites/staging/ooo-site/trunk/content/why/why_edu.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/why/why_edu.html (added)
+++ websites/staging/ooo-site/trunk/content/why/why_edu.html Sat Oct 29 21:08:13 2011
@@ -0,0 +1,238 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<link href="/css/ooo.css" rel="stylesheet" type="text/css">
+
+
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+    <title>Why OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+    <link rel="stylesheet" href="suppress.css" type="text/css" />
+  <!-- handling for browsers without active javascript (use default style set hint on screen -->
+<link rel="stylesheet" href="why.css" type="text/css" />  <!-- browser detection and handling -->
+  <script language="javascript" src="why.js"></script>
+  <!-- end of browser detection -->
+        
+
+
+</head>
+
+<body>
+  <div id="banner">
+    <div id="bannerleft"><a alt="Apache OpenOffice.org (incubating)" href="http://incubator.apache.org/openofficeorg/">
+      <img id="logo" alt="Apache OpenOffice.org (Incubating)" src="/images/ooo-logo.png"/></a></div>
+    <div id="bannerright"><a alt="Apache Incubator" href="http://incubator.apache.org">
+      <img id="asf-logo" alt="Apache Incubator" src="/images/apache-incubator-logo.png"/></a></div>
+   <div id="bannercenter"><br/>(incubating)&nbsp;|&nbsp;The Free and Open Productivity Suite</div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+  <noscript><table border="0"><tr><td><h2>This page needs javascript.<br />If JavaScript is disabled, this page will not display correctly.</h2></td></tr></table></noscript>
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="containbody">
+<div id="container">
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>Why OpenOffice.org</h1>
+	</div>
+	<!-- End of headerwrapper -->
+
+    <!-- This hold the navigation tabs -->
+    <div id="tabholder">
+        <div id="tabs8">
+            <ul>
+                <!-- CSS Tabs -->
+                <li id="current"><a href="index.html"><span>Why</span></a></li>
+                <li><a href="why_great.html"><span>Great Software</span></a></li>
+                <li><a href="why_easy.html"><span>Easy to use</span></a></li>
+                <li><a href="why_free.html"><span>and it's free</span></a></li>
+            </ul>
+        </div>
+    </div>
+    <!-- End of the tabs holder -->
+
+    <!-- Here's the box for the main article -->
+    <div class="articleboxouter">
+
+        <!-- Here's where you can place ur content -->
+        <div class="articleboxinner">
+
+            <!-- The main image. 300px by 210px -->
+            <img src="images/why_edu.png" width="300" height="210"
+            alt="Tomorrow's leaders" title="Tomorrow's leaders"
+            class="mainpiccontrol" name="pix" />
+            <div id="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Education establishments</span>
+
+            <!-- The preview content -->
+            of all levels (primary, secondary, college, university...) 
+            find OpenOffice.org 3 meets the needs of both teachers and
+            students. The
+            <b>flexible word processor</b>, <b>powerful spreadsheet</b>, <b>dynamic
+            graphics</b>, <b>database access</b> and more meet all requirements
+            for an office software package.<br />
+            With an <b>open-source licence</b>, OpenOffice.org 3
+            can be freely used and distributed with no licence worries.
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>
+        <!-- End of content holder -->
+    </div>
+    <!-- End of main article -->
+
+    <!-- Here's the box for some pics -->
+    <div class="picboxouter">
+
+        <!-- Here's where you can place ur thumbnails -->
+        <!-- All should be uniformly sized ;-) -->
+
+        <div class="screenbox">
+            <a href="images/writer-big.png"><img src="images/writer-icon.png"
+               class="screenboxcontrol"
+               alt="Writer word processor screenshot"  
+               title="Click for Writer word processor screenshot" /><br />
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/calc-big.png"><img src="images/calc-icon.png" 
+               class="screenboxcontrol"
+               alt="Calc spreadsheet screenshot" 
+               title="Click for Calc spreadsheet screenshot" /><br />
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/impress-big.png"><img src="images/impress-icon.png"
+               class="screenboxcontrol"
+               alt="Impress presentations screenshot"  
+               title="Click for Impress presentations screenshot" /><br />
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/draw-big.png"><img src="images/draw-icon.png"
+               class="screenboxcontrol"
+               alt="Draw graphics screenshot"  
+               title="Click for Draw graphics screenshot" /><br />
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/base-big.png"><img src="images/base-icon.png" 
+               class="screenboxcontrol"
+               alt="Base database screenshot"  
+               title="Click for Base database screenshot" /><br />
+               <span>Base</span>
+            </a>
+        </div>
+    </div>
+    <!-- End of photogallery -->
+
+    <!-- We love three columns, don't we? -->
+    <!-- Holder for three columns -->
+    <div class="articleboxouter">
+        <div id="newsContainer2">
+
+            <!-- Column 1 -->
+    		<div class="c1">
+    			<div class="noteheader">
+    				&nbsp;For pupils and students
+    			</div>
+    			<div class="spacy">
+OpenOffice.org 3 forms an ideal teaching platform for core computer literacy skills,
+without tying students to commercial products. The free software licence
+means students can be given copies of software to use at home - perfectly legally - a
+useful 'added value'. For IT students, OpenOffice.org's component based software is also an ideal platform for developing IT skills and understanding real-life software engineering.
+          </div>
+    		</div>
+
+    		<!-- Column 2 -->
+            <div class="c2">
+                <div class="noteheader">
+                    &nbsp;For teachers and academics
+                </div>
+                <div class="spacy">
+OpenOffice.org 3 is also an ideal platform for creating teaching materials and
+managing administrative tasks. 
+For example, the <i>Writer</i> word processor is easy to use for
+simple memos, but also powerful enough to cope with complex dissertations. 
+For IT staff, the open-source software licence means an end to licence compliance worries and the threat of software audits.
+OpenOffice.org 3 is developed, translated, and supported by an international community linked by the internet, opening exciting possibilities for school projects. 
+                </div>
+            </div>
+
+            <!-- Column 3 -->
+    		<div class="c3">
+                <div class="noteheader">
+                    &nbsp;Open for all
+                </div>
+              <div class="spacy">
+    			<!-- The content for this attention grabbing block -->
+OpenOffice.org 3 is a leading international force in the movement for digital inclusion - making software of the highest quality available to all, regardless of income. 
+OpenOffice.org 3 is available in a wide variety of languages, and
+we actively encourage local teams to produce versions for local languages. 
+We develop software on an open-source process - the computing equivalent of peer-reviewed publishing - creating software of the highest quality.
+              </div>
+            </div>
+        </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+</div>
+</div>
+<!-- End of master container -->
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredby">
+      <p><img src="/images/feather-small.gif"/><br/>Powered by the Apache CMS.</p>
+    </div>
+    <div id="copyrighta">
+      <p>
+	Apache "OpenOffice.org" is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.
+	Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and
+	decision making process	have stabilized in a manner consistent with other successful ASF projects. While incubation status is
+	not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has
+	yet to be fully endorsed by the ASF.</p>
+      <p>
+	<a href="/contact.html">Contact Us</a> |
+	<a href="/terms.html">Terms of Use</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	<br />OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	<br />Other names appearing on the site may be trademarks of their respective owners.
+      </p>
+    </div>
+  </div>
+
+</body>
+</html>

Added: websites/staging/ooo-site/trunk/content/why/why_foss.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/why/why_foss.html (added)
+++ websites/staging/ooo-site/trunk/content/why/why_foss.html Sat Oct 29 21:08:13 2011
@@ -0,0 +1,250 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<link href="/css/ooo.css" rel="stylesheet" type="text/css">
+
+
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+    <title>Why OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+    <link rel="stylesheet" href="suppress.css" type="text/css" />
+  <!-- handling for browsers without active javascript (use default style set hint on screen -->
+<link rel="stylesheet" href="why.css" type="text/css" />  <!-- browser detection and handling -->
+  <script language="javascript" src="why.js"></script>
+  <!-- end of browser detection -->
+        
+
+
+</head>
+
+<body>
+  <div id="banner">
+    <div id="bannerleft"><a alt="Apache OpenOffice.org (incubating)" href="http://incubator.apache.org/openofficeorg/">
+      <img id="logo" alt="Apache OpenOffice.org (Incubating)" src="/images/ooo-logo.png"/></a></div>
+    <div id="bannerright"><a alt="Apache Incubator" href="http://incubator.apache.org">
+      <img id="asf-logo" alt="Apache Incubator" src="/images/apache-incubator-logo.png"/></a></div>
+   <div id="bannercenter"><br/>(incubating)&nbsp;|&nbsp;The Free and Open Productivity Suite</div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+  <noscript><table border="0"><tr><td><h2>This page needs javascript.<br />If JavaScript is disabled, this page will not display correctly.</h2></td></tr></table></noscript>
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="containbody">
+<div id="container">
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>Why OpenOffice.org</h1>
+	</div>
+	<!-- End of headerwrapper -->
+
+    <!-- This hold the navigation tabs -->
+    <div id="tabholder">
+        <div id="tabs8">
+            <ul>
+                <!-- CSS Tabs -->
+                <li id="current"><a href="index.html"><span>Why</span></a></li>
+                <li><a href="why_great.html"><span>Great Software</span></a></li>
+                <li><a href="why_easy.html"><span>Easy to use</span></a></li>
+                <li><a href="why_free.html"><span>and it's free</span></a></li>
+            </ul>
+        </div>
+    </div>
+    <!-- End of the tabs holder -->
+    <!-- End of the tabs holder -->
+
+    <!-- Here's the box for the main article -->
+    <div class="articleboxouter">
+
+        <!-- Here's where you can place ur content -->
+        <div class="articleboxinner">
+
+            <!-- The main image. 300px by 210px -->
+            <img src="images/why_foss.png" width="300" height="210"
+            alt="OOo team meeting" title="OOo team meeting"
+            class="mainpiccontrol" name="pix" />
+            <div id="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Free/Open-Source Software</span>
+
+            <!-- The preview content -->
+            (F/OSS) proponents are turning to OpenOffice.org 3 both as end-users
+            and as contributors. With its <b>flexible word processor</b>,
+            <b>powerful spreadsheet</b>, <b>dynamic
+            graphics</b>, <b>database access</b> and more, OpenOffice.org 3 is
+            the office suite of choice of millions of users.<br />
+            OpenOffice.org 3 is released under the OSI approved LGPL terms, with over
+            750 contributors and an international community approaching 400,000
+            individuals.
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>
+        <!-- End of content holder -->
+    </div>
+    <!-- End of main article -->
+
+    <!-- Here's the box for some pics -->
+    <div class="picboxouter">
+
+        <!-- Here's where you can place ur thumbnails -->
+        <!-- All should be uniformly sized ;-) -->
+
+        <div class="screenbox">
+            <a href="images/writer-big.png"><img src="images/writer-icon.png"
+               class="screenboxcontrol"
+               alt="Writer word processor screenshot"  
+               title="Click for Writer word processor screenshot" /><br />
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/calc-big.png"><img src="images/calc-icon.png" 
+               class="screenboxcontrol"
+               alt="Calc spreadsheet screenshot" 
+               title="Click for Calc spreadsheet screenshot" /><br />
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/impress-big.png"><img src="images/impress-icon.png"
+               class="screenboxcontrol"
+               alt="Impress presentations screenshot"  
+               title="Click for Impress presentations screenshot" /><br />
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/draw-big.png"><img src="images/draw-icon.png"
+               class="screenboxcontrol"
+               alt="Draw graphics screenshot"  
+               title="Click for Draw graphics screenshot" /><br />
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/base-big.png"><img src="images/base-icon.png" 
+               class="screenboxcontrol"
+               alt="Base database screenshot"  
+               title="Click for Base database screenshot" /><br />
+               <span>Base</span>
+            </a>
+        </div>
+    </div>
+    <!-- End of photogallery -->
+
+    <!-- We love three columns, don't we? -->
+    <!-- Holder for three columns -->
+    <div class="articleboxouter">
+        <div id="newsContainer2">
+
+            <!-- Column 1 -->
+    		<div class="c1">
+    			<div class="noteheader">
+    				&nbsp;Software for all
+    			</div>
+    			<div class="spacy">
+OpenOffice.org 3 is the must-have desktop application that tens of
+millions of people are using - an open-source tool that your family, friends, 
+and neighbours will appreciate. With its free software licence and active
+Native Language Confederation, OpenOffice.org is a key player in the drive to eradicate
+digital exclusion and preserve minority languages threatened by being on
+the wrong side of the digital divide.
+For tens of thousands of community members, this makes the OpenOffice.org
+community their volunteering opportunity of choice.
+          </div>
+    		</div>
+
+    		<!-- Column 2 -->
+            <div class="c2">
+                <div class="noteheader">
+                    &nbsp;Open for development
+                </div>
+                <div class="spacy">
+OpenOffice.org 3 is a mature software product, representing over twenty years'
+continuous development. It is available across multiple operating systems.
+Understanding and contributing to the core development requires serious
+commitment and software engineering skills - not for the faint hearted.
+However, like all successful open-source projects, OpenOffice.org has an
+active developer community, keen to help new arrivals. 
+Alternatively, try writing extensions, or using
+OpenOffice.org's UNO based components in other applications.
+                </div>
+            </div>
+
+            <!-- Column 3 -->
+    		<div class="c3">
+                <div class="noteheader">
+                    &nbsp;Open world
+                </div>
+              <div class="spacy">
+    			<!-- The content for this attention grabbing block -->
+If you are using OpenOffice.org 3, you will appreciate the work
+that has gone into providing this software for you to use for free.
+Help us to ensure future users can continue to use it for free.
+The OpenOffice.org community invites contributors: <i>Whatever you do best,
+do it for OpenOffice.org</i>. As well as developers, the Community welcomes
+translators, artists, technical authors, testers, people offering user support, 
+sales and marketing people, lobbyists,
+donors, ... the list is long. The Community operates internationally in all
+time zones, linked by the internet. Talk to us today.
+              </div>
+            </div>
+        </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+</div>
+</div>
+<!-- End of master container -->
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredby">
+      <p><img src="/images/feather-small.gif"/><br/>Powered by the Apache CMS.</p>
+    </div>
+    <div id="copyrighta">
+      <p>
+	Apache "OpenOffice.org" is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.
+	Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and
+	decision making process	have stabilized in a manner consistent with other successful ASF projects. While incubation status is
+	not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has
+	yet to be fully endorsed by the ASF.</p>
+      <p>
+	<a href="/contact.html">Contact Us</a> |
+	<a href="/terms.html">Terms of Use</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	<br />OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	<br />Other names appearing on the site may be trademarks of their respective owners.
+      </p>
+    </div>
+  </div>
+
+</body>
+</html>

Added: websites/staging/ooo-site/trunk/content/why/why_free.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/why/why_free.html (added)
+++ websites/staging/ooo-site/trunk/content/why/why_free.html Sat Oct 29 21:08:13 2011
@@ -0,0 +1,252 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<link href="/css/ooo.css" rel="stylesheet" type="text/css">
+
+
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+    <title>Why OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+    <link rel="stylesheet" href="suppress.css" type="text/css" />
+  <!-- handling for browsers without active javascript (use default style set hint on screen -->
+<link rel="stylesheet" href="why.css" type="text/css" />  <!-- browser detection and handling -->
+  <script language="javascript" src="why.js"></script>
+  <!-- end of browser detection -->
+
+
+</head>
+
+<body>
+  <div id="banner">
+    <div id="bannerleft"><a alt="Apache OpenOffice.org (incubating)" href="http://incubator.apache.org/openofficeorg/">
+      <img id="logo" alt="Apache OpenOffice.org (Incubating)" src="/images/ooo-logo.png"/></a></div>
+    <div id="bannerright"><a alt="Apache Incubator" href="http://incubator.apache.org">
+      <img id="asf-logo" alt="Apache Incubator" src="/images/apache-incubator-logo.png"/></a></div>
+   <div id="bannercenter"><br/>(incubating)&nbsp;|&nbsp;The Free and Open Productivity Suite</div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+  <noscript><table border="0"><tr><td><h2>This page needs javascript.<br />If JavaScript is disabled, this page will not display correctly.</h2></td></tr></table></noscript>
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="containbody">
+<div id="container">
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>Why OpenOffice.org</h1>
+	  </div>
+	  <!-- End of headerwrapper -->
+
+    <!-- This hold the navigation tabs -->
+    <div id="tabholder">
+        <div id="tabs8">
+            <ul>
+                <!-- CSS Tabs -->
+                <li><a href="index.html"><span>Why</span></a></li>
+                <li><a href="why_great.html"><span>Great Software</span></a></li>
+                <li><a href="why_easy.html"><span>Easy to use</span></a></li>
+                <li id="current"><a href="#"><span>and it's free</span></a></li>
+            </ul>
+        </div>
+    </div>
+    <!-- End of the tabs holder -->
+
+    <!-- Here's the box for the main article -->
+    <div class="articleboxouter">
+
+      <!-- Here's where you can place ur content -->
+      <div class="articleboxinner">
+
+        <!-- The main image. 300px by 210px -->
+        <img src="images/why_free.png" width="300" height="210"
+            alt="Piggy bank" title="Piggy bank"
+            class="mainpiccontrol" name="pix" />
+        <div id="mytext">
+           <!-- The title for this article -->
+           <span class="articleheader" >Free software</span><br />
+
+           <!-- The preview content -->
+OpenOffice.org 3 is free software. That means you are free to download it,
+free to install it on as many PCs as you like, free to pass copies to
+as many people as you like. You may use OpenOffice.org 3 for any purpose
+without restriction: private, educational, public administration,
+commercial... Free, really free.
+        </div>
+        <!-- Link to the full article, an arrow and a text link -->
+        <span class="readmore">
+            <a href="#">
+              <img src="images/arrow.png" alt="read more" class="noborder" />
+            </a>
+                <a href="/download">
+                  Get OpenOffice.org 3 now
+                </a>
+            <br />&nbsp;
+        </span>
+      </div>    
+
+      <!-- End of content holder -->
+    </div>
+    <!-- End of main article -->
+
+    <!-- Here's the box for some pics -->
+    <div class="picboxouter">
+
+        <!-- Here's where you can place ur thumbnails -->
+        <!-- All should be uniformly sized ;-) -->
+
+        <div class="screenbox">
+            <a href="images/writer-big.png"><img src="images/writer-icon.png"
+               class="screenboxcontrol"
+               alt="Writer word processor screenshot"  
+               title="Click for Writer word processor screenshot" /><br />
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/calc-big.png"><img src="images/calc-icon.png" 
+               class="screenboxcontrol"
+               alt="Calc spreadsheet screenshot" 
+               title="Click for Calc spreadsheet screenshot" /><br />
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/impress-big.png"><img src="images/impress-icon.png"
+               class="screenboxcontrol"
+               alt="Impress presentations screenshot"  
+               title="Click for Impress presentations screenshot" /><br />
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/draw-big.png"><img src="images/draw-icon.png"
+               class="screenboxcontrol"
+               alt="Draw graphics screenshot"  
+               title="Click for Draw graphics screenshot" /><br />
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/base-big.png"><img src="images/base-icon.png" 
+               class="screenboxcontrol"
+               alt="Base database screenshot"  
+               title="Click for Base database screenshot" /><br />
+               <span>Base</span>
+            </a>
+        </div>
+    </div>
+    <!-- End of photogallery -->
+
+    <!-- We love three columns, don't we? -->
+    <!-- Holder for three columns -->
+    <div class="articleboxouter">
+        <div id="newsContainer2">
+
+            <!-- Column 1 -->
+            <div class="c1">
+    		       <div class="noteheader">
+    			        &nbsp;Free of charge
+    			     </div>
+    			     <div class="spacy">
+It's hard to believe that high quality, easy to use software like
+OpenOffice.org 3 can really be free.
+But thanks to contributions of time and money, 
+from individuals and companies 
+(large and small), OpenOffice.org is free for you to use today.
+Furthermore, the 
+open-source licence used by OpenOffice.org 3 
+means this freedom can never be taken away.
+The OpenOffice.org community are delighted if you find our
+software of use. Please help us by telling people about 
+OpenOffice.org 3, and if you can, pass them on a copy.
+More people use OpenOffice.org 3 as a result of personal
+recommendation than any other route.
+               </div>
+    		    </div>
+
+    		    <!-- Column 2 -->
+            <div class="c2">
+                <div class="noteheader">
+                    &nbsp;Freedom from worry
+                </div>
+                <div class="spacy">
+However, a free software licence means much more than a one-off cost saving.
+It means you never need worry again whether your software is legal,
+or whether it will expire some day. For people responsible for 
+a number of computers - from just a few in a small business, hundreds
+in a school, thousands in a corporation - this is a huge weight off
+the mind. No need for software audits, for keeping invoices for years,
+no worry about ending up in court because you misread some small print
+in a licence agreement.
+								</div>
+            </div>
+
+            <!-- Column 3 -->
+    		    <div class="c3">
+                <div class="noteheader">
+                    &nbsp;We value your freedom
+                </div>
+                <div class="spacy">
+    			<!-- The content for this attention grabbing block -->
+As part of a community dedicated to free software, we also value
+your freedom of choice. OpenOffice.org 3 will read and
+write files which can be used in other common office software.
+It was the first software in the world to fully support the ISO
+standard for office file formats which is being adopted by a growing
+number of software vendors. If you want to use other software,
+we want you to be free to do so. If you want to change your PC
+from Microsoft Windows to Apple Mac to Linux to Sun Solaris,
+we want you to be free to do so.
+If you like this approach, feel free to join the OpenOffice.org
+community.
+               </div>
+            </div>
+        </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+</div>
+</div>
+<!-- End of master container -->
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredby">
+      <p><img src="/images/feather-small.gif"/><br/>Powered by the Apache CMS.</p>
+    </div>
+    <div id="copyrighta">
+      <p>
+	Apache "OpenOffice.org" is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.
+	Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and
+	decision making process	have stabilized in a manner consistent with other successful ASF projects. While incubation status is
+	not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has
+	yet to be fully endorsed by the ASF.</p>
+      <p>
+	<a href="/contact.html">Contact Us</a> |
+	<a href="/terms.html">Terms of Use</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	<br />OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	<br />Other names appearing on the site may be trademarks of their respective owners.
+      </p>
+    </div>
+  </div>
+
+</body>
+</html>

Added: websites/staging/ooo-site/trunk/content/why/why_gov.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/why/why_gov.html (added)
+++ websites/staging/ooo-site/trunk/content/why/why_gov.html Sat Oct 29 21:08:13 2011
@@ -0,0 +1,241 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<link href="/css/ooo.css" rel="stylesheet" type="text/css">
+
+
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+    <title>Why OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+    <link rel="stylesheet" href="suppress.css" type="text/css" />
+  <!-- handling for browsers without active javascript (use default style set hint on screen -->
+<link rel="stylesheet" href="why.css" type="text/css" />  <!-- browser detection and handling -->
+  <script language="javascript" src="why.js"></script>
+  <!-- end of browser detection -->
+        
+
+
+</head>
+
+<body>
+  <div id="banner">
+    <div id="bannerleft"><a alt="Apache OpenOffice.org (incubating)" href="http://incubator.apache.org/openofficeorg/">
+      <img id="logo" alt="Apache OpenOffice.org (Incubating)" src="/images/ooo-logo.png"/></a></div>
+    <div id="bannerright"><a alt="Apache Incubator" href="http://incubator.apache.org">
+      <img id="asf-logo" alt="Apache Incubator" src="/images/apache-incubator-logo.png"/></a></div>
+   <div id="bannercenter"><br/>(incubating)&nbsp;|&nbsp;The Free and Open Productivity Suite</div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+  <noscript><table border="0"><tr><td><h2>This page needs javascript.<br />If JavaScript is disabled, this page will not display correctly.</h2></td></tr></table></noscript>
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="containbody">
+<div id="container">
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>Why OpenOffice.org</h1>
+	</div>
+	<!-- End of headerwrapper -->
+
+    <!-- This hold the navigation tabs -->
+    <div id="tabholder">
+        <div id="tabs8">
+            <ul>
+                <!-- CSS Tabs -->
+                <li id="current"><a href="index.html"><span>Why</span></a></li>
+                <li><a href="why_great.html"><span>Great Software</span></a></li>
+                <li><a href="why_easy.html"><span>Easy to use</span></a></li>
+                <li><a href="why_free.html"><span>and it's free</span></a></li>
+            </ul>
+        </div>
+    </div>
+    <!-- End of the tabs holder -->
+
+    <!-- Here's the box for the main article -->
+    <div class="articleboxouter">
+
+        <!-- Here's where you can place ur content -->
+        <div class="articleboxinner">
+
+            <!-- The main image. 300px by 210px -->
+            <img src="images/why_gov.png" width="300" height="210"
+            alt="Parliament building" title="Parliament building"
+            class="mainpiccontrol" name="pix" />
+            <div id="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Public administrations</span>
+
+            <!-- The preview content -->
+            and people working at <b>all levels of government</b> 
+            (local / federal / regional / national etc) find OpenOffice.org 3
+            is their ideal software solution. The combination of a
+            <b>flexible word processor</b>, a <b>powerful spreadsheet</b>, <b>dynamic
+            graphics</b>, <b>database access</b> and more meets all the everyday needs
+            of a typical busy office worker.<br />
+            Already available in a <b>wide range of languages</b>, OpenOffice.org 3
+            can be freely translated by local teams.
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>
+        <!-- End of content holder -->
+    </div>
+    <!-- End of main article -->
+
+    <!-- Here's the box for some pics -->
+    <div class="picboxouter">
+
+        <!-- Here's where you can place ur thumbnails -->
+        <!-- All should be uniformly sized ;-) -->
+
+        <div class="screenbox">
+            <a href="images/writer-big.png"><img src="images/writer-icon.png"
+               class="screenboxcontrol"
+               alt="Writer word processor screenshot"  
+               title="Click for Writer word processor screenshot" /><br />
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/calc-big.png"><img src="images/calc-icon.png" 
+               class="screenboxcontrol"
+               alt="Calc spreadsheet screenshot" 
+               title="Click for Calc spreadsheet screenshot" /><br />
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/impress-big.png"><img src="images/impress-icon.png"
+               class="screenboxcontrol"
+               alt="Impress presentations screenshot"  
+               title="Click for Impress presentations screenshot" /><br />
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/draw-big.png"><img src="images/draw-icon.png"
+               class="screenboxcontrol"
+               alt="Draw graphics screenshot"  
+               title="Click for Draw graphics screenshot" /><br />
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/base-big.png"><img src="images/base-icon.png" 
+               class="screenboxcontrol"
+               alt="Base database screenshot"  
+               title="Click for Base database screenshot" /><br />
+               <span>Base</span>
+            </a>
+        </div>
+    </div>
+    <!-- End of photogallery -->
+
+    <!-- We love three columns, don't we? -->
+    <!-- Holder for three columns -->
+    <div class="articleboxouter">
+        <div id="newsContainer2">
+
+            <!-- Column 1 -->
+    		<div class="c1">
+    			<div class="noteheader">
+    				&nbsp;Best value
+    			</div>
+    			<div class="spacy">
+Using OpenOffice.org 3 demonstrates your commitment to deliver best value services. 
+It is not owned by any commercial organisation. Its open
+source licence means there are no licence fees to pay, no expensive annual
+audits, and no worries about non-compliance with onerous and obscure licencing 
+conditions. You may also distribute the software free to your employees,
+through the schools system, or any other channel of your choice.
+          </div>
+    		</div>
+
+    		<!-- Column 2 -->
+            <div class="c2">
+                <div class="noteheader">
+                    &nbsp;Data is safe
+                </div>
+                <div class="spacy">
+Freedom of Information Acts require that the documents you create today will be
+accessible years in the future. OpenOffice.org 3 is the first software in the world
+to use ISO approved file formats as its default. It also has the ability to create
+pdf files if you need to publish information in a standard 'read only' format.
+If you already have (possibly unlicenced) office software, OpenOffice.org 3
+should be able to read your old files.
+                </div>
+            </div>
+
+            <!-- Column 3 -->
+    		<div class="c3">
+                <div class="noteheader">
+                    &nbsp;Open for all
+                </div>
+              <div class="spacy">
+    			<!-- The content for this attention grabbing block -->
+There are no secrets in OpenOffice.org 3 - our open-source policy means anyone
+can inspect the code or even help us develop the software. We actively encourage local
+teams to produce versions for minority languages. OpenOffice.org 3 is a leading
+international force in the movement for digital inclusion - making software
+of the highest quality available to all, regardless of income.
+              </div>
+            </div>
+        </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+</div>
+</div>
+<!-- End of master container -->
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredby">
+      <p><img src="/images/feather-small.gif"/><br/>Powered by the Apache CMS.</p>
+    </div>
+    <div id="copyrighta">
+      <p>
+	Apache "OpenOffice.org" is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.
+	Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and
+	decision making process	have stabilized in a manner consistent with other successful ASF projects. While incubation status is
+	not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has
+	yet to be fully endorsed by the ASF.</p>
+      <p>
+	<a href="/contact.html">Contact Us</a> |
+	<a href="/terms.html">Terms of Use</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	<br />OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	<br />Other names appearing on the site may be trademarks of their respective owners.
+      </p>
+    </div>
+  </div>
+
+</body>
+</html>

Added: websites/staging/ooo-site/trunk/content/why/why_great.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/why/why_great.html (added)
+++ websites/staging/ooo-site/trunk/content/why/why_great.html Sat Oct 29 21:08:13 2011
@@ -0,0 +1,421 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<link href="/css/ooo.css" rel="stylesheet" type="text/css">
+
+
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+    <title>Why OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+    <link rel="stylesheet" href="suppress.css" type="text/css" />
+  <!-- handling for browsers without active javascript (use default style set hint on screen -->
+<link rel="stylesheet" href="why.css" type="text/css" />  <!-- browser detection and handling -->
+  <script language="javascript" src="why.js"></script>
+  <!-- end of browser detection -->
+<script language="JavaScript" type="text/javascript">
+var myPrefix='box_';
+function swapper(item)
+{
+  for( i=1; i<7; i++)
+	{
+	  document.getElementById( myPrefix + i ).style.display = 'none';
+	}
+  var state = document.getElementById( item ).style.display;
+  if ( state == 'block' )
+  {
+	  document.getElementById( item ).style.display = 'none';
+	}
+  else
+	{
+	  document.getElementById( item ).style.display = 'block';
+	}
+}
+</script>
+
+
+</head>
+
+<body>
+  <div id="banner">
+    <div id="bannerleft"><a alt="Apache OpenOffice.org (incubating)" href="http://incubator.apache.org/openofficeorg/">
+      <img id="logo" alt="Apache OpenOffice.org (Incubating)" src="/images/ooo-logo.png"/></a></div>
+    <div id="bannerright"><a alt="Apache Incubator" href="http://incubator.apache.org">
+      <img id="asf-logo" alt="Apache Incubator" src="/images/apache-incubator-logo.png"/></a></div>
+   <div id="bannercenter"><br/>(incubating)&nbsp;|&nbsp;The Free and Open Productivity Suite</div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+  <noscript><table border="0"><tr><td><h2>This page needs javascript.<br />If JavaScript is disabled, this page will not display correctly.</h2></td></tr></table></noscript>
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="containbody">
+<div id="container">
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>Why OpenOffice.org</h1>
+	</div>
+	<!-- End of headerwrapper -->
+
+    <!-- This hold the navigation tabs -->
+    <div id="tabholder">
+        <div id="tabs8">
+            <ul>
+                <!-- CSS Tabs -->
+                <li><a href="index.html"><span>Why</span></a></li>
+                <li id="current"><a href="#" onmouseover="swapper('box_1');">
+                  <span>Great Software</span></a>
+                 </li>
+                <li><a href="why_easy.html"><span>Easy to use</span></a></li>
+                <li><a href="why_free.html"><span>and it's free</span></a></li>
+            </ul>
+        </div>
+    </div>
+    <!-- End of the tabs holder -->
+
+    <!-- Here's the box for the main article -->
+    <div class="articleboxouter">
+
+        <!-- Here's where you can place ur content -->
+        <div class="articleboxinner">
+
+        <div id="box_1">
+            <!-- The main image. 300px by 210px -->
+            <img src="images/why_great.png" width="300" height="210"
+            alt="OpenOffice.org 3 software" title="OpenOffice.org 3 software"
+            class="mainpiccontrol" name="pix1" />
+            <div id="mytext1">
+            <!-- The title for this article -->
+            <span class="articleheader" >Great Software</span>
+
+            <!-- The preview content -->
+            requires great people. 
+            OpenOffice.org 3 is the result of over twenty years' continuous
+            high quality software engineering. Designed from the start as a
+            <b>single piece of software</b>, OpenOffice.org 3 has a consistency
+            and a quality that is world class. 
+            Its <b>open-source</b> development model means there are no secrets.
+            <br />
+            Roll your mouse over the screenshots for more
+            details of the main components
+            <i>(requires javascript)</i>.
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+
+        <div class="boxes" id="box_2">    
+            <!-- The main image. 300px by 210px -->
+            <a href="images/writer-big.png">
+            <img src="images/writer-crop.png" 
+            width="300" height="210"
+            alt="Writer" title="Click for full-size screenshot of Writer"
+            class="mainpiccontrol" name="pix2" /></a>
+            <div id="mytext2">
+            <!-- The title for this article -->
+            <span class="articleheader" >Writer</span>
+
+            <!-- The preview content -->
+has everything you would expect from a modern, fully equipped word processor or desktop publisher: powerful features like AutoCorrect, AutoComplete, AutoFormat, Styles and Formatting, Text Frames and Linking, Tables of Contents, Indexing, Bibliographical References, Illustrations, Tables, and other objects.<br />
+<b>Writer</b> is simple enough for a quick memo, powerful and stable enough to create 
+complete books with lots of graphics, headings etc.
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+                        
+        <div class="boxes" id="box_3">    
+            <!-- The main image. 300px by 210px -->
+            <a href="images/calc-big.png">
+            <img src="images/calc-crop.png" 
+            width="300" height="210"
+            alt="Calc" title="Click for full-size screenshot of Calc"
+            class="mainpiccontrol" name="pix3" /></a>
+            <div id="mytext3">
+            <!-- The title for this article -->
+            <span class="articleheader" >Calc</span>
+
+            <!-- The preview content -->
+is the spreadsheet you've always wanted. Newcomers find it intuitive and easy to learn; professional data miners and number crunchers will appreciate the comprehensive range of powerful features including Advanced DataPilot technology, Natural language formulas, an Intelligent Sum Button, a comprehensive range of advanced spreadsheet functions, Styles and Formatting, and a Scenario Manager for "what ifs".
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+
+        <div class="boxes" id="box_4">    
+            <!-- The main image. 300px by 210px -->
+            <a href="images/impress-big.png">
+            <img src="images/impress-crop.png" 
+            width="300" height="210"
+            alt="Impress" title="Click for full-size screenshot of Impress"
+            class="mainpiccontrol" name="pix4" /></a>
+            <div id="mytext4">
+            <!-- The title for this article -->
+            <span class="articleheader" >Impress</span>
+
+            <!-- The preview content -->
+is a truly outstanding tool for creating effective multimedia presentations. Your presentations will stand out with 2D and 3D clip art, fontworks, special effects, animation, and high-impact drawing tools. A multi-pane view puts all the tools at your fingertips, and you can 'park' your most commonly used drawing tools around your screen ready for single-click access. 
+Share your work in many ways: not only pdf, but also html and Flash.<br />
+Get your message across with <b>Impress</b>.
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+
+        <div class="boxes" id="box_5">    
+            <!-- The main image. 300px by 210px -->
+            <a href="images/draw-big.png">
+            <img src="images/draw-crop.png" 
+            width="300" height="210"
+            alt="Draw" title="Click for full-size screenshot of Draw"
+            class="mainpiccontrol" name="pix5" /></a>
+            <div id="mytext5">
+            <!-- The title for this article -->
+            <span class="articleheader" >Draw</span>
+
+            <!-- The preview content -->
+anything from a quick sketch to a complex plan. <b>Draw</b> gives you the tools to communicate with graphics and diagrams. Manipulate objects, rotate in two or three dimensions; use sophisticated rendering to create photorealistic images. Smart connectors make short work of flowcharts, organisation charts, network diagrams, etc. Styles - a common OpenOffice.org
+feature - help you control your work easily and precisely in Draw.<br />
+A <b>Draw</b> image is worth a thousand words!
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+
+        <div class="boxes" id="box_6">    
+            <!-- The main image. 300px by 210px -->
+            <a href="images/base-big.png">
+            <img src="images/base-crop.png" 
+            width="300" height="210"
+            alt="Base" title="Click for full-size screenshot of Base"
+            class="mainpiccontrol" name="pix6" /></a>
+            <div id="mytext6">
+            <!-- The title for this article -->
+            <span class="articleheader" >Base</span>
+
+            <!-- The preview content -->
+enables you to manipulate database data seamlessly within OpenOffice.org 3. Create and modify tables, forms, queries, and reports, either using your own database or <b>Base</b>'s own built-in HSQL database engine. <b>Base</b> offers a choice of using Wizards, Design Views, or SQL Views for beginners, intermediate, and advanced users.<br />
+Access your databases easily with <b>Base</b>.
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+
+
+        </div>
+        <!-- End of content holder -->
+    </div>
+    <!-- End of main article -->
+
+    <!-- Here's the box for some pics -->
+    <div class="picboxouter">
+
+        <!-- Here's where you can place ur thumbnails -->
+        <!-- All should be uniformly sized ;-) -->
+
+        <div class="screenbox">
+            <a href="images/writer-big.png" onmouseover="swapper('box_2');">
+               <img src="images/writer-icon.png"
+               class="screenboxcontrol"
+               alt="Writer word processor screenshot"  
+               title="Click for Writer word processor screenshot" /><br />
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/calc-big.png" onmouseover="swapper('box_3');">
+               <img src="images/calc-icon.png" 
+               class="screenboxcontrol"
+               alt="Calc spreadsheet screenshot" 
+               title="Click for Calc spreadsheet screenshot" /><br />
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/impress-big.png" onmouseover="swapper('box_4');">
+               <img src="images/impress-icon.png"
+               class="screenboxcontrol"
+               alt="Impress presentations screenshot"  
+               title="Click for Impress presentations screenshot" /><br />
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/draw-big.png" onmouseover="swapper('box_5');">
+               <img src="images/draw-icon.png"
+               class="screenboxcontrol"
+               alt="Draw graphics screenshot"  
+               title="Click for Draw graphics screenshot" /><br />
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/base-big.png" onmouseover="swapper('box_6');">
+               <img src="images/base-icon.png" 
+               class="screenboxcontrol"
+               alt="Base database screenshot"  
+               title="Click for Base database screenshot" /><br />
+               <span>Base</span>
+            </a>
+        </div>
+    </div>
+    <!-- End of photogallery -->
+
+    <!-- We love three columns, don't we? -->
+    <!-- Holder for three columns -->
+    <div class="articleboxouter">
+      <div id="newsContainer2">
+
+        <!-- Column 1 -->
+    		<div class="c1">
+    		  <div class="noteheader">
+    		    &nbsp;Better by design
+    		  </div>
+    			<div class="spacy">
+Developed over twenty years, OpenOffice.org is a mature, reliable, product.
+OpenOffice.org was designed from the start as a single piece of
+software - not bolted together from separate software packages.
+This makes it very consistent and easy to use - what you learn
+in one application is immediately usable in another. The context-sensitive
+help works across all applications, unobtrusively providing the precise help you
+need. You can even open any type of document from any application - 
+OpenOffice.org 3 is really one
+piece of software. It also runs on all major computing platforms - Microsoft Windows,
+GNU/Linux, Sun Solaris, Apple Mac - isn't that great!
+          </div>
+    		</div>
+
+    		<!-- Column 2 -->
+        <div class="c2">
+          <div class="noteheader">
+              &nbsp;Better for you
+          </div>
+          <div class="spacy">
+OpenOffice.org 3 contains all the office software you need, in one single
+package. You don't have to worry which version to install: one installation
+program provides everything. The installation also includes features which
+some expensive rivals do not - for example, the ability to create .pdf files
+when you want to guarantee what the recipient sees on their computer. There
+is also a growing range of extensions: additional features that any developer can provide. OpenOffice.org releases release software several times a year so
+you can take advantage of new features as quickly as possible. 
+				  </div>
+        </div>
+
+        <!-- Column 3 -->
+    		<div class="c3">
+           <div class="noteheader">
+              &nbsp;Honest software
+           </div>
+           <div class="spacy">
+    		   <!-- The content for this attention grabbing block -->
+OpenOffice.org 3 is developed using an open-software, "no secrets" approach.
+Anyone can look at the programs and suggest improvements, or fix bugs.
+Anyone can report problems or request enhancements, and anyone can see the
+response from other users or developers. The status of current and future releases
+is displayed on a public wiki, so you can decide if and when you want to upgrade
+to take advantage of new features. Anyone used to commercial software and its
+hyping and marketing speak will find OpenOffice.org 3 refreshingly different.
+Enjoy the benefits of open-source!
+           </div>
+         </div>
+      </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+</div>
+</div>
+<!-- End of master container -->
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredby">
+      <p><img src="/images/feather-small.gif"/><br/>Powered by the Apache CMS.</p>
+    </div>
+    <div id="copyrighta">
+      <p>
+	Apache "OpenOffice.org" is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.
+	Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and
+	decision making process	have stabilized in a manner consistent with other successful ASF projects. While incubation status is
+	not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has
+	yet to be fully endorsed by the ASF.</p>
+      <p>
+	<a href="/contact.html">Contact Us</a> |
+	<a href="/terms.html">Terms of Use</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	<br />OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	<br />Other names appearing on the site may be trademarks of their respective owners.
+      </p>
+    </div>
+  </div>
+
+</body>
+</html>

Added: websites/staging/ooo-site/trunk/content/why/why_great_test.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/why/why_great_test.html (added)
+++ websites/staging/ooo-site/trunk/content/why/why_great_test.html Sat Oct 29 21:08:13 2011
@@ -0,0 +1,421 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<link href="/css/ooo.css" rel="stylesheet" type="text/css">
+
+
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+    <title>Why OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+    <link rel="stylesheet" href="suppress.css" type="text/css" />
+  <!-- handling for browsers without activ javascript (use default style set hint on screen -->
+<link rel="stylesheet" href="why.css" type="text/css" />  <!-- browser detection and handling -->
+  <script language="javascript" src="why.js"></script>
+  <!-- end of browser detection -->
+<script language="JavaScript" type="text/javascript">
+var myPrefix='box_';
+function swapper(item)
+{
+  for( i=1; i<7; i++)
+	{
+	  document.getElementById( myPrefix + i ).style.display = 'none';
+	}
+  var state = document.getElementById( item ).style.display;
+  if ( state == 'block' )
+  {
+	  document.getElementById( item ).style.display = 'none';
+	}
+  else
+	{
+	  document.getElementById( item ).style.display = 'block';
+	}
+}
+</script>
+
+
+</head>
+
+<body>
+  <div id="banner">
+    <div id="bannerleft"><a alt="Apache OpenOffice.org (incubating)" href="http://incubator.apache.org/openofficeorg/">
+      <img id="logo" alt="Apache OpenOffice.org (Incubating)" src="/images/ooo-logo.png"/></a></div>
+    <div id="bannerright"><a alt="Apache Incubator" href="http://incubator.apache.org">
+      <img id="asf-logo" alt="Apache Incubator" src="/images/apache-incubator-logo.png"/></a></div>
+   <div id="bannercenter"><br/>(incubating)&nbsp;|&nbsp;The Free and Open Productivity Suite</div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+  <noscript><table border="0"><tr><td><h2>This page needs javascript.<br />If javascript is disabled, the page will not shown correct!</h2></td></tr></table></noscript>
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="containbody">
+<div id="container">
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>Why OpenOffice.org</h1>
+	</div>
+	<!-- End of headerwrapper -->
+
+    <!-- This hold the navigation tabs -->
+    <div id="tabholder">
+        <div id="tabs8">
+            <ul>
+                <!-- CSS Tabs -->
+                <li><a href="index.html"><span>Why</span></a></li>
+                <li id="current"><a href="#" onmouseover="swapper('box_1');">
+                  <span>Great Software</span></a>
+                 </li>
+                <li><a href="why_easy.html"><span>Easy to use</span></a></li>
+                <li><a href="why_free.html"><span>and it's free</span></a></li>
+            </ul>
+        </div>
+    </div>
+    <!-- End of the tabs holder -->
+
+    <!-- Here's the box for the main article -->
+    <div class="articleboxouter">
+
+        <!-- Here's where you can place ur content -->
+        <div class="articleboxinner">
+
+        <div id="box_1">
+            <!-- The main image. 300px by 210px -->
+            <img src="images/why_great.png" width="300" height="210"
+            alt="OpenOffice.org 3 software" title="OpenOffice.org 3 software"
+            class="mainpiccontrol" name="pix1" />
+            <div id="mytext1">
+            <!-- The title for this article -->
+            <span class="articleheader" >Great Software</span>
+
+            <!-- The preview content -->
+            requires great people. 
+            OpenOffice.org 3 is the result of over twenty years' continuous
+            high quality software engineering. Designed from the start as a
+            <b>single piece of software</b>, OpenOffice.org 3 has a consistency
+            and a quality that is world class. 
+            Its <b>open-source</b> development model means there are no secrets.
+            <br />
+            Roll your mouse over the screenshots for more
+            details of the main components
+            <i>(requires javascript)</i>.
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download/2.3.0/index.html">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+
+        <div class="boxes" id="box_2">    
+            <!-- The main image. 300px by 210px -->
+            <a href="images/writer-big.png">
+            <img src="images/writer-crop.png" 
+            width="300" height="210"
+            alt="Writer" title="Click for full-size screenshot of Writer"
+            class="mainpiccontrol" name="pix2" /></a>
+            <div id="mytext2">
+            <!-- The title for this article -->
+            <span class="articleheader" >Writer</span>
+
+            <!-- The preview content -->
+has everything you would expect from a modern, fully equipped word processor or desktop publisher: powerful features like AutoCorrect, AutoComplete, AutoFormat, Styles and Formatting, Text Frames and Linking, Tables of Contents, Indexing, Bibliographical References, Illustrations, Tables, and other objects.<br />
+<b>Writer</b> is simple enough for a quick memo, powerful and stable enough to create 
+complete books with lots of graphics, headings etc.
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download/2.2.1/index.html">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+                        
+        <div class="boxes" id="box_3">    
+            <!-- The main image. 300px by 210px -->
+            <a href="images/calc-big.png">
+            <img src="images/calc-crop.png" 
+            width="300" height="210"
+            alt="Calc" title="Click for full-size screenshot of Calc"
+            class="mainpiccontrol" name="pix3" /></a>
+            <div id="mytext3">
+            <!-- The title for this article -->
+            <span class="articleheader" >Calc</span>
+
+            <!-- The preview content -->
+is the spreadsheet you've always wanted. Newcomers find it intuitive and easy to learn; professional data miners and number crunchers will appreciate the comprehensive range of powerful features including Advanced DataPilot technology, Natural language formulas, an Intelligent Sum Button, a comprehensive range of advanced spreadsheet functions, Styles and Formatting, and a Scenario Manager for "what ifs".
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download/2.2.1/index.html">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+
+        <div class="boxes" id="box_4">    
+            <!-- The main image. 300px by 210px -->
+            <a href="images/impress-big.png">
+            <img src="images/impress-crop.png" 
+            width="300" height="210"
+            alt="Impress" title="Click for full-size screenshot of Impress"
+            class="mainpiccontrol" name="pix4" /></a>
+            <div id="mytext4">
+            <!-- The title for this article -->
+            <span class="articleheader" >Impress</span>
+
+            <!-- The preview content -->
+is a truly outstanding tool for creating effective multimedia presentations. Your presentations will stand out with 2D and 3D clip art, fontworks, special effects, animation, and high-impact drawing tools. A multi-pane view puts all the tools at your fingertips, and you can 'park' your most commonly used drawing tools around your screen ready for single-click access. 
+Share your work in many ways: not only pdf, but also html and Flash.<br />
+Get your message across with <b>Impress</b>.
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download/2.2.1/index.html">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+
+        <div class="boxes" id="box_5">    
+            <!-- The main image. 300px by 210px -->
+            <a href="images/draw-big.png">
+            <img src="images/draw-crop.png" 
+            width="300" height="210"
+            alt="Draw" title="Click for full-size screenshot of Draw"
+            class="mainpiccontrol" name="pix5" /></a>
+            <div id="mytext5">
+            <!-- The title for this article -->
+            <span class="articleheader" >Draw</span>
+
+            <!-- The preview content -->
+anything from a quick sketch to a complex plan. <b>Draw</b> gives you the tools to communicate with graphics and diagrams. Manipulate objects, rotate in two or three dimensions; use sophisticated rendering to create photorealistic images. Smart connectors make short work of flowcharts, organisation charts, network diagrams, etc. Styles - a common OpenOffice.org
+feature - help you control your work easily and precisely in Draw.<br />
+A <b>Draw</b> image is worth a thousand words!
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download/2.2.1/index.html">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+
+        <div class="boxes" id="box_6">    
+            <!-- The main image. 300px by 210px -->
+            <a href="images/base-big.png">
+            <img src="images/base-crop.png" 
+            width="300" height="210"
+            alt="Base" title="Click for full-size screenshot of Base"
+            class="mainpiccontrol" name="pix6" /></a>
+            <div id="mytext6">
+            <!-- The title for this article -->
+            <span class="articleheader" >Base</span>
+
+            <!-- The preview content -->
+enables you to manipulate database data seamlessly within OpenOffice.org 3. Create and modify tables, forms, queries, and reports, either using your own database or <b>Base</b>'s own built-in HSQL database engine. <b>Base</b> offers a choice of using Wizards, Design Views, or SQL Views for beginners, intermediate, and advanced users.<br />
+Access your databases easily with <b>Base</b>.
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download/2.2.1/index.html">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+
+
+        </div>
+        <!-- End of content holder -->
+    </div>
+    <!-- End of main article -->
+
+    <!-- Here's the box for some pics -->
+    <div class="picboxouter">
+
+        <!-- Here's where you can place ur thumbnails -->
+        <!-- All should be uniformly sized ;-) -->
+
+        <div class="screenbox">
+            <a href="images/writer-big.png" onmouseover="swapper('box_2');">
+               <img src="images/writer-icon.png"
+               class="screenboxcontrol"
+               alt="Writer word processor screenshot"  
+               title="Click for Writer word processor screenshot" /><br />
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/calc-big.png" onmouseover="swapper('box_3');">
+               <img src="images/calc-icon.png" 
+               class="screenboxcontrol"
+               alt="Calc spreadsheet screenshot" 
+               title="Click for Calc spreadsheet screenshot" /><br />
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/impress-big.png" onmouseover="swapper('box_4');">
+               <img src="images/impress-icon.png"
+               class="screenboxcontrol"
+               alt="Impress presentations screenshot"  
+               title="Click for Impress presentations screenshot" /><br />
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/draw-big.png" onmouseover="swapper('box_5');">
+               <img src="images/draw-icon.png"
+               class="screenboxcontrol"
+               alt="Draw graphics screenshot"  
+               title="Click for Draw graphics screenshot" /><br />
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/base-big.png" onmouseover="swapper('box_6');">
+               <img src="images/base-icon.png" 
+               class="screenboxcontrol"
+               alt="Base database screenshot"  
+               title="Click for Base database screenshot" /><br />
+               <span>Base</span>
+            </a>
+        </div>
+    </div>
+    <!-- End of photogallery -->
+
+    <!-- We love three columns, don't we? -->
+    <!-- Holder for three columns -->
+    <div class="articleboxouter">
+      <div id="newsContainer2">
+
+        <!-- Column 1 -->
+    		<div class="c1">
+    		  <div class="noteheader">
+    		    &nbsp;Better by design
+    		  </div>
+    			<div class="spacy">
+Developed over twenty years, OpenOffice.org is a mature, reliable, product.
+OpenOffice.org was designed from the start as a single piece of
+software - not bolted together from separate software packages.
+This makes it very consistent and easy to use - what you learn
+in one application is immediately usable in another. The context-sensitive
+help works across all applications, unobtrusively providing the precise help you
+need. You can even open any type of document from any application - 
+OpenOffice.org 3 is really one
+piece of software. It also runs on all major computing platforms - Microsoft Windows,
+GNU/Linux, Sun Solaris, Apple Mac - isn't that great!
+          </div>
+    		</div>
+
+    		<!-- Column 2 -->
+        <div class="c2">
+          <div class="noteheader">
+              &nbsp;Better for you
+          </div>
+          <div class="spacy">
+OpenOffice.org 3 contains all the office software you need, in one single
+package. You don't have to worry which version to install: one installation
+program provides everything. The installation also includes features which
+some expensive rivals do not - for example, the ability to create .pdf files
+when you want to guarantee what the recipient sees on their computer. There
+is also a growing range of extensions: additional features that any developer can provide. OpenOffice.org releases release software several times a year so
+you can take advantage of new features as quickly as possible. 
+				  </div>
+        </div>
+
+        <!-- Column 3 -->
+    		<div class="c3">
+           <div class="noteheader">
+              &nbsp;Honest software
+           </div>
+           <div class="spacy">
+    		   <!-- The content for this attention grabbing block -->
+OpenOffice.org 3 is developed using an open-software, "no secrets" approach.
+Anyone can look at the programs and suggest improvements, or fix bugs.
+Anyone can report problems or request enhancements, and anyone can see the
+response from other users or developers. The status of current and future releases
+is displayed on a public wiki, so you can decide if and when you want to upgrade
+to take advantage of new features. Anyone used to commercial software and its
+hyping and marketing speak will find OpenOffice.org 3 refreshingly different.
+Enjoy the benefits of open-source!
+           </div>
+         </div>
+      </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+</div>
+</div>
+<!-- End of master container -->
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredby">
+      <p><img src="/images/feather-small.gif"/><br/>Powered by the Apache CMS.</p>
+    </div>
+    <div id="copyrighta">
+      <p>
+	Apache "OpenOffice.org" is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.
+	Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and
+	decision making process	have stabilized in a manner consistent with other successful ASF projects. While incubation status is
+	not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has
+	yet to be fully endorsed by the ASF.</p>
+      <p>
+	<a href="/contact.html">Contact Us</a> |
+	<a href="/terms.html">Terms of Use</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	<br />OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	<br />Other names appearing on the site may be trademarks of their respective owners.
+      </p>
+    </div>
+  </div>
+
+</body>
+</html>

Added: websites/staging/ooo-site/trunk/content/why/why_nfp.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/why/why_nfp.html (added)
+++ websites/staging/ooo-site/trunk/content/why/why_nfp.html Sat Oct 29 21:08:13 2011
@@ -0,0 +1,253 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<link href="/css/ooo.css" rel="stylesheet" type="text/css">
+
+
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+    <title>Why OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+    <link rel="stylesheet" href="suppress.css" type="text/css" />
+  <!-- handling for browsers without active javascript (use default style set hint on screen -->
+<link rel="stylesheet" href="why.css" type="text/css" />  <!-- browser detection and handling -->
+  <script language="javascript" src="why.js"></script>
+  <!-- end of browser detection -->
+        
+
+
+</head>
+
+<body>
+  <div id="banner">
+    <div id="bannerleft"><a alt="Apache OpenOffice.org (incubating)" href="http://incubator.apache.org/openofficeorg/">
+      <img id="logo" alt="Apache OpenOffice.org (Incubating)" src="/images/ooo-logo.png"/></a></div>
+    <div id="bannerright"><a alt="Apache Incubator" href="http://incubator.apache.org">
+      <img id="asf-logo" alt="Apache Incubator" src="/images/apache-incubator-logo.png"/></a></div>
+   <div id="bannercenter"><br/>(incubating)&nbsp;|&nbsp;The Free and Open Productivity Suite</div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+  <noscript><table border="0"><tr><td><h2>This page needs javascript.<br />If JavaScript is disabled, this page will not display correctly.</h2></td></tr></table></noscript>
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="containbody">
+<div id="container">
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>Why OpenOffice.org</h1>
+	</div>
+	<!-- End of headerwrapper -->
+
+    <!-- This hold the navigation tabs -->
+    <div id="tabholder">
+        <div id="tabs8">
+            <ul>
+                <!-- CSS Tabs -->
+                <li id="current"><a href="index.html"><span>Why</span></a></li>
+                <li><a href="why_great.html"><span>Great Software</span></a></li>
+                <li><a href="why_easy.html"><span>Easy to use</span></a></li>
+                <li><a href="why_free.html"><span>and it's free</span></a></li>
+            </ul>
+        </div>
+    </div>
+    <!-- End of the tabs holder -->
+
+    <!-- Here's the box for the main article -->
+    <div class="articleboxouter">
+
+        <!-- Here's where you can place ur content -->
+        <div class="articleboxinner">
+
+            <!-- The main image. 300px by 210px -->
+            <img src="images/why_nfp.png" width="300" height="210"
+            alt="Not for profts" title="Not for Profits"
+            class="mainpiccontrol" name="pix" />
+            <div id="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Not for Profit</span>
+
+            <!-- The preview content -->
+            (NFP) organisations of all sizes are turning to
+            OpenOffice.org 3 - software that meets their needs and shares their values.
+            The <b>flexible word processor</b>, <b>powerful spreadsheet</b>, <b>dynamic
+            graphics</b>, <b>database access</b> and more meet all the requirements
+            for an office software package.<br />
+            OpenOffice.org 3 offers a high degree of compatibility
+            with commercial office software, but with none of the
+            costs or licence worries.
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>
+        <!-- End of content holder -->
+    </div>
+    <!-- End of main article -->
+
+    <!-- Here's the box for some pics -->
+    <div class="picboxouter">
+
+        <!-- Here's where you can place ur thumbnails -->
+        <!-- All should be uniformly sized ;-) -->
+
+        <div class="screenbox">
+            <a href="images/writer-big.png"><img src="images/writer-icon.png"
+               class="screenboxcontrol"
+               alt="Writer word processor screenshot"  
+               title="Click for Writer word processor screenshot" /><br />
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/calc-big.png"><img src="images/calc-icon.png" 
+               class="screenboxcontrol"
+               alt="Calc spreadsheet screenshot" 
+               title="Click for Calc spreadsheet screenshot" /><br />
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/impress-big.png"><img src="images/impress-icon.png"
+               class="screenboxcontrol"
+               alt="Impress presentations screenshot"  
+               title="Click for Impress presentations screenshot" /><br />
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/draw-big.png"><img src="images/draw-icon.png"
+               class="screenboxcontrol"
+               alt="Draw graphics screenshot"  
+               title="Click for Draw graphics screenshot" /><br />
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/base-big.png"><img src="images/base-icon.png" 
+               class="screenboxcontrol"
+               alt="Base database screenshot"  
+               title="Click for Base database screenshot" /><br />
+               <span>Base</span>
+            </a>
+        </div>
+    </div>
+    <!-- End of photogallery -->
+
+    <!-- We love three columns, don't we? -->
+    <!-- Holder for three columns -->
+    <div class="articleboxouter">
+        <div id="newsContainer2">
+
+            <!-- Column 1 -->
+    		<div class="c1">
+    			<div class="noteheader">
+    				&nbsp;Software for all
+    			</div>
+    			<div class="spacy">
+More than ever, NFPs need to be able to compete for attention in a crowded 
+marketplace. With OpenOffice.org 3, NFPs have access to essential office 
+software which is every bit as good as the expensive commercial tools 
+used by those for whom money is no object. Developed over twenty years, 
+OpenOffice.org is a mature, stable, product, guaranteeing trouble-free usage. 
+OpenOffice.org is a leading international force in the movement for digital 
+inclusion - making software of the highest quality available to all, regardless of income.
+Join in OpenOffice.org's international community to exchange ideas, look
+for inspiration, or just ask for help.
+
+          </div>
+    		</div>
+
+    		<!-- Column 2 -->
+            <div class="c2">
+                <div class="noteheader">
+                    &nbsp;Better but compatible
+                </div>
+                <div class="spacy">
+OpenOffice.org 3 prides itself on its compatibility with other office software.
+NFPs who rely on voluntary workers appreciate the fact that people who have
+any office software experience are immediately at home with OpenOffice.org 3.
+OpenOffice.org 3 also understands that no organisation is an island, which is why
+it can exchange files with other office software. 
+It also allows you to create pdf files for those all-important
+times when you want to retain control of documents after they leave your office.
+It is also the first software in the world to store your precious information
+in an ISO approved format - the best guarantee for the future.
+                </div>
+            </div>
+
+            <!-- Column 3 -->
+    		<div class="c3">
+                <div class="noteheader">
+                    &nbsp;Open world
+                </div>
+              <div class="spacy">
+    			<!-- The content for this attention grabbing block -->
+Amazingly, OpenOffice.org 3 comes without any license fees, or any
+worrying small print. You can install it on as many computers as you
+like, use it for any purpose, and even give copies away for employees,
+supporters, etc. to use at home.
+Already available in a wide variety of languages, OpenOffice.org actively
+encourages local teams to provide more translations.
+For NFPs - charities, voluntary sector organisations, etc - OpenOffice.org 3 
+is simply the easiest and cheapest way of providing the essential
+software tools needed for an effective operation. 
+
+              </div>
+            </div>
+        </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+</div>
+</div>
+<!-- End of master container -->
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredby">
+      <p><img src="/images/feather-small.gif"/><br/>Powered by the Apache CMS.</p>
+    </div>
+    <div id="copyrighta">
+      <p>
+	Apache "OpenOffice.org" is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.
+	Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and
+	decision making process	have stabilized in a manner consistent with other successful ASF projects. While incubation status is
+	not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has
+	yet to be fully endorsed by the ASF.</p>
+      <p>
+	<a href="/contact.html">Contact Us</a> |
+	<a href="/terms.html">Terms of Use</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	<br />OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	<br />Other names appearing on the site may be trademarks of their respective owners.
+      </p>
+    </div>
+  </div>
+
+</body>
+</html>



Mime
View raw message