incubator-ooo-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From build...@apache.org
Subject svn commit: r800587 [3/3] - in /websites/staging/ooo-site/trunk/content/id: ./ images/ produk/ why/
Date Tue, 20 Dec 2011 01:18:28 GMT
Added: websites/staging/ooo-site/trunk/content/id/why/kenapa_hebat.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/id/why/kenapa_hebat.html (added)
+++ websites/staging/ooo-site/trunk/content/id/why/kenapa_hebat.html Tue Dec 20 01:18:26 2011
@@ -0,0 +1,433 @@
+<!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>Kenapa OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+    <link rel="stylesheet" href="../suppress.css" type="text/css" />
+    <link rel="stylesheet" href="../why.css" type="text/css" />
+
+    <script 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>
+
+    <style type="text/css">
+    .boxes {
+      display: none;
+     }
+    </style>    
+    
+    <script type="text/javascript" src="../ie6.js"></script>
+
+
+</head>
+
+<body>
+  <div id="bannera">
+    <div id="bannerleft">
+      <img id="ooo-logo" alt="Apache OpenOffice.org (Incubating)" src="/images/ooo-logo.png"/></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="topbara">
+    <div id="breadcrumbsa"><a href="/">home</a>&nbsp;&raquo&nbsp;<a href="/id/">id</a>&nbsp;&raquo&nbsp;<a href="/id/why/">why</a></div>
+    <div id="topnava">
+      <ul>
+<li><a href="/download/index.html" title="Download OpenOffice.org">Download</a></li>
+<li><a href="/support/index.html" title="Find Support for OpenOffice.org">Support</a></li>
+<li><a href="/extensions/index.html" title="Find Extensions and Templates">Extend</a></li>
+<li><a href="http://incubator.apache.org/openofficeorg/get-involved.html" title="Get involved in Apache OpenOffice (incubating)">Develop</a></li>
+<li><a href="/projects/native-lang.html" title="OpenOffice.org in your Native Language">Native Language</a></li>
+</ul>
+    </div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="container">
+
+    <!-- The topmost bar -->
+    <div id="topbar">
+        <a href="http://www.openoffice.org">OpenOffice.org</a> - 
+        rumah dari aplikasi perkantoran open-source berskala dunia
+    </div>
+    <!-- End of top bar -->
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>Kenapa 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>Kenapa</span></a></li>
+                <li id="current"><a href="#" onmouseover="swapper('box_1');">
+                  <span>Perangkat Lunak Hebat</span></a>
+                 </li>
+                <li><a href="kenapa_mudah.html"><span>Mudah Digunakan</span></a></li>
+                <li><a href="kenapa_gratis.html"><span>dan gratis</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="Perangkat lunak OpenOffice.org 3" title="Perangkat lunak OpenOffice.org 3"
+            class="mainpiccontrol" />
+            <div class="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Perangkat Lunak Hebat</span>
+
+            <!-- The preview content -->
+            Membutuhkan orang orang hebat.
+            OpenOffice.org 3 adalah hasil dari pengembangan perangkat lunak selama lebih dari dua puluh tahun yang berkelanjutan. Didesain dari awal sebagai sebuah kesatuan perangkat lunak, aplikasi ini memiliki konsistensi yang tidak dapat ditandingi oleh produk lain. Model pengembangan <b>open-source</b>nya berarti tidak ada kerahasiaan.
+            <br />
+            Mainkan mouse Anda pada gambar-gambar screenshot untuk detail dari setiap komponen utama <i>(membutuhkan javascript)</i>.<br/>
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="baca lebih lanjut" class="noborder" />
+                </a>
+                 <a href="http://download.openoffice.org/">
+                  Dapatkan OpenOffice.org 3 sekarang
+                </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="Klik untuk screenshot ukuran penuh dari Writer"
+            class="mainpiccontrol" /></a>
+            <div class="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Writer</span>
+
+            <!-- The preview content -->
+memiliki apa yang Anda inginkan dari sebuah pengolah kata atau publikasi desktop yang modern dan penuh dengan fitur: fitur-fitur berguna seperti AutoCorrect, AutoComplete, AutoFormat, Styles dan Pemformatan, Text Frames dan Link, Daftar Isi, Pengindeksan, Referensi Bibliografi, Ilustrasi, Tabel, dan obyek-obyek lainnya.<br />
+<b>Writer</b> cukup sederhana untuk sebuah memo yang singkat, handal dan stabil untuk membuat buku dengan banyak grafis, heading, dan sebagainya.
+            <br /><br/>
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="lebih banyak" class="noborder" />
+                </a>
+                <a href="http://download.openoffice.org/">
+                   Dapatkan OpenOffice.org 3 sekarang
+                </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="Klik untuk screenshot ukuran penuh dari Calc"
+            class="mainpiccontrol" /></a>
+            <div class="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Calc</span>
+
+            <!-- The preview content -->
+adalah spreadsheet yang Anda impikan. Pendatang baru mendapatinya sangat intuitif dan mudah untuk dipelajari; Penambang data professional dan pengolah angka akan menghargai jangkauan komprehensif dari fitur-fitur yang berguna termasuk teknologi Advanced DataPilot, formula dengan bahasa natural, Tombol Sum yang cerdas, sekumpulan fungsi spreadsheet tingkat tinggi yang komprehensif, Styles dan Pemformatan, dan sebuah Manajer Skenario untuk "what ifs".
+            <br /><br/>
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="baca lebih lanjut" class="noborder" />
+                </a>
+                <a href="http://download.openoffice.org/">
+                   Dapatkan OpenOffice.org 3 sekarang
+                </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="Klik untuk screenshot ukuran penuh dari Impress"
+            class="mainpiccontrol" /></a>
+            <div class="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Impress</span>
+
+            <!-- The preview content -->
+adalah perangkat pembuatan presentasi multimedia yang efektif. Presentasi Anda akan terdiri dari clip art 2D dan 3D, fontwork, efek khusus, animasi, dan perangkat penggambar yang handal. Sebuah multi-pane view meletakkan semua perangkat pada jari Anda dan Anda bisa 'memparkirkan' perangkat gambar yang paling sering Anda gunakan disekeliling layar dan siap untuk diakses dengan satu klik. Berbagi pekerjaan Anda dengan banyak cara: tidak hanya pdf, tetapi juga html dan Flash.<br />Sebarkan pesan Anda dengan <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="baca lebih lanjut" class="noborder" />
+                </a>
+                <a href="http://download.openoffice.org/">
+                   Dapatkan OpenOffice.org 3 sekarang
+                </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="Klik untuk screenshot ukuran penuh dari Draw"
+            class="mainpiccontrol" /></a>
+            <div class="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Draw</span>
+
+            <!-- The preview content -->
+Segalanya dari sketsa singkat hingga rencana yang kompleks. <b>Draw</b> menyediakan perangkat untuk berkomunikasi dengan grafis dan diagram. Memanipulasi obyek, merotasi dalam dua atau tiga dimensi; menggunakan metode rendering yang terkini untuk membuat citra yang realistis.  Smart connectors mempersingkat pembuatan flowchart, bagan organisasi, diagram jaringan, dll. Styles - fitur umum OpenOffice.org - membantu Anda mengontrol pekerjaan Anda agar menjadi lebih mudah dan jelas pada Draw.<br />
+Sebuah gambar <b>Draw</b> bernilai ribuan kata!
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="baca lebih lanjut" class="noborder" />
+                </a>
+                <a href="http://download.openoffice.org/">
+                   Dapatkan OpenOffice.org 3 sekarang
+                </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="Klik untuk screenshot ukuran penuh dari Base"
+            class="mainpiccontrol" /></a>
+            <div class="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Base</span>
+
+            <!-- The preview content -->
+mengijinkan Anda memanipulasi basis data didalam OpenOffice.org 3. Membuat dan memodifikasi tabel, form, query, dan laporan (report), entah menggunakan basis data Anda sendiri atau mesin basis data built-in <b>Base</b>. <b>Base</b> menawarkan sebuah pilihan menggunakan Wizards, Design Views, atau SQL Views untuk pengguna pemula, menengah, dan mahir.<br />
+Akses basis data Anda secara mudah dengan <b>Base</b>.
+            <br /><br /><br /><br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="baca lebih lanjut" class="noborder" />
+                </a>
+                <a href="http://download.openoffice.org/">
+                   Dapatkan OpenOffice.org 3 sekarang
+                </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="Screenshot pengolah kata Writer"  
+               title="Klik untuk screenshot pengolah kata Writer" /><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="Screenshot spreadsheet Calc" 
+               title="Klik untuk screenshot spreadsheet Calc" /><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="Screenshot presentasi Impress"  
+               title="Klik untuk presentasi Impress" /><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="Screenshot grafis Draw"  
+               title="Klik untuk screenshot grafis Draw" /><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="Screenshot basis data Base"  
+               title="Klik untuk screenshot basis data Base" /><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;Lebih Baik Dari Sisi Desain
+          </div>
+          <div class="spacy">
+Dikembangan selama lebih dari dua puluh tahun, OpenOffice.org adalah produk yang matang dan dapat dipercaya. OpenOffice.org didesain dari awal sebagai sebuah kesatuan perangkat lunak - bukan berasal dari gabungan beberapa paket perangkat lunak. Hal ini membuatnya sangat konsisten dan mudah untuk digunakan - yang Anda pelajari pada satu aplikasi dapat digunakan pada aplikasi lain. Bantuan yang sensitif terhadap konteks bekerja pada seluruh aplikasi, menyediakan bantuan yang tepat yang Anda perlukan. Anda bahkan bisa membuka sembarang dokumen dari sembarang aplikasi - OpenOffice.org 3 adalah satu perangkat lunak. OpenOffice.org 3 juga berjalan pada semua platform komputasi utama - Microsoft Windows, GNU/Linux, Sun Solaris, Apple Mac - tidakkah itu hebat!
+          </div>
+        </div>
+
+        <!-- Column 2 -->
+        <div class="c2">
+          <div class="noteheader">
+              &nbsp;Lebih Baik Untuk Anda
+          </div>
+          <div class="spacy">
+OpenOffice.org 3 berisi semua perangkat lunak perkantoran yang Anda perlukan, dalam sebuah paket tunggal. Anda tidak perlu khawatir versi apa yang harus diinstal: satu program installasi akan menyediakan semuanya. Instalasi juga menyertakan fitur-fitur yang tidak dimiliki oleh rival-rival lain yang mahal - sebagai contoh, kemampuan untuk membuat berkas .pdf ketika Anda ingin menjamin bahwa penerima melihat apa yang tampak pada komputernya. Juga terdapat beberapa ekstensi yang terus berkembang: fitur tambahan yang dapat disediakan oleh sembarang pengembang. OpenOffice.org merilis rilis perangkat lunak beberapa kali dalam setahun sehingga Anda bisa mengambil keuntungan dari fitur-fitur baru secepatnya.
+          </div>
+        </div>
+
+        <!-- Column 3 -->
+        <div class="c3">
+           <div class="noteheader">
+              &nbsp;Perangkat Lunak yang Jujur
+           </div>
+           <div class="spacy">
+           <!-- The content for this attention grabbing block -->
+OpenOffice.org 3 dikembangkan menggunakan perangkat lunak-terbuka, menggunakan pendekatan "tanpa rahasia". Setiap orang dapat melihat isi dari program dan menyarankan pengembangan atau memperbaiki kesalahan. Setiap orang dapat melaporkan masalah atau meminta penambahan fitur, dan seseorang dapat melihat respon dari pengguna lain atau pengembang. Status dari rilis aktual dan yang akan datang juga ditampilkan dalam wiki yang bersifat publik, sehingga Anda dapat memutuskan kapan Anda hendak melakukan upgrade untuk mendapatkan keuntungan dari fitur baru. Setiap orang yang menggunakan perangkat lunak komersial dan yang setara akan mendapati OpenOffice.org 3 berbeda. Nikmati dari keunggulan open-source!
+           </div>
+         </div>
+      </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+    <!-- Finally, here's the humble footer, holding your copyright -->
+    <div id="myfooter">
+  
+      <a href="http://www.sun.com/software/star/openoffice/index.html">
+        <img 
+         style="float:left; display:inline;  width:150px; height:50px;" 
+         title="Disponsori oleh Oracle" 
+         alt="Logo Oracle" src="http://why.openoffice.org/branding/images/oracle-logo.gif" />
+      </a>      
+<!--  <a title="Give feedback, or ask for assistance" 
+        href="http://www.openoffice.org/contact.html">Contact Us</a>
+      <a title="Sitemap" href="/project/www/sitemap.html">Sitemap</a>
+      <a title="What should happen on the matter listed on this page..."
+        href="http://development.openoffice.org/todo.html">To-Dos</a>
+      <a href="http://www.openoffice.org/nonav/servlets/HelpTOC">Site Help</a>
+      <a href="http://marketing.openoffice.org/press_kit.html">Press Room</a>
+      <br /> -->
+    Dengan segala penggunaan Website ini, Anda setuju untuk terikat dengan <a href="http://www.sunsource.net/TUPPCP.html">Aturan dan Perjanjian Penggunaan </a><br />
+    Oracle dan Java adalah merek dagang dari Oracle dan/atau affiliasinya. Nama lainnya mungkin merek dagang dari pemilik masing-masing.
+    </div>
+    <!-- End of footer -->
+
+</div>
+<!-- End of master container -->
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredbya">
+      <p><img src="/images/feather-small.gif"/></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="/license.html">Copyright &amp; License</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	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/id/why/kenapa_mudah.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/id/why/kenapa_mudah.html (added)
+++ websites/staging/ooo-site/trunk/content/id/why/kenapa_mudah.html Tue Dec 20 01:18:26 2011
@@ -0,0 +1,257 @@
+<!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>Kenapa OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+    <link rel="stylesheet" href="../suppress.css" type="text/css" />
+    <link rel="stylesheet" href="../why.css" type="text/css" />
+
+   <script type="text/javascript" src="../ie6.js"></script>        
+
+
+</head>
+
+<body>
+  <div id="bannera">
+    <div id="bannerleft">
+      <img id="ooo-logo" alt="Apache OpenOffice.org (Incubating)" src="/images/ooo-logo.png"/></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="topbara">
+    <div id="breadcrumbsa"><a href="/">home</a>&nbsp;&raquo&nbsp;<a href="/id/">id</a>&nbsp;&raquo&nbsp;<a href="/id/why/">why</a></div>
+    <div id="topnava">
+      <ul>
+<li><a href="/download/index.html" title="Download OpenOffice.org">Download</a></li>
+<li><a href="/support/index.html" title="Find Support for OpenOffice.org">Support</a></li>
+<li><a href="/extensions/index.html" title="Find Extensions and Templates">Extend</a></li>
+<li><a href="http://incubator.apache.org/openofficeorg/get-involved.html" title="Get involved in Apache OpenOffice (incubating)">Develop</a></li>
+<li><a href="/projects/native-lang.html" title="OpenOffice.org in your Native Language">Native Language</a></li>
+</ul>
+    </div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="container">
+
+    <!-- The topmost bar -->
+    <div id="topbar">
+        <a href="http://www.openoffice.org">OpenOffice.org</a> - 
+        rumah dari aplikasi perkantoran open-source berskala dunia
+    </div>
+    <!-- End of top bar -->
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>Kenapa 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>Kenapa</span></a></li>
+                <li><a href="kenapa_hebat.html"><span>Perangkat Lunak Hebat</span></a></li>
+                <li id="current"><a href="#"><span>Mudah Digunakan</span></a></li>
+                <li><a href="kenapa_gratis.html"><span>dan gratis</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_easy.png" width="300" height="210"
+            alt="Mudah" title="Mudah"
+            class="mainpiccontrol" />
+            <div id="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Mudah Digunakan</span>
+
+            <!-- The preview content -->
+Mudah untuk dipilih, mudah untuk diinstal, mudah untuk dipelajari - OpenOffice.org 3 adalah pilihan yang mudah untuk sebuah aplikasi perangkat lunak perkantoran. OpenOffice.org 3 sangatlah sesuai untuk pemula, tetapi jika Anda pernah menggunakan perangkat lunak perkantoran lainnya, itu juga boleh.
+OpenOffice.org 3 akan memaksimalkan apa yang sudah Anda ketahui - melalui layar dan menu yang serupa - dan apa yang sudah Anda miliki - dengan mambaca berkas yang sudah ada tanpa pengetikan ulang.
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="baca lebih lanjut" class="noborder" />
+                </a>
+                <a href="http://download.openoffice.org/">
+                  Dapatkan OpenOffice.org 3 sekarang
+                </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="Screenshot pengolah kata Writer"  
+               title="Klik untuk screenshot pengolah kata Writer" /><br />
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/calc-big.png"><img src="../images/calc-icon.png" 
+               class="screenboxcontrol"
+               alt="Screenshot spreadsheet Calc" 
+               title="Klik untuk screenshot spreadsheet Calc" /><br />
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/impress-big.png"><img src="../images/impress-icon.png"
+               class="screenboxcontrol"
+               alt="Screenshot presentasi Impress"  
+               title="Klik untuk presentasi Impress" /><br />
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/draw-big.png"><img src="../images/draw-icon.png"
+               class="screenboxcontrol"
+               alt="Screenshot grafis Draw"  
+               title="Klik untuk screenshot grafis Draw" /><br />
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/base-big.png"><img src="../images/base-icon.png" 
+               class="screenboxcontrol"
+               alt="Screenshot basis data Base"  
+               title="Klik untuk screenshot basis data Base" /><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;Gunakan Secepatnya
+               </div>
+               <div class="spacy">
+Untuk pengguna yang terbiasa dengan perangkat lunak perkantoran lain, OpenOffice.org 3 adalah kejutan yang menyenangkan. Aplikasi ini sangat jelas! Penelitian membuktikan bahwa jauh lebih mudah (dan lebih murah) untuk berpindah ke OpenOffice.org 3 dari Microsoft Office daripada melakukan upgrade ke Microsoft Office 2007. Karena OpenOffice.org adalah satu kesatuan perangkat lunak, semua bekerja secara konsisten antar aplikasi. Bahkan hal yang sama juga berlaku pada sistem bantuan. Anda bahkan tidak perlu tahu aplikasi apa yang digunakan untuk membuat sebuah dokumen - OpenOffice.org 3 akan menggunakan yang benar. Anda hanya perlu mendownload satu kali dari Internet (atau menginstalnya dari satu CD) dan Anda sudah mendapatkan aplikasi perkantoran Anda
+               </div>
+            </div>
+
+            <!-- Column 2 -->
+            <div class="c2">
+                <div class="noteheader">
+                    &nbsp;Tanpa pengetikan ulang
+                </div>
+                <div class="spacy">
+Kami memahami bahwa banyak orang telah memiliki dokumen yang dibuat dengan paket perangkat lunak perkantoran yang lain. OpenOffice.org 3 dapat membaca berkas ini dengan tingkat akurasi yang sangat tingi, membuat proses migrasi ke OpenOffice.org 3 lebih mudah. Buktinya, kami memiliki laporan dimana OpenOffice.org 3 telah mampu membaca berkas yang dikatakan terkorupsi dan tidak berguna oleh paket perangkat lunak orisinalnya. Jika teman atau rekan kerja Anda menggunakan perangkat lunak yang berbeda, Anda masih bisa berbagi berkas dengan mereka - akan tetapi lebih baik lagi, berikan salinan gratis dari OpenOffice.org 3!
+                </div>
+            </div>
+
+            <!-- Column 3 -->
+            <div class="c3">
+                <div class="noteheader">
+                    &nbsp;Bagian dari sebuah komunitas
+                </div>
+                <div class="spacy">
+          <!-- The content for this attention grabbing block -->
+Ketika Anda memulai sesuatu yang baru, sangatlah bagus untuk tahu bahwa puluhan juta orang telah mencobanya sebelum Anda. OpenOffice.org 3 dikembangkan, diterjemahkan, didukung, dan dipromosikan oleh komunitas internasional yang terdiri dari puluhan ribu pendukung antusias. Jika Anda pernah menunggu lama untuk dukungan berbayar dari sebuah penyedia perangkat lunak komersial, dukungan komunitas dari para antusiastik dan sukarelawan mungkin akan mengejutkan Anda. Anda juga bisa berbicara dengan orang yang membuat atau mentranslasikan perangkat lunak yang Anda pakai. Selamat datang didalam komunitas!
+               </div>
+            </div>
+        </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+    <!-- Finally, here's the humble footer, holding your copyright -->
+    <div id="myfooter">
+  
+      <a href="http://www.sun.com/software/star/openoffice/index.html">
+        <img 
+         style="float:left; display:inline;  width:150px; height:50px;" 
+         title="Disponsori oleh Oracle" 
+         alt="Logo Oracle" src="http://why.openoffice.org/branding/images/oracle-logo.gif" />
+      </a>      
+<!--  <a title="Give feedback, or ask for assistance" 
+        href="http://www.openoffice.org/contact.html">Contact Us</a>
+      <a title="Sitemap" href="/project/www/sitemap.html">Sitemap</a>
+      <a title="What should happen on the matter listed on this page..."
+        href="http://development.openoffice.org/todo.html">To-Dos</a>
+      <a href="http://www.openoffice.org/nonav/servlets/HelpTOC">Site Help</a>
+      <a href="http://marketing.openoffice.org/press_kit.html">Press Room</a>
+      <br /> -->
+    Dengan segala penggunaan Website ini, Anda setuju untuk terikat dengan <a href="http://www.sunsource.net/TUPPCP.html">Aturan dan Perjanjian Penggunaan </a><br />
+    Oracle dan Java adalah merek dagang dari Oracle dan/atau affiliasinya. Nama lainnya mungkin merek dagang dari pemilik masing-masing.
+    </div>
+    <!-- End of footer -->
+
+</div>
+<!-- End of master container -->
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredbya">
+      <p><img src="/images/feather-small.gif"/></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="/license.html">Copyright &amp; License</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	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/id/why/kenapa_nirlaba.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/id/why/kenapa_nirlaba.html (added)
+++ websites/staging/ooo-site/trunk/content/id/why/kenapa_nirlaba.html Tue Dec 20 01:18:26 2011
@@ -0,0 +1,260 @@
+<!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>Kenapa OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+    <link rel="stylesheet" href="../suppress.css" type="text/css" />
+    <link rel="stylesheet" href="../why.css" type="text/css" />
+
+    <script type="text/javascript" src="../ie6.js"></script>        
+
+
+</head>
+
+<body>
+  <div id="bannera">
+    <div id="bannerleft">
+      <img id="ooo-logo" alt="Apache OpenOffice.org (Incubating)" src="/images/ooo-logo.png"/></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="topbara">
+    <div id="breadcrumbsa"><a href="/">home</a>&nbsp;&raquo&nbsp;<a href="/id/">id</a>&nbsp;&raquo&nbsp;<a href="/id/why/">why</a></div>
+    <div id="topnava">
+      <ul>
+<li><a href="/download/index.html" title="Download OpenOffice.org">Download</a></li>
+<li><a href="/support/index.html" title="Find Support for OpenOffice.org">Support</a></li>
+<li><a href="/extensions/index.html" title="Find Extensions and Templates">Extend</a></li>
+<li><a href="http://incubator.apache.org/openofficeorg/get-involved.html" title="Get involved in Apache OpenOffice (incubating)">Develop</a></li>
+<li><a href="/projects/native-lang.html" title="OpenOffice.org in your Native Language">Native Language</a></li>
+</ul>
+    </div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="container">
+
+    <!-- The topmost bar -->
+    <div id="topbar">
+        <a href="http://www.openoffice.org">OpenOffice.org</a> - 
+        rumah dari aplikasi perkantoran open-source berskala dunia
+    </div>
+    <!-- End of top bar -->
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>Kenapa 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>Kenapa</span></a></li>
+                <li><a href="kenapa_hebat.html"><span>Perangkat Lunak Hebat</span></a></li>
+                <li><a href="kenapa_mudah.html"><span>Mudah Digunakan</span></a></li>
+                <li><a href="kenapa_gratis.html"><span>dan gratis</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="Bukan untuk profit" title="Bukan untuk profit"
+            class="mainpiccontrol" id="pix" />
+            <div id="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Bukan untuk profit</span>
+
+            <!-- The preview content -->
+            (NFP) organisasi dari semua ukuran berpaling ke OpenOffice.org 3 - perangkat lunak yang memenuhi semua kebutuhan mereka dan berbagi nilainya. <b>Pengolah kata fleksibel</b>, <b>spreadsheet handal</b>, <b>grafis dinamis</b>, <b>akses basis data</b> dan masih banyak lagi memenuhi semua kebutuhan dari sebuah paket perangkat lunak perkantoran.<br />
+            OpenOffice.org 3 menawarkan kompatibilitas yang tinggi dengan perangkat lunak perkantoran komersial, tetapi tanpa biaya atau kekhawatiran akan lisensi.
+            <br /><br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="baca lebih lanjut" class="noborder" />
+                </a>
+                <a href="http://download.openoffice.org/">
+                  Dapatkan OpenOffice.org 3 sekarang
+                </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="Screenshot pengolah kata Writer"  
+               title="Klik untuk screenshot pengolah kata Writer" /><br />
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/calc-big.png"><img src="../images/calc-icon.png" 
+               class="screenboxcontrol"
+               alt="Screenshot spreadsheet Calc" 
+               title="Klik untuk screenshot spreadsheet Calc" /><br />
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/impress-big.png"><img src="../images/impress-icon.png"
+               class="screenboxcontrol"
+               alt="Screenshot presentasi Impress"  
+               title="Klik untuk presentasi Impress" /><br />
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/draw-big.png"><img src="../images/draw-icon.png"
+               class="screenboxcontrol"
+               alt="Screenshot grafis Draw"  
+               title="Klik untuk screenshot grafis Draw" /><br />
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/base-big.png"><img src="../images/base-icon.png" 
+               class="screenboxcontrol"
+               alt="Screenshot basis data Base"  
+               title="Klik untuk screenshot basis data Base" /><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;Perangkat lunak untuk semua
+          </div>
+          <div class="spacy">
+Lebih dari yang lain, NFP  harus mampu bersaing untuk atensi untuk pasar yang ramai. Dengan OpenOffice.org 3, NFP memiliki akses pada perangkat lunak penting yang setiap bitnya sama bagusnya dengan perangkat lunak perkantoran komersial yang digunakan oleh mereka yang menganggap uang bukan masalah. Dikembangkan selama lebih dari dua puluh tahun, OpenOffice.org adalah produk yang matang, stabil, dan penggunaannya dijamin tanpa masalah. OpenOffice.org adalah pelopor gerakan internasional dalam pergerakan untuk penyertaan digital - membuat perangkat lunak dengan kualitas terbaik, terlepas dari pendapatan. Bergabunglah dengan komunitas internasional OpenOffice.org untuk saling bertukar ide, mencari insipirasi, atau hanya meminta bantuan.
+
+          </div>
+        </div>
+
+        <!-- Column 2 -->
+            <div class="c2">
+                <div class="noteheader">
+                    &nbsp;Lebih baik tetapi kompatibel
+                </div>
+                <div class="spacy">
+OpenOffice.org 3 membanggakan dirinya pada kompatibilitasnya dengan perangkat lunak perkantoran lainnya.
+NFP yang bergantung pada pekerja sukarela sangat menghargai fakta bahwa orang yang memiliki pengalaman perangkat lunak perkantoran merasa nyaman dengan OpenOffice.org 3. OpenOffice.org juga memahami bahwa tidak ada organisasi yang berdiri sendiri, yang menjadi alasan mengapa OpenOffice.org 3 mampu also bertukar berkas dengan perangkat lunak perkantoran lain. OpenOffice.org 3 juga mengijinkan Anda untuk membuat berkas pdf untuk waktu-waktu dimana Anda ingin mengendalikan kontrol atas dokumen ketika dokumen tersebut meninggalkan kantor Anda. OpenOffice.org 3 juga merupakan perangkat lunak pertama di dunia yang menyimpan informasi berharga Anda dalam format yang disetujui ISO - garansi terbaik untuk masa depan.
+                </div>
+            </div>
+
+            <!-- Column 3 -->
+        <div class="c3">
+                <div class="noteheader">
+                    &nbsp;Dunia terbuka
+                </div>
+              <div class="spacy">
+          <!-- The content for this attention grabbing block -->
+Hebatnya lagi, OpenOffice.org 3 hadir tanpa biaya lisensi, atau sembarang masalah-masalah kecil lainnya. Anda bisa menginstal aplikasi ini pada sebanyak komputer yang Anda mau, menggunakannya untuk semua kebutuhan Anda, dan bahkan memberikan salinannya kepada pegawai, pendukung, dll untuk dipakai di rumah. Tersedia dalam beberapa bahasa, OpenOffice.org secara aktif menganjurkan tim-tim lokal untuk menyediakan lebih banyak translasi. Untuk NFP - amal, sektor organisasi sukarelawan, dll - OpenOffice.org 3 adalah cari termudah dan termurah untuk penyediaan perangkat lunak yang diperlukan untuk operasi yang efektif. 
+
+              </div>
+            </div>
+        </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+    <!-- Finally, here's the humble footer, holding your copyright -->
+    <div id="myfooter">
+  
+      <a href="http://www.sun.com/software/star/openoffice/index.html">
+        <img 
+         style="float:left; display:inline;  width:150px; height:50px;" 
+         title="Disponsori oleh Oracle" 
+         alt="Logo Oracle" src="http://why.openoffice.org/branding/images/oracle-logo.gif" />
+      </a>      
+<!--  <a title="Give feedback, or ask for assistance" 
+        href="http://www.openoffice.org/contact.html">Contact Us</a>
+      <a title="Sitemap" href="/project/www/sitemap.html">Sitemap</a>
+      <a title="What should happen on the matter listed on this page..."
+        href="http://development.openoffice.org/todo.html">To-Dos</a>
+      <a href="http://www.openoffice.org/nonav/servlets/HelpTOC">Site Help</a>
+      <a href="http://marketing.openoffice.org/press_kit.html">Press Room</a>
+      <br /> -->
+    Dengan segala penggunaan Website ini, Anda setuju untuk terikat dengan <a href="http://www.sunsource.net/TUPPCP.html">Aturan dan Perjanjian Penggunaan </a><br />
+    Oracle dan Java adalah merek dagang dari Oracle dan/atau affiliasinya. Nama lainnya mungkin merek dagang dari pemilik masing-masing.
+    </div>
+    <!-- End of footer -->
+
+</div>
+<!-- End of master container -->
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredbya">
+      <p><img src="/images/feather-small.gif"/></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="/license.html">Copyright &amp; License</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	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/id/why/kenapa_oem.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/id/why/kenapa_oem.html (added)
+++ websites/staging/ooo-site/trunk/content/id/why/kenapa_oem.html Tue Dec 20 01:18:26 2011
@@ -0,0 +1,258 @@
+<!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>Kenapa OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+    <link rel="stylesheet" href="../suppress.css" type="text/css" />
+    <link rel="stylesheet" href="../why.css" type="text/css" />
+
+    <script type="text/javascript" src="../ie6.js"></script>        
+
+
+</head>
+
+<body>
+  <div id="bannera">
+    <div id="bannerleft">
+      <img id="ooo-logo" alt="Apache OpenOffice.org (Incubating)" src="/images/ooo-logo.png"/></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="topbara">
+    <div id="breadcrumbsa"><a href="/">home</a>&nbsp;&raquo&nbsp;<a href="/id/">id</a>&nbsp;&raquo&nbsp;<a href="/id/why/">why</a></div>
+    <div id="topnava">
+      <ul>
+<li><a href="/download/index.html" title="Download OpenOffice.org">Download</a></li>
+<li><a href="/support/index.html" title="Find Support for OpenOffice.org">Support</a></li>
+<li><a href="/extensions/index.html" title="Find Extensions and Templates">Extend</a></li>
+<li><a href="http://incubator.apache.org/openofficeorg/get-involved.html" title="Get involved in Apache OpenOffice (incubating)">Develop</a></li>
+<li><a href="/projects/native-lang.html" title="OpenOffice.org in your Native Language">Native Language</a></li>
+</ul>
+    </div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="container">
+
+    <!-- The topmost bar -->
+    <div id="topbar">
+        <a href="http://www.openoffice.org">OpenOffice.org</a> - 
+        rumah dari aplikasi perkantoran open-source berskala dunia
+    </div>
+    <!-- End of top bar -->
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>Kenapa OpenOffice.org</h1>
+  </div>
+  <!-- End of headerwrapper -->
+
+    <!-- This hold the navigation tabs -->
+    <!-- This hold the navigation tabs -->
+    <div id="tabholder">
+        <div id="tabs8">
+            <ul>
+                <!-- CSS Tabs -->
+                <li id="current"><a href="index.html"><span>Kenapa</span></a></li>
+                <li><a href="kenapa_hebat.html"><span>Perangkat Lunak Hebat</span></a></li>
+                <li><a href="kenapa_mudah.html"><span>Mudah Digunakan</span></a></li>
+                <li><a href="kenapa_gratis.html"><span>dan gratis</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_oem.png" width="300" height="210"
+            alt="Terbuka untuk bisnis" title="Terbuka untuk bisnis"
+            class="mainpiccontrol" id="pix" />
+            <div id="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Bangun bisnis Anda</span>
+
+            <!-- The preview content -->
+            disekeliling OpenOffice.org 3. Jika Anda berada dalam bisnis IT, OpenOffice.org 3 dapat berarti bisnis yang bagus untuk Anda. <b>Pengolah kata fleksibel</b>, <b>spreadsheet handal</b>, <b>grafis dinamis</b>, <b>akses basis data</b> dan masih banyak lagi memenuhi semua kebutuhan untuk paket perangkat lunak perkantoran.<br />
+            Gunakan OpenOffice.org 3 untuk menambahkan nilai pada klien Anda, bebas dari biaya lisensi dan kondisi lisensi yang membingungkan.
+            <br /><br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="baca lebih lanjut" class="noborder" />
+                </a>
+                <a href="http://download.openoffice.org/">
+                  Dapatkan OpenOffice.org 3 sekarang
+                </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="Screenshot pengolah kata Writer"  
+               title="Klik untuk screenshot pengolah kata Writer" /><br />
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/calc-big.png"><img src="../images/calc-icon.png" 
+               class="screenboxcontrol"
+               alt="Screenshot spreadsheet Calc" 
+               title="Klik untuk screenshot spreadsheet Calc" /><br />
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/impress-big.png"><img src="../images/impress-icon.png"
+               class="screenboxcontrol"
+               alt="Screenshot presentasi Impress"  
+               title="Klik untuk presentasi Impress" /><br />
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/draw-big.png"><img src="../images/draw-icon.png"
+               class="screenboxcontrol"
+               alt="Screenshot grafis Draw"  
+               title="Klik untuk screenshot grafis Draw" /><br />
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/base-big.png"><img src="../images/base-icon.png" 
+               class="screenboxcontrol"
+               alt="Screenshot basis data Base"  
+               title="Klik untuk screenshot basis data Base" /><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;Nilai tambah tak terkalahkan
+          </div>
+          <div class="spacy">
+Meskipun merupakan nama perusahaan perangkat lunak yang besar yang tertangkap dalam berita utama, mengirimkan paket adalah bagian kecil dari persamaan. Untuk mayoritas pengguna, adalah orang lain yang menyediakan nilai tambah: orang-orang mengadakan pelatihan, menulis panduan pengguna, menyediakan dukungan, mengintegrasikan sistem, menyediakan tambahan add-on pasar... Untuk semua bisnis ini, OpenOffice.org 3 menyediakan proposisi nilai yang tidak terkalahkan. Anda tidak harus mengeluarkan anggaran klien Anda untuk lisensi perangkat lunak. Dengan OpenOffice.org 3, Anda bisa menawarkan perangkat lunak perkantoran dengan kualitas terbaik tanpa biaya.
+          </div>
+        </div>
+
+        <!-- Column 2 -->
+            <div class="c2">
+                <div class="noteheader">
+                    &nbsp;Terbuka untuk adopsi
+                </div>
+                <div class="spacy">
+Untuk pengembang dan pengintegrasi sistem, OpenOffice.org 3 sama terbukanya dengan namanya. Dimulai dari level berkas, OpenOffice.org 3 merupakan paket perangkat lunak pertama di dunia yang mendukung sepenuhnya format berkas ISO/IEC 26300 OpenDocument (ODF). Semakin banyak perusahaan yang mengadopsi standar, pertukaran data diantara perangkat lunak perkantoran semudah menyimpan dan membuka sebuah berkas - impian pengintegrasi sistem. Untuk pengembang, OpenOffice.org 3 menawarkan beberapa opsi, mulai dari ekstensi - dalam beberapa bahasa pemrograman - sampai penggunaan arsitektur berbasis komponen OpenOffice.org 3. OpenOffice.org bahkan menawarkan toolkit ODFnya untuk pengembang lain.
+                </div>
+            </div>
+
+            <!-- Column 3 -->
+        <div class="c3">
+                <div class="noteheader">
+                    &nbsp;Terbuka untuk bisnis
+                </div>
+              <div class="spacy">
+          <!-- The content for this attention grabbing block -->
+OpenOffice.org 3 membanggakan dirinya pada kompatibilitasnya dengan perangkat lunak perkantoran lainnya, baik dalam cara kerja dan berkas yang digunakannya. Sehingga menawarkan OpenOffice.org 3 tidak menutup kemungkinan untuk klien Anda - pada kenyataannya, justru malah membuka kemungkinan baru untuk mereka. Hebatnya lagi, OpenOffice.org 3 hadir tanpa biaya lisensi. Anda bisa menginstalnya pada komputer, mengirimkannya dalam bentuk CD, menyertakannya pada sebuah buku, menyertakannya pada sampul majalah... dan Anda tidak harus mengatakan <i>Kami merekomendasikan OpenOffice.org</i> pada semua iklan Anda.
+              </div>
+            </div>
+        </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+    <!-- Finally, here's the humble footer, holding your copyright -->
+    <div id="myfooter">
+
+      <a href="http://www.sun.com/software/star/openoffice/index.html">
+        <img 
+         style="float:left; display:inline;  width:150px; height:50px;" 
+         title="Disponsori oleh Oracle" 
+         alt="Logo Oracle" src="http://why.openoffice.org/branding/images/oracle-logo.gif" />
+      </a>      
+<!--  <a title="Give feedback, or ask for assistance" 
+        href="http://www.openoffice.org/contact.html">Contact Us</a>
+      <a title="Sitemap" href="/project/www/sitemap.html">Sitemap</a>
+      <a title="What should happen on the matter listed on this page..."
+        href="http://development.openoffice.org/todo.html">To-Dos</a>
+      <a href="http://www.openoffice.org/nonav/servlets/HelpTOC">Site Help</a>
+      <a href="http://marketing.openoffice.org/press_kit.html">Press Room</a>
+      <br /> -->
+    Dengan segala penggunaan Website ini, Anda setuju untuk terikat dengan <a href="http://www.sunsource.net/TUPPCP.html">Aturan dan Perjanjian Penggunaan </a><br />
+    Oracle dan Java adalah merek dagang dari Oracle dan/atau affiliasinya. Nama lainnya mungkin merek dagang dari pemilik masing-masing.
+    </div>
+    <!-- End of footer -->
+
+</div>
+<!-- End of master container -->
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredbya">
+      <p><img src="/images/feather-small.gif"/></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="/license.html">Copyright &amp; License</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	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/id/why/kenapa_pemerintahan.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/id/why/kenapa_pemerintahan.html (added)
+++ websites/staging/ooo-site/trunk/content/id/why/kenapa_pemerintahan.html Tue Dec 20 01:18:26 2011
@@ -0,0 +1,265 @@
+<!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>Kenapa OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+    <link rel="stylesheet" href="../suppress.css" type="text/css" />
+    <link rel="stylesheet" href="../why.css" type="text/css" />
+
+    <script type="text/javascript" src="../ie6.js"></script>        
+
+
+</head>
+
+<body>
+  <div id="bannera">
+    <div id="bannerleft">
+      <img id="ooo-logo" alt="Apache OpenOffice.org (Incubating)" src="/images/ooo-logo.png"/></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="topbara">
+    <div id="breadcrumbsa"><a href="/">home</a>&nbsp;&raquo&nbsp;<a href="/id/">id</a>&nbsp;&raquo&nbsp;<a href="/id/why/">why</a></div>
+    <div id="topnava">
+      <ul>
+<li><a href="/download/index.html" title="Download OpenOffice.org">Download</a></li>
+<li><a href="/support/index.html" title="Find Support for OpenOffice.org">Support</a></li>
+<li><a href="/extensions/index.html" title="Find Extensions and Templates">Extend</a></li>
+<li><a href="http://incubator.apache.org/openofficeorg/get-involved.html" title="Get involved in Apache OpenOffice (incubating)">Develop</a></li>
+<li><a href="/projects/native-lang.html" title="OpenOffice.org in your Native Language">Native Language</a></li>
+</ul>
+    </div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="container">
+
+    <!-- The topmost bar -->
+    <div id="topbar">
+        <a href="http://www.openoffice.org">OpenOffice.org</a> - 
+        rumah dari aplikasi perkantoran open-source berskala dunia
+    </div>
+    <!-- End of top bar -->
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>Kenapa 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>Kenapa</span></a></li>
+                <li><a href="kenapa_hebat.html"><span>Perangkat Lunak Hebat</span></a></li>
+                <li><a href="kenapa_mudah.html"><span>Mudah Digunakan</span></a></li>
+                <li><a href="kenapa_gratis.html"><span>dan gratis</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="Gedung Parlemen" title="Gedung Parlemen"
+            class="mainpiccontrol" id="pix" />
+            <div id="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Administrasi publik</span>
+
+            <!-- The preview content -->
+            dan orang-orang bekerja pada <b>semua level pemerintahan</b> 
+            (lokal / federal / regional / nasional dll) menganggap OpenOffice.org 3
+            adalah solusi perangkat lunak ideal mereka. Kombinasi dari
+            <b>pengolah kata fleksibel</b>, a <b>spreadsheet handal</b>, <b>grafis dinamis
+            </b>, <b>akses basis data</b> dan lain lain memenuhi semua kebutuhan sehari-hari dari 
+            seorang pekerja perkantoran yang sibuk.<br />
+            Sudah tersedia dalam <b>beberapa bahasa</b>, OpenOffice.org 3
+            dapat diterjemahkan secara bebas oleh tim lokal.
+            <br /><br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="baca lebih lanjut" class="noborder" />
+                </a>
+                <a href="http://download.openoffice.org/">
+                  Dapatkan OpenOffice.org 3 sekarang
+                </a>
+                <br /><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="Screenshot pengolah kata Writer"  
+               title="Klik untuk screenshot pengolah kata Writer" /><br />
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/calc-big.png"><img src="../images/calc-icon.png" 
+               class="screenboxcontrol"
+               alt="Screenshot spreadsheet Calc" 
+               title="Klik untuk screenshot spreadsheet Calc" /><br />
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/impress-big.png"><img src="../images/impress-icon.png"
+               class="screenboxcontrol"
+               alt="Screenshot presentasi Impress"  
+               title="Klik untuk presentasi Impress" /><br />
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/draw-big.png"><img src="../images/draw-icon.png"
+               class="screenboxcontrol"
+               alt="Screenshot grafis Draw"  
+               title="Klik untuk screenshot grafis Draw" /><br />
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/base-big.png"><img src="../images/base-icon.png" 
+               class="screenboxcontrol"
+               alt="Screenshot basis data Base"  
+               title="Klik untuk screenshot basis data Base" /><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;Nilai terbaik
+          </div>
+          <div class="spacy">
+Menggunakan OpenOffice.org 3 mendemonstrasikan komitmen Anda untuk mengirimkan nilai layanan terbaik. 
+Aplikasi ini tidak dimiliki oleh organisasi komersial. Lisensi open sourcenya berarti tidak ada biaya lisensi yang harus dibayarkan, tidak ada audit tahunan, dan tidak perlu takut akan ketidakkompatibelan dengan aplikasi tertentu akan sebuah atau kondisi lisensi yang membingungkan. Anda juga bisa mendistribusikan perangkat lunak secara bebas pada pegawai Anda, melalui sistem sekolah atau jalur pilihan Anda sendiri.
+          </div>
+        </div>
+
+        <!-- Column 2 -->
+            <div class="c2">
+                <div class="noteheader">
+                    &nbsp;Data aman
+                </div>
+                <div class="spacy">
+Kebebasan Tentang Informasi menyatakan bahwa dokumen yang Anda buat hari ini akan dapat diakses di masa depan. OpenOffice.org 3 adalah perangkat lunak pertama di dunia yang menggunakan berkas format yang diakui ISO sebagai standar. OpenOffice.org 3 juga memiliki kemampuan untuk membuat berkas pdf jika Anda perlu mempublikasikan informasi pada format standar 'hanya-baca'. Jika Anda sudah (kemungkinan tanpa lisensi) perangkat lunak perkantoran, OpenOffice.org 3 seharusnya mampu membaca berkas lama Anda.
+                </div>
+            </div>
+
+            <!-- Column 3 -->
+        <div class="c3">
+                <div class="noteheader">
+                    &nbsp;Terbuka untuk semua
+                </div>
+              <div class="spacy">
+          <!-- The content for this attention grabbing block -->
+Tidak terdapat rahasia didalam OpenOffice.org 3 - aturan open-source kami berarti semua dapat melihat kode atau bahkan membantu kami membangun perangkat lunak. Kami secara aktif menganjurkan tim-tim lokal untuk menghasilkan versi untuk bahasa minoritas. OpenOffice.org 3 adalah pelopor pergerakan internasional dalam pergerakan untuk penyertaan digital - membuat perangkat lunak dengan kualitas terbaik, terlepas dari pendapatan.
+              </div>
+            </div>
+        </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+    <!-- Finally, here's the humble footer, holding your copyright -->
+    <div id="myfooter">
+  
+      <a href="http://www.sun.com/software/star/openoffice/index.html">
+        <img 
+         style="float:left; display:inline;  width:150px; height:50px;" 
+         title="Disponsori oleh Oracle" 
+         alt="Logo Oracle" src="http://why.openoffice.org/branding/images/oracle-logo.gif" />
+      </a>      
+<!--  <a title="Give feedback, or ask for assistance" 
+        href="http://www.openoffice.org/contact.html">Contact Us</a>
+      <a title="Sitemap" href="/project/www/sitemap.html">Sitemap</a>
+      <a title="What should happen on the matter listed on this page..."
+        href="http://development.openoffice.org/todo.html">To-Dos</a>
+      <a href="http://www.openoffice.org/nonav/servlets/HelpTOC">Site Help</a>
+      <a href="http://marketing.openoffice.org/press_kit.html">Press Room</a>
+      <br /> -->
+    Dengan segala penggunaan Website ini, Anda setuju untuk terikat dengan <a href="http://www.sunsource.net/TUPPCP.html">Aturan dan Perjanjian Penggunaan </a><br />
+    Oracle dan Java adalah merek dagang dari Oracle dan/atau affiliasinya. Nama lainnya mungkin merek dagang dari pemilik masing-masing.
+    </div>
+    <!-- End of footer -->
+
+</div>
+<!-- End of master container -->
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredbya">
+      <p><img src="/images/feather-small.gif"/></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="/license.html">Copyright &amp; License</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	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/id/why/kenapa_pendidikan.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/id/why/kenapa_pendidikan.html (added)
+++ websites/staging/ooo-site/trunk/content/id/why/kenapa_pendidikan.html Tue Dec 20 01:18:26 2011
@@ -0,0 +1,259 @@
+<!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>Kenapa OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+    <link rel="stylesheet" href="../suppress.css" type="text/css" />
+    <link rel="stylesheet" href="../why.css" type="text/css" />
+    
+    <script type="text/javascript" src="../ie6.js"></script>        
+
+
+</head>
+
+<body>
+  <div id="bannera">
+    <div id="bannerleft">
+      <img id="ooo-logo" alt="Apache OpenOffice.org (Incubating)" src="/images/ooo-logo.png"/></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="topbara">
+    <div id="breadcrumbsa"><a href="/">home</a>&nbsp;&raquo&nbsp;<a href="/id/">id</a>&nbsp;&raquo&nbsp;<a href="/id/why/">why</a></div>
+    <div id="topnava">
+      <ul>
+<li><a href="/download/index.html" title="Download OpenOffice.org">Download</a></li>
+<li><a href="/support/index.html" title="Find Support for OpenOffice.org">Support</a></li>
+<li><a href="/extensions/index.html" title="Find Extensions and Templates">Extend</a></li>
+<li><a href="http://incubator.apache.org/openofficeorg/get-involved.html" title="Get involved in Apache OpenOffice (incubating)">Develop</a></li>
+<li><a href="/projects/native-lang.html" title="OpenOffice.org in your Native Language">Native Language</a></li>
+</ul>
+    </div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="container">
+
+    <!-- The topmost bar -->
+    <div id="topbar">
+        <a href="http://www.openoffice.org">OpenOffice.org</a> - 
+        rumah dari aplikasi perkantoran open-source berskala dunia
+    </div>
+    <!-- End of top bar -->
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>Kenapa 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>Kenapa</span></a></li>
+                <li><a href="kenapa_hebat.html"><span>Perangkat Lunak Hebat</span></a></li>
+                <li><a href="kenapa_mudah.html"><span>Mudah Digunakan</span></a></li>
+                <li><a href="kenapa_gratis.html"><span>dan gratis</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="Pemimpin masa depan" title="Pemimpin masa depan"
+            class="mainpiccontrol" id="pix" />
+            <div id="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Pengadaan pendidikan</span>
+
+            <!-- The preview content -->
+            pada semua jenjang (SD, SMP, SMA, Universitas...) 
+            mendapati OpenOffice.org 3 memenuhi semua kebutuhan baik guru dan murid.
+            <b>Pengolah kata fleksibal</b>, <b>spreadsheet handal</b>, <b>grafis dinamis</b>, <b>akses basis data</b> dan masih banyak lagi memenuhi semua kebutuhan untuk paket perangkat lunak perkantoran.<br />
+            Dengan <b>lisensi open-source</b>, OpenOffice.org 3 dapat digunakan secara bebas tanpa khawatir akan lisensi
+            <br /><br /><br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="baca lebih lanjut" class="noborder" />
+                </a>
+                <a href="http://download.openoffice.org/">
+                  Dapatkan OpenOffice.org 3 sekarang
+                </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="Screenshot pengolah kata Writer"  
+               title="Klik untuk screenshot pengolah kata Writer" /><br />
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/calc-big.png"><img src="../images/calc-icon.png" 
+               class="screenboxcontrol"
+               alt="Screenshot spreadsheet Calc" 
+               title="Klik untuk screenshot spreadsheet Calc" /><br />
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/impress-big.png"><img src="../images/impress-icon.png"
+               class="screenboxcontrol"
+               alt="Screenshot presentasi Impress"  
+               title="Klik untuk presentasi Impress" /><br />
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/draw-big.png"><img src="../images/draw-icon.png"
+               class="screenboxcontrol"
+               alt="Screenshot grafis Draw"  
+               title="Klik untuk screenshot grafis Draw" /><br />
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="../images/base-big.png"><img src="../images/base-icon.png" 
+               class="screenboxcontrol"
+               alt="Screenshot basis data Base"  
+               title="Klik untuk screenshot basis data Base" /><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;Untuk murid-murid
+          </div>
+          <div class="spacy">
+OpenOffice.org 3 membentuk sebuah platform pengajaran ideal untuk kemampuan komputer dasar, tanpa mengikat para murid pada produk komersial. Lisensi perangkat lunak bebas berarti para murid dapat diberi salinan dari perangkat lunak untuk digunakan di rumah - sepenuhnya legal - sebuah 'nilai tambah'. Untuk murid-murid IT, perangkat lunak berbasis OpenOffice.org juga merupakan platform ideal untuk membangun kemampuan IT dan memahami rekayasa perangkat lunak yang sebenarnya.
+          </div>
+        </div>
+
+        <!-- Column 2 -->
+            <div class="c2">
+                <div class="noteheader">
+                    &nbsp;Untuk guru dan akademis
+                </div>
+                <div class="spacy">
+OpenOffice.org 3 juga merupakan platform ideal untuk membangun materi pengajaran dan mengelola tugas-tugas administratif. Sebagai contoh, pengolah kata <i>Writer</i> cukup mudah untuk memo sederhana, tetapi juga cukup handal untuk desertasi yang kompleks. Untuk staff IT, lisensi perangkat lunak open-source berarti akhir dari kekhawatiran akan lisensi dan ancaman akan audit perangkat lunak. OpenOffice.org 3 dikembangkan, ditranslasikan, dan didukung oleh komunitas internasional yang dihubungkan oleh internet, membuka kesempatan yang menarik untuk proyek sekolah.
+                </div>
+            </div>
+
+            <!-- Column 3 -->
+        <div class="c3">
+                <div class="noteheader">
+                    &nbsp;Terbuka untuk semua
+                </div>
+              <div class="spacy">
+          <!-- The content for this attention grabbing block -->
+OpenOffice.org 3 adalah pelopor gerakan internasional dalam pergerakan untuk penyertaan digital - membuat perangkat lunak dengan kualitas terbaik, terlepas dari pendapatan. OpenOffice.org 3 tersedia dalam beberapa bahasa, dan kami secara aktif menganjurkan tim-tim lokal untuk menghasilkan versi untuk bahasa lokal. Kami membangun perangkat lunak dengan sebuah proses open-source - ekuivalen dalam bidang komputer dengan publikasi per review - membuat perangkat lunak dengan kualitas terbaik.
+              </div>
+            </div>
+        </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+    <!-- Finally, here's the humble footer, holding your copyright -->
+    <div id="myfooter">
+  
+      <a href="http://www.sun.com/software/star/openoffice/index.html">
+       <img 
+         style="float:left; display:inline;  width:150px; height:50px;" 
+         title="Disponsori oleh Oracle" 
+         alt="Logo Oracle" src="http://why.openoffice.org/branding/images/oracle-logo.gif" />
+      </a>      
+<!--  <a title="Give feedback, or ask for assistance" 
+        href="http://www.openoffice.org/contact.html">Contact Us</a>
+      <a title="Sitemap" href="/project/www/sitemap.html">Sitemap</a>
+      <a title="What should happen on the matter listed on this page..."
+        href="http://development.openoffice.org/todo.html">To-Dos</a>
+      <a href="http://www.openoffice.org/nonav/servlets/HelpTOC">Site Help</a>
+      <a href="http://marketing.openoffice.org/press_kit.html">Press Room</a>
+      <br /> -->
+    Dengan segala penggunaan Website ini, Anda setuju untuk terikat dengan <a href="http://www.sunsource.net/TUPPCP.html">Aturan dan Perjanjian Penggunaan </a><br />
+    Oracle dan Java adalah merek dagang dari Oracle dan/atau affiliasinya. Nama lainnya mungkin merek dagang dari pemilik masing-masing.
+    </div>
+    <!-- End of footer -->
+
+</div>
+<!-- End of master container -->
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredbya">
+      <p><img src="/images/feather-small.gif"/></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="/license.html">Copyright &amp; License</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	Other names appearing on the site may be trademarks of their respective owners.
+      </p>
+    </div>
+  </div>
+
+</body>
+</html>



Mime
View raw message