You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@oodt.apache.org by bu...@apache.org on 2014/07/17 17:18:25 UTC

svn commit: r916555 [5/5] - /websites/staging/oodt/trunk/content/

Modified: websites/staging/oodt/trunk/content/services.html
==============================================================================
--- websites/staging/oodt/trunk/content/services.html (original)
+++ websites/staging/oodt/trunk/content/services.html Thu Jul 17 15:18:24 2014
@@ -37,7 +37,400 @@ under the License. 
 </head>
 
   <body>
+ <!-- NAVBAR================================================== --> 	 
+	     <div class="navbar-wrapper"> 	 
+	       <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. --> 	 
+	       <div class="container"> 	 
+	  	 
+	         <div class="navbar navbar-inverse"> 	 
+	           <div class="navbar-inner"> 	 
+	             <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. --> 	 
+	             <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 	 
+	               <span class="icon-bar"></span> 	 
+	               <span class="icon-bar"></span> 	 
+	               <span class="icon-bar"></span> 	 
+	             </button> 	 
+	             <!--  a class="brand" href="#">Home</a--> 	 
+	             <a href="./index.html" class="brand"> 	 
+	               <img src="./assets/img/nutch_logo_tm.png" alt="Apache" title="Apache" /> 	 
+	             </a> 	 
+	             <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. --> 	 
+	             <div class="nav-collapse collapse"> 	 
+	               <ul class="nav"> 	 
+	                 <li><a href="./downloads.html">Downloads</a></li> 	 
+	                 <li class="dropdown"> 	 
+	                   <a href="#" class="dropdown-toggle" 	 
+	                     data-toggle="dropdown">Community<b class="caret"></b></a> 	 
+	                   <ul class="dropdown-menu"> 	 
+	                     <li><a href="https://whimsy.apache.org/board/minutes/Nutch.html">Board Reporting</a></li> 	 
+	                     <li><a href="./bot.html">Robots Information</a></li> 	 
+	                     <li><a href="http://wiki.apache.org/nutch/Becoming_A_Nutch_Developer">Contribute</a></li> 	 
+	                     <li><a href="./mailing_lists.html">Mailing Lists</a></li> 	 
+	                     <li><a href="./credits.html">People/Credits</a></li> 	 
+	                     <li><a href="http://www.cafepress.com/nutch">Buy Stuff</a></li> 	 
+	                     <li class="divider"></li> 	 
+	                     <li class="dropdown"> 	 
+	                       <a href="#" class="dropdown-toggle" 	 
+	                         data-toggle="dropdown">Related Projects<b class="caret"></b></a> 	 
+	                       <ul class="dropdown-header"> 	 
+	                         <li><a href="http://lucene.apache.org">Apache Lucene</a></li> 	 
+	                         <li><a href="http://gora.apache.org">Apache Gora</a></li> 	 
+	                         <li><a href="http://hadoop.apache.org">Apache Hadoop</a></li> 	 
+	                         <li><a href="http://lucene.apache.org/solr">Apache Solr</a></li> 	 
+	                         <li><a href="http://tika.apache.org">Apache Tika</a></li> 	 
+	                       </ul> 	 
+	                   </ul> 	 
+	                 </li> 	 
+	                 <li class="dropdown"> 	 
+	                   <a href="#" class="dropdown-toggle" 	 
+	                     data-toggle="dropdown">Documentation<b class="caret"></b></a> 	 
+	                   <ul class="dropdown-menu"> 	 
+	                     <li><a href="https://wiki.apache.org/nutch/FrontPage#What_is_Apache_Nutch.3F">About</a></li> 	 
+	                     <li><a href="http://wiki.apache.org/nutch/">Nutch Wiki</a></li> 	 
+	                     <li><a href="./javadoc.html">JavaDoc Documentation</a></li> 	 
+	                     <li><a href="http://wiki.apache.org/nutch/#Tutorials">Nutch Tutorials</a></li> 	 
+	                                         <li><a href="http://wiki.apache.org/nutch/FAQ">Nutch FAQs</a></li> 	 
+	                   </ul> 	 
+	                 </li> 	 
+	                 <li class="dropdown"> 	 
+	                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">Development<b class="caret"></b></a> 	 
+	                   <ul class="dropdown-menu"> 	 
+	                     <li><a href="https://issues.apache.org/jira/browse/NUTCH/">Issue Tracker</a></li> 	 
+	                     <li><a href="./mailing_lists.html">Mailing Lists</a></li> 	 
+	                     <li><a href="https://builds.apache.org/view/M-R/view/Nutch/">Nightly Builds</a></li> 	 
+	                   </ul> 	 
+	                 </li> 	 
+	                 <li class="dropdown"> 	 
+	                   <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 	 
+	                     <img src="./assets/img/feather-small.png" alt="Apache" title="Apache" /> 	 
+	                     <b class="caret"></b> 	 
+	                   </a> 	 
+	                   <ul class="dropdown-menu pull-right"> 	 
+	                     <li><a href="http://www.apache.org">Apache Home</a></li> 	 
+	                     <li><a href="http://www.apache.org/licenses/">Apache License</a></li> 	 
+	                     <li><a href="http://www.apache.org/security/">Security</a></li> 	 
+	                     <li><a href="http://www.apache.org/foundation/sponsorship.html">Support</a></li> 	 
+	                     <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li> 	 
+	                   </ul> 	 
+	                 </li> 	 
+	               </ul> 	 
+	             </div><!--/.nav-collapse --> 	 
+	           </div><!-- /.navbar-inner --> 	 
+	         </div><!-- /.navbar --> 	 
+	       </div> <!-- /.container --> 	 
+	     </div><!-- /.navbar-wrapper --> 	 
+	         <hr> 	 
+	  	 
+	         <div class="container" id="Nutch_"> 	 
+	  	 
+	                 <!DOCTYPE html>
+<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
 
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+
+<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
+
+<!--[if gt IE 8]><!-->
+
+<p><html class="no-js" lang="en">
+<!--<![endif]-->
+<head>
+<meta charset="utf-8"/>
+<!-- Set the viewport width to device width for mobile -->
+<meta name="viewport" content="width=device-width"/>
+<title>Studio Francesca - Premium Theme by WowThemes.net</title>
+<!-- Included CSS Files-->
+<link rel="stylesheet" href="stylesheets/style.css">
+<link rel="stylesheet" href="stylesheets/skins/teal.css"><!-- skin color -->
+<link rel="stylesheet" href="stylesheets/responsive.css">
+<!-- IE Fix for HTML5 Tags -->
+<!--[if lt IE 9]>
+    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+  <![endif]-->
+</head>
+<body>
+<!-- HIDDEN PANEL 
+================================================== -->
+<div id="panel">
+    <div class="row">
+        <div class="twelve columns">
+            <img src="images/info.png" class="pics" alt="info">
+            <div class="infotext">
+                 Thank you for visiting my theme! Replace this with your message to visitors.
+            </div>
+        </div>
+    </div>
+</div>
+<p class="slide">
+    <a href="#" class="btn-slide"></a>
+</p>
+<!-- HEADER
+================================================== -->
+<div class="row"> <br />
+        <div class="four columns">
+            <div class="logo">
+                <a href="index.html"><h4>Studio Francesca</h4></a>
+            </div>
+        </div>
+        <div class="eight columns noleftmarg">    <br />
+            <nav id="nav-wrap">
+                <ul class="nav-bar sf-menu"></p>
+<div class="codehilite"><pre>                <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;current&quot;</span><span class="nt">&gt;</span>
+                <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;index.html&quot;</span><span class="nt">&gt;</span>Home<span class="nt">&lt;/a&gt;</span>
+                    <span class="nt">&lt;ul&gt;</span>
+
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;index2.html&quot;</span><span class="nt">&gt;</span>Without slider<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>                       
+                    <span class="nt">&lt;/ul&gt;</span>
+                <span class="nt">&lt;/li&gt;</span>
+
+                <span class="nt">&lt;li&gt;</span>
+                <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Portofolio<span class="nt">&lt;/a&gt;</span>
+                    <span class="nt">&lt;ul&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;portofolio2.html&quot;</span><span class="nt">&gt;</span>2 Columns<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;portofolio3.html&quot;</span><span class="nt">&gt;</span>3 Columns<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;portofolio4.html&quot;</span><span class="nt">&gt;</span>4 Columns<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>                       
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;portofoliodetail.html&quot;</span><span class="nt">&gt;</span>Project Details<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;/ul&gt;</span>
+                <span class="nt">&lt;/li&gt;</span>
+
+                <span class="nt">&lt;li&gt;</span>
+                <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Blog<span class="nt">&lt;/a&gt;</span>
+                    <span class="nt">&lt;ul&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;blogpage1.html&quot;</span><span class="nt">&gt;</span>Blog page style 1<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;blogpage2.html&quot;</span><span class="nt">&gt;</span>Blog page style 2<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;blogpage3.html&quot;</span><span class="nt">&gt;</span>Blog page style 3<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;blogsinglepost.html&quot;</span><span class="nt">&gt;</span>Single post<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;/ul&gt;</span>
+                <span class="nt">&lt;/li&gt;</span>
+
+                <span class="nt">&lt;li&gt;</span>
+                <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Pages<span class="nt">&lt;/a&gt;</span>
+                    <span class="nt">&lt;ul&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;about.html&quot;</span><span class="nt">&gt;</span>About us<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;services.html&quot;</span><span class="nt">&gt;</span>Services<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>                       
+                    <span class="nt">&lt;/ul&gt;</span>
+                <span class="nt">&lt;/li&gt;</span>
+
+                <span class="nt">&lt;li&gt;</span>
+                <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Features<span class="nt">&lt;/a&gt;</span>
+                    <span class="nt">&lt;ul&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;columns.html&quot;</span><span class="nt">&gt;</span>Columns<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;elements.html&quot;</span><span class="nt">&gt;</span>Elements<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;typography.html&quot;</span><span class="nt">&gt;</span>Typography<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;/ul&gt;</span>
+                <span class="nt">&lt;/li&gt;</span>
+
+                <span class="nt">&lt;li&gt;</span>
+                <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;contact.html&quot;</span><span class="nt">&gt;</span>Contact<span class="nt">&lt;/a&gt;</span>
+                <span class="nt">&lt;/li&gt;</span>
+
+            <span class="nt">&lt;/ul&gt;</span>
+            <span class="nt">&lt;/nav&gt;</span>
+    <span class="nt">&lt;/div&gt;</span>
+</pre></div>
+
+
+<p></div>
+<div class="clear">
+</div>
+<!-- SUBHEADER
+================================================== -->
+<div id="subheader">
+    <div class="row">
+        <div class="twelve columns">
+            <p class="left">
+                 OUR SERVICES
+            </p>
+            <p class="right">
+                 Request a free quote
+            </p>
+        </div>
+    </div>
+</div>
+<div class="hr">
+</div>
+<!-- CONTENT 
+================================================== -->
+<div class="row">
+    <!-- MAIN CONTENT-->
+    <div class="eight columns">
+        <div class="sectiontitle">
+            <h4>What we offer</h4>
+        </div>
+        <!-- Services List-->
+        <div class="six columns noleftmargin">        <br />
+            <h5 class="sidebartitle">Service 1</h5>
+            <p> 
+            <img src="images/settings.png" class="pics" alt=""> Duis sit amet risus nunc. Maecenas a elementum urna. Quisque euismod pellentesque sem in feugiat. Mauris nulla urna, euismod sit amet placerat et, adipiscing sit amet nisi. Maecenas libero purus, pulvinar at blandit a, auctor non nulla. Fusce vitae tortor erat
+            </p>
+        </div>
+        <div class="six columns noleftmargin">
+            <h5 class="sidebartitle">Service 2</h5>
+            <p>
+            <img src="images/settings.png" class="pics" alt=""> Duis sit amet risus nunc. Maecenas a elementum urna. Quisque euismod pellentesque sem in feugiat. Mauris nulla urna, euismod sit amet placerat et, adipiscing sit amet nisi. Maecenas libero purus, pulvinar at blandit a, auctor non nulla. Fusce vitae tortor erat.
+            </p>
+        </div>
+        <div class="six columns noleftmargin">
+            <h5 class="sidebartitle">Service 3</h5>
+            <p>
+            <img src="images/settings.png" class="pics" alt=""> Duis sit amet risus nunc. Maecenas a elementum urna. Quisque euismod pellentesque sem in feugiat. Mauris nulla urna, euismod sit amet placerat et, adipiscing sit amet nisi. Maecenas libero purus, pulvinar at blandit a, auctor non nulla. Fusce vitae tortor erat.
+            </p>
+        </div>
+        <div class="six columns noleftmargin">
+            <h5 class="sidebartitle">Service 4</h5>
+            <p>
+            <img src="images/settings.png" class="pics" alt=""> Duis sit amet risus nunc. Maecenas a elementum urna. Quisque euismod pellentesque sem in feugiat. Mauris nulla urna, euismod sit amet placerat et, adipiscing sit amet nisi. Maecenas libero purus, pulvinar at blandit a, auctor non nulla. Fusce vitae tortor erat.
+            </p>
+        </div>
+        <div class="clear">
+        </div>
+        <br/>
+        <div class="panel">
+            <p>
+                <b>Phasellus luctus ante in eros suscipit aliquet. Donec convallis scelerisque tellus, quis vulputate lacus laoreet sed. Mauris vitae ultricies neque. Nullam arcu neque, posuere et accumsan quis, euismod id leo. Donec tristique, nisi vel tincidunt faucibus, velit eros pulvinar leo, in sollicitudin nisi nibh ac arcu.</b>
+            </p>
+        </div>    <br />
+    </div><!-- end main content--></p>
+<div class="codehilite"><pre><span class="c">&lt;!-- SIDEBAR--&gt;</span>
+<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;four columns&quot;</span><span class="nt">&gt;</span>
+    <span class="c">&lt;!-- Free Quote Form--&gt;</span>
+    <span class="nt">&lt;h5&gt;</span>Have a project in mind?<span class="nt">&lt;/h5&gt;</span>
+    <span class="nt">&lt;p&gt;</span>
+        Just provide some preliminary information and a our team will contact you as soon as possible.
+    <span class="nt">&lt;/p&gt;</span>
+    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;done&quot;</span><span class="nt">&gt;</span>
+            <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;alert-box success&quot;</span><span class="nt">&gt;</span>
+             Message has been sent! <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;&quot;</span> <span class="na">class=</span><span class="s">&quot;close&quot;</span><span class="nt">&gt;</span>x<span class="nt">&lt;/a&gt;</span>
+            <span class="nt">&lt;/div&gt;</span>
+    <span class="nt">&lt;/div&gt;</span>
+    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;form&quot;</span><span class="nt">&gt;</span>
+        <span class="nt">&lt;form</span> <span class="na">method=</span><span class="s">&quot;post&quot;</span> <span class="na">action=</span><span class="s">&quot;contact.php&quot;</span> <span class="na">id=</span><span class="s">&quot;contactform&quot;</span><span class="nt">&gt;</span>
+            <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">&quot;text&quot;</span> <span class="na">name=</span><span class="s">&quot;name&quot;</span> <span class="na">class=</span><span class="s">&quot;smoothborder&quot;</span> <span class="na">placeholder=</span><span class="s">&quot;Your name *&quot;</span><span class="nt">/&gt;</span>
+            <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">&quot;text&quot;</span> <span class="na">name=</span><span class="s">&quot;email&quot;</span> <span class="na">class=</span><span class="s">&quot;smoothborder&quot;</span> <span class="na">placeholder=</span><span class="s">&quot;E-mail address *&quot;</span><span class="nt">/&gt;</span>
+            <span class="nt">&lt;textarea</span> <span class="na">name=</span><span class="s">&quot;comment&quot;</span> <span class="na">class=</span><span class="s">&quot;smoothborder&quot;</span> <span class="na">rows=</span><span class="s">&quot;6&quot;</span> <span class="na">placeholder=</span><span class="s">&quot;Describe your project *&quot;</span><span class="nt">&gt;&lt;/textarea&gt;</span>
+            <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">&quot;submit&quot;</span> <span class="na">id=</span><span class="s">&quot;submit&quot;</span> <span class="na">class=</span><span class="s">&quot;readmore&quot;</span> <span class="na">value=</span><span class="s">&quot;Submit&quot;</span><span class="nt">&gt;</span>
+        <span class="nt">&lt;/form&gt;</span>
+    <span class="nt">&lt;/div&gt;</span>
+    <span class="nt">&lt;br/&gt;</span>
+    <span class="c">&lt;!-- Accordion--&gt;</span>
+    <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;accordion&quot;</span><span class="nt">&gt;</span>
+        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;active&quot;</span><span class="nt">&gt;</span>
+        <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;title&quot;</span><span class="nt">&gt;</span>
+            <span class="nt">&lt;b&gt;</span>Don&#39;t miss our treats<span class="nt">&lt;/b&gt;</span>
+        <span class="nt">&lt;/div&gt;</span>
+        <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;content accordiontrick&quot;</span><span class="nt">&gt;</span>
+            <span class="nt">&lt;p&gt;</span>
+                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            <span class="nt">&lt;/p&gt;</span>
+        <span class="nt">&lt;/div&gt;</span>
+        <span class="nt">&lt;/li&gt;</span>
+        <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;&quot;</span><span class="nt">&gt;</span>
+        <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;title&quot;</span><span class="nt">&gt;</span>
+            <span class="nt">&lt;b&gt;</span>Holiday Services<span class="nt">&lt;/b&gt;</span>
+        <span class="nt">&lt;/div&gt;</span>
+        <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;content accordiontrick&quot;</span><span class="nt">&gt;</span>
+            <span class="nt">&lt;p&gt;</span>
+                 Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            <span class="nt">&lt;/p&gt;</span>
+            <span class="nt">&lt;p&gt;</span>
+                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            <span class="nt">&lt;/p&gt;</span>
+        <span class="nt">&lt;/div&gt;</span>
+        <span class="nt">&lt;/li&gt;</span>
+    <span class="nt">&lt;/ul&gt;</span>
+<span class="nt">&lt;/div&gt;</span><span class="c">&lt;!-- end sidebar--&gt;</span>
+</pre></div>
+
+
+<p></div>
+<div class="hr">
+</div>
+<!-- TWITTER
+================================================== -->
+<div class="tweetarea">
+    <div class="tweettext">
+        <div class="row">
+            <div class="twelve columns">
+                <div class="tweet">
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- FOOOTER 
+================================================== -->
+<div id="footer">
+    <footer class="row">
+    <p class="back-top floatright">
+        <a href="#top"><span></span></a>
+    </p>
+    <div class="four columns">
+        <h1>ABOUT US</h1>
+         Our goal is to keep clients satisfied!
+    </div>
+    <div class="four columns">
+        <h1>GET SOCIAL</h1>
+        <div class="social facebook">
+            <a href="#"></a>
+        </div>
+        <div class="social twitter">
+            <a href="#"></a>
+        </div>
+        <div class="social deviantart">
+            <a href="#"></a>
+        </div>
+        <div class="social flickr">
+            <a href="#"></a>
+        </div>
+        <div class="social dribbble">
+            <a href="#"></a>
+        </div>
+    </div>
+    <div class="four columns">
+        <h1 class="newsmargin">NEWSLETTER</h1>
+        <div class="row collapse newsletter floatright">
+            <div class="ten mobile-three columns">
+                <input type="text" class="nomargin" placeholder="Enter your e-mail address...">
+            </div>
+            <div class="two mobile-one columns">
+                <a href="#" class="postfix button expand">GO</a>
+            </div>
+        </div>
+    </div>
+    </footer>
+</div>
+<div class="copyright">
+    <div class="row">
+        <div class="six columns">
+             &copy;<span class="small"> Copyright 2013 Your Agency Name</span>
+        </div>
+        <div class="six columns">
+            <span class="small floatright"> Purchase "Studio Francesca" - WowThemes.net</span>
+        </div>
+    </div>
+</div>
+<!-- JAVASCRIPTS 
+================================================== -->
+<!-- Javascript files placed here for faster loading -->
+<script src="javascripts/foundation.min.js"></script>
+<script src="javascripts/formvalidation.js"></script>
+<script src="javascripts/jquery.cycle.js"></script>
+<script src="javascripts/app.js"></script>
+<script src="javascripts/modernizr.foundation.js"></script>
+<script src="javascripts/slidepanel.js"></script>
+<script src="javascripts/scrolltotop.js"></script>
+<script src="javascripts/hoverIntent.js"></script>
+<script src="javascripts/superfish.js"></script>
+<script src="javascripts/responsivemenu.js"></script>
+<script src="javascripts/jquery.tweet.js"></script>
+<script src="javascripts/twitterusername.js"></script>
+</body>
+</html></p></div> 	 
+	         <!-- /container (main block) --> 	 
+	  	 
+	         <hr>
 	<div class="container">
 		<footer>
 		<p class="pull-right">

Modified: websites/staging/oodt/trunk/content/typography.html
==============================================================================
--- websites/staging/oodt/trunk/content/typography.html (original)
+++ websites/staging/oodt/trunk/content/typography.html Thu Jul 17 15:18:24 2014
@@ -37,7 +37,422 @@ under the License. 
 </head>
 
   <body>
+ <!-- NAVBAR================================================== --> 	 
+	     <div class="navbar-wrapper"> 	 
+	       <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. --> 	 
+	       <div class="container"> 	 
+	  	 
+	         <div class="navbar navbar-inverse"> 	 
+	           <div class="navbar-inner"> 	 
+	             <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. --> 	 
+	             <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 	 
+	               <span class="icon-bar"></span> 	 
+	               <span class="icon-bar"></span> 	 
+	               <span class="icon-bar"></span> 	 
+	             </button> 	 
+	             <!--  a class="brand" href="#">Home</a--> 	 
+	             <a href="./index.html" class="brand"> 	 
+	               <img src="./assets/img/nutch_logo_tm.png" alt="Apache" title="Apache" /> 	 
+	             </a> 	 
+	             <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. --> 	 
+	             <div class="nav-collapse collapse"> 	 
+	               <ul class="nav"> 	 
+	                 <li><a href="./downloads.html">Downloads</a></li> 	 
+	                 <li class="dropdown"> 	 
+	                   <a href="#" class="dropdown-toggle" 	 
+	                     data-toggle="dropdown">Community<b class="caret"></b></a> 	 
+	                   <ul class="dropdown-menu"> 	 
+	                     <li><a href="https://whimsy.apache.org/board/minutes/Nutch.html">Board Reporting</a></li> 	 
+	                     <li><a href="./bot.html">Robots Information</a></li> 	 
+	                     <li><a href="http://wiki.apache.org/nutch/Becoming_A_Nutch_Developer">Contribute</a></li> 	 
+	                     <li><a href="./mailing_lists.html">Mailing Lists</a></li> 	 
+	                     <li><a href="./credits.html">People/Credits</a></li> 	 
+	                     <li><a href="http://www.cafepress.com/nutch">Buy Stuff</a></li> 	 
+	                     <li class="divider"></li> 	 
+	                     <li class="dropdown"> 	 
+	                       <a href="#" class="dropdown-toggle" 	 
+	                         data-toggle="dropdown">Related Projects<b class="caret"></b></a> 	 
+	                       <ul class="dropdown-header"> 	 
+	                         <li><a href="http://lucene.apache.org">Apache Lucene</a></li> 	 
+	                         <li><a href="http://gora.apache.org">Apache Gora</a></li> 	 
+	                         <li><a href="http://hadoop.apache.org">Apache Hadoop</a></li> 	 
+	                         <li><a href="http://lucene.apache.org/solr">Apache Solr</a></li> 	 
+	                         <li><a href="http://tika.apache.org">Apache Tika</a></li> 	 
+	                       </ul> 	 
+	                   </ul> 	 
+	                 </li> 	 
+	                 <li class="dropdown"> 	 
+	                   <a href="#" class="dropdown-toggle" 	 
+	                     data-toggle="dropdown">Documentation<b class="caret"></b></a> 	 
+	                   <ul class="dropdown-menu"> 	 
+	                     <li><a href="https://wiki.apache.org/nutch/FrontPage#What_is_Apache_Nutch.3F">About</a></li> 	 
+	                     <li><a href="http://wiki.apache.org/nutch/">Nutch Wiki</a></li> 	 
+	                     <li><a href="./javadoc.html">JavaDoc Documentation</a></li> 	 
+	                     <li><a href="http://wiki.apache.org/nutch/#Tutorials">Nutch Tutorials</a></li> 	 
+	                                         <li><a href="http://wiki.apache.org/nutch/FAQ">Nutch FAQs</a></li> 	 
+	                   </ul> 	 
+	                 </li> 	 
+	                 <li class="dropdown"> 	 
+	                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">Development<b class="caret"></b></a> 	 
+	                   <ul class="dropdown-menu"> 	 
+	                     <li><a href="https://issues.apache.org/jira/browse/NUTCH/">Issue Tracker</a></li> 	 
+	                     <li><a href="./mailing_lists.html">Mailing Lists</a></li> 	 
+	                     <li><a href="https://builds.apache.org/view/M-R/view/Nutch/">Nightly Builds</a></li> 	 
+	                   </ul> 	 
+	                 </li> 	 
+	                 <li class="dropdown"> 	 
+	                   <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 	 
+	                     <img src="./assets/img/feather-small.png" alt="Apache" title="Apache" /> 	 
+	                     <b class="caret"></b> 	 
+	                   </a> 	 
+	                   <ul class="dropdown-menu pull-right"> 	 
+	                     <li><a href="http://www.apache.org">Apache Home</a></li> 	 
+	                     <li><a href="http://www.apache.org/licenses/">Apache License</a></li> 	 
+	                     <li><a href="http://www.apache.org/security/">Security</a></li> 	 
+	                     <li><a href="http://www.apache.org/foundation/sponsorship.html">Support</a></li> 	 
+	                     <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li> 	 
+	                   </ul> 	 
+	                 </li> 	 
+	               </ul> 	 
+	             </div><!--/.nav-collapse --> 	 
+	           </div><!-- /.navbar-inner --> 	 
+	         </div><!-- /.navbar --> 	 
+	       </div> <!-- /.container --> 	 
+	     </div><!-- /.navbar-wrapper --> 	 
+	         <hr> 	 
+	  	 
+	         <div class="container" id="Nutch_"> 	 
+	  	 
+	                 <!DOCTYPE html>
+<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
 
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+
+<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
+
+<!--[if gt IE 8]><!-->
+
+<p><html class="no-js" lang="en">
+<!--<![endif]-->
+<head>
+<meta charset="utf-8"/>
+<!-- Set the viewport width to device width for mobile -->
+<meta name="viewport" content="width=device-width"/>
+<title>Studio Francesca - Premium Theme by WowThemes.net</title>
+<!-- Included CSS Files-->
+<link rel="stylesheet" href="stylesheets/style.css">
+<link rel="stylesheet" href="stylesheets/skins/teal.css"><!-- skin color -->
+<link rel="stylesheet" href="stylesheets/responsive.css">
+<!-- IE Fix for HTML5 Tags -->
+<!--[if lt IE 9]>
+    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+  <![endif]-->  <br />
+</head>
+<body>
+<!-- HIDDEN PANEL 
+================================================== -->
+<div id="panel">
+    <div class="row">
+        <div class="twelve columns">
+            <img src="images/info.png" class="pics" alt="info">
+            <div class="infotext">
+                Thank you for visiting my theme! Replace this with your message to visitors.
+            </div>
+        </div>
+    </div>
+</div>
+<p class="slide">
+    <a href="#" class="btn-slide"></a>
+</p>
+<!-- HEADER
+================================================== -->
+<div class="row"> <br />
+        <div class="four columns">
+            <div class="logo">
+                <a href="index.html"><h4>Studio Francesca</h4></a>
+            </div>
+        </div>
+        <div class="eight columns noleftmarg">    <br />
+            <nav id="nav-wrap">
+                <ul class="nav-bar sf-menu"></p>
+<div class="codehilite"><pre>                <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;current&quot;</span><span class="nt">&gt;</span>
+                <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;index.html&quot;</span><span class="nt">&gt;</span>Home<span class="nt">&lt;/a&gt;</span>
+                    <span class="nt">&lt;ul&gt;</span>
+
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;index2.html&quot;</span><span class="nt">&gt;</span>Without slider<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>                       
+                    <span class="nt">&lt;/ul&gt;</span>
+                <span class="nt">&lt;/li&gt;</span>
+
+                <span class="nt">&lt;li&gt;</span>
+                <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Portofolio<span class="nt">&lt;/a&gt;</span>
+                    <span class="nt">&lt;ul&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;portofolio2.html&quot;</span><span class="nt">&gt;</span>2 Columns<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;portofolio3.html&quot;</span><span class="nt">&gt;</span>3 Columns<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;portofolio4.html&quot;</span><span class="nt">&gt;</span>4 Columns<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>                       
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;portofoliodetail.html&quot;</span><span class="nt">&gt;</span>Project Details<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;/ul&gt;</span>
+                <span class="nt">&lt;/li&gt;</span>
+
+                <span class="nt">&lt;li&gt;</span>
+                <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Blog<span class="nt">&lt;/a&gt;</span>
+                    <span class="nt">&lt;ul&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;blogpage1.html&quot;</span><span class="nt">&gt;</span>Blog page style 1<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;blogpage2.html&quot;</span><span class="nt">&gt;</span>Blog page style 2<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;blogpage3.html&quot;</span><span class="nt">&gt;</span>Blog page style 3<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;blogsinglepost.html&quot;</span><span class="nt">&gt;</span>Single post<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;/ul&gt;</span>
+                <span class="nt">&lt;/li&gt;</span>
+
+                <span class="nt">&lt;li&gt;</span>
+                <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Pages<span class="nt">&lt;/a&gt;</span>
+                    <span class="nt">&lt;ul&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;about.html&quot;</span><span class="nt">&gt;</span>About us<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;services.html&quot;</span><span class="nt">&gt;</span>Services<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>                       
+                    <span class="nt">&lt;/ul&gt;</span>
+                <span class="nt">&lt;/li&gt;</span>
+
+                <span class="nt">&lt;li&gt;</span>
+                <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>Features<span class="nt">&lt;/a&gt;</span>
+                    <span class="nt">&lt;ul&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;columns.html&quot;</span><span class="nt">&gt;</span>Columns<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;elements.html&quot;</span><span class="nt">&gt;</span>Elements<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;typography.html&quot;</span><span class="nt">&gt;</span>Typography<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+                    <span class="nt">&lt;/ul&gt;</span>
+                <span class="nt">&lt;/li&gt;</span>
+
+                <span class="nt">&lt;li&gt;</span>
+                <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;contact.html&quot;</span><span class="nt">&gt;</span>Contact<span class="nt">&lt;/a&gt;</span>
+                <span class="nt">&lt;/li&gt;</span>
+
+            <span class="nt">&lt;/ul&gt;</span>
+            <span class="nt">&lt;/nav&gt;</span>
+    <span class="nt">&lt;/div&gt;</span>
+</pre></div>
+
+
+<p></div>
+<div class="clear">
+</div>
+<!-- SUBHEADER
+================================================== -->
+<div id="subheader" class="blogstyle">
+    <div class="row">
+        <div class="eight columns">
+            <p class="bread leftalign">
+                 You are here: <a href="index.html"> Home</a> / <a href="typography.html">Typography</a>
+            </p>
+        </div>
+        <div class="four columns">
+            <div class="row collapse">
+                <div class="ten mobile-three columns">
+                    <input type="text" class="nomargin" placeholder="Search...">
+                </div>
+                <div class="two mobile-one columns">
+                    <a href="#" class="postfix button expand">Go</a>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="hr">
+</div>
+<!-- CONTENT 
+================================================== -->
+<div class="row">
+    <div class="twelve columns">
+        <h5>GENERAL TYPOGRAPHY</h5>
+        <hr>
+        <div class="typography">
+            <h1>h1. This is a very large header.</h1>
+            <h2>h2. This is a large header.</h2>
+            <h3>h3. This is a medium header.</h3>
+            <h4>h4. This is a moderate header.</h4>
+            <h5>h5. This is small header.</h5>
+            <h6>h6. This is very small header.</h6>
+            <p>
+                This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete. Contineo me ab exemplis. Rapior illuc, revocat autem Antiochus.
+            </p>
+        </div>
+    </div>
+</div>
+<div class="row">
+    <div class="twelve columns">
+        <h5>HEADER STYLES</h5>
+        <hr>
+        <h2>This is a very large main header.</h2>
+        <h4 class="subheader">This is a smaller subheader.</h4>
+    </div>
+</div>
+<div class="row">
+    <div class="twelve columns">
+        <h5>LINKS</h5>
+        <hr>
+        <div class="typography">
+            <h2><a href="#">This is a header link.</a></h2>
+            <h3><a href="#">This is a header link.</a></h3>
+            <h4><a href="#">This is a header link.</a></h4>
+            <h5><a href="#">This is a header link.</a></h5>
+            <p>
+                <a href="#">This is a standard inline paragraph link.</a>
+            </p>
+        </div>
+    </div>
+</div>
+<div class="row">
+    <div class="twelve columns">
+        <h5>LISTS</h5>
+        <hr>
+    </div>
+</div>
+<div class="row">
+    <div class="four columns">
+        <h5>ul.disc</h5>
+        <ul class="disc">
+            <li>List item with longer content.</li>
+            <li>List item</li>
+            <li>List item
+            <ul>
+                <li>Nested List Item</li>
+                <li>Nested List Item</li>
+                <li>Nested List Item</li>
+            </ul>
+            </li>
+            <li>List item</li>
+            <li>List item</li>
+            <li>List item</li>
+        </ul>
+    </div>
+    <div class="four columns">
+        <h5>ul.circle</h5>
+        <ul class="circle">
+            <li>List item with a longer content.</li>
+            <li>List item</li>
+            <li>List item
+            <ul>
+                <li>Nested List Item</li>
+                <li>Nested List Item</li>
+                <li>Nested List Item</li>
+            </ul>
+            </li>
+            <li>List item</li>
+            <li>List item</li>
+            <li>List item</li>
+        </ul>
+    </div>
+    <div class="four columns">
+        <h5>ul.square</h5>
+        <ul class="square">
+            <li>List item with a longer content.</li>
+            <li>List item</li>
+            <li>List item
+            <ul>
+                <li>Nested List Item</li>
+                <li>Nested List Item</li>
+                <li>Nested List Item</li>
+            </ul>
+            </li>
+            <li>List item</li>
+            <li>List item</li>
+            <li>List item</li>
+        </ul>
+    </div>
+</div>
+<div class="row">
+    <div class="twelve columns">
+        <h5>BLOCKQUOTES</h5>
+        <hr>
+        <blockquote>
+             Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete. Contineo me ab exemplis. Rapior illuc, revocat autem Antiochus. <cite>John Doe</cite>
+        </blockquote>
+    </div>
+</div>
+<div class="hr">
+</div>
+<!-- TWITTER
+================================================== -->
+<div class="tweetarea">
+    <div class="tweettext">
+        <div class="row">
+            <div class="twelve columns">
+                <div class="tweet">
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- FOOOTER 
+================================================== -->
+<div id="footer">
+    <footer class="row">
+    <p class="back-top floatright">
+        <a href="#top"><span></span></a>
+    </p>
+    <div class="four columns">
+        <h1>ABOUT US</h1>
+         Our goal is to keep clients satisfied!
+    </div>
+    <div class="four columns">
+        <h1>GET SOCIAL</h1>
+        <div class="social facebook">
+            <a href="#"></a>
+        </div>
+        <div class="social twitter">
+            <a href="#"></a>
+        </div>
+        <div class="social deviantart">
+            <a href="#"></a>
+        </div>
+        <div class="social flickr">
+            <a href="#"></a>
+        </div>
+        <div class="social dribbble">
+            <a href="#"></a>
+        </div>
+    </div>
+    <div class="four columns">
+        <h1 class="newsmargin">NEWSLETTER</h1>
+        <div class="row collapse newsletter floatright">
+            <div class="ten mobile-three columns">
+                <input type="text" class="nomargin" placeholder="Enter your e-mail address...">
+            </div>
+            <div class="two mobile-one columns">
+                <a href="#" class="postfix button expand">GO</a>
+            </div>
+        </div>
+    </div>
+    </footer>
+</div>
+<div class="copyright">
+    <div class="row">
+        <div class="six columns">
+             &copy;<span class="small"> Copyright 2013 Your Agency Name</span>
+        </div>
+        <div class="six columns">
+            <span class="small floatright"> Purchase "Studio Francesca" - WowThemes.net</span>
+        </div>
+    </div>
+</div>
+<!-- JAVASCRIPTS 
+================================================== -->
+<!-- Javascript files placed here for faster loading -->
+<script src="javascripts/foundation.min.js"></script>
+<script src="javascripts/jquery.cycle.js"></script>
+<script src="javascripts/app.js"></script>
+<script src="javascripts/modernizr.foundation.js"></script>
+<script src="javascripts/slidepanel.js"></script>
+<script src="javascripts/scrolltotop.js"></script>
+<script src="javascripts/hoverIntent.js"></script>
+<script src="javascripts/superfish.js"></script>
+<script src="javascripts/responsivemenu.js"></script>
+<script src="javascripts/jquery.tweet.js"></script>
+<script src="javascripts/twitterusername.js"></script>
+</body>
+</html></p></div> 	 
+	         <!-- /container (main block) --> 	 
+	  	 
+	         <hr>
 	<div class="container">
 		<footer>
 		<p class="pull-right">