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/18 00:00:23 UTC

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

Modified: websites/staging/oodt/trunk/content/portofolio2.html
==============================================================================
--- websites/staging/oodt/trunk/content/portofolio2.html (original)
+++ websites/staging/oodt/trunk/content/portofolio2.html Thu Jul 17 22:00:22 2014
@@ -1 +1,468 @@
- 
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- 
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements.  See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership.  The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License.  You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied.  See the License for the
+specific language governing permissions and limitations
+under the License. 
+-->
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta name="author" content="dev@oodt.apache.org" />
+
+<META http-equiv="Content-Type" content="text/html;charset=UTF-8" />
+<META name="Description"
+	content="Apache OODT -- " />
+<META name="Keywords" content="Apache OODT, Catalogs, Archives and More" />
+<META name="Owner" content="dev@oodt.apache.org" />
+<META name="Robots" content="index, follow" />
+<META name="Security" content="Public" />
+<META name="Source" content="wiki template" />
+<META name="DC.Rights"  content="Copyright 2010-2014, The Apache Software Foundation" />
+
+</head>
+
+  <body>
+ <!-- NAVBAR================================================== --> 	 
+	   <!--  <div class="navbar-wrapper"> 	 
+	       <div class="container"> 	 
+	  	 
+	         <div class="navbar navbar-inverse"> 	 
+	           <div class="navbar-inner"> 	 
+	             <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 href="./index.html" class="brand"> 	 
+	               <img src="./assets/img/nutch_logo_tm.png" alt="Apache" title="Apache" /> 	 
+	             </a> 	 
+	             <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>
+	           </div>
+	         </div>
+	       </div>
+	     </div> --><!-- /.navbar-wrapper --> 	 
+	         <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/prettyphoto.css"><!-- for gallery -->
+<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>
+                 PORTOFOLIO Two Columns
+            </p>
+        </div>
+    </div>
+</div>
+<div class="hr">
+</div>
+<!-- CONTENT 
+================================================== -->
+<div class="row">
+    <div class="twelve columns">
+        <!-- CATEGORIES-->
+        <section id="options" class="clearfix">
+        <ul id="filters" class="option-set clearfix" data-option-key="filter">
+            <li><a href="#filter" data-option-value="*" class="portofoliobutton selected">Show all</a></li>
+            <li><a href="#filter" data-option-value=".nature" class="portofoliobutton">Nature</a></li>
+            <li><a href="#filter" data-option-value=".trains" class="portofoliobutton">Trains</a></li>
+            <li><a href="#filter" data-option-value=".castles" class="portofoliobutton">Castles</a></li>
+        </ul>
+        </section>
+    </div>
+</div>
+<div id="portofolio" class="row">
+    <!-- Project 1-->
+    <div class="six columns category trains">
+        <h5>OLD TIMES</h5>
+        <p>
+             Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+        </p>
+        <div class="portofoliothumb">
+            <div class="portofoliothumboverlay">
+                <div class="viewgallery">
+                    <!--image here -->
+                    <a data-gal="prettyPhoto[gallery]" href="images/temp/folio1.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                </div>
+                <div class="inner">
+                    <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                </div>
+            </div>
+            <!-- image here -->
+            <img src="images/temp/folio1.jpg" alt="">
+        </div>
+    </div>
+    <!-- Project 2-->
+    <div class="six columns category castles nature">
+        <h5>MASTERPIECE</h5>
+        <p>
+             Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+        </p>
+        <div class="portofoliothumb">
+            <div class="portofoliothumboverlay">
+                <div class="viewgallery">
+                    <a data-gal="prettyPhoto[gallery]" href="images/temp/folio2.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                </div>
+                <div class="inner">
+                    <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                </div>
+            </div>
+            <img src="images/temp/folio2.jpg" alt=""/>
+        </div>
+    </div>
+    <!-- Project 3-->
+    <div class="six columns category nature">
+        <h5>SHADOW LIGHT</h5>
+        <p>
+             Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+        </p>
+        <div class="portofoliothumb">
+            <div class="portofoliothumboverlay">
+                <div class="viewgallery">
+                    <a data-gal="prettyPhoto[gallery]" href="images/temp/folio3.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                </div>
+                <div class="inner">
+                    <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                </div>
+            </div>
+            <img src="images/temp/folio3.jpg" alt=""/>
+        </div>
+    </div>
+    <!-- Project 4-->
+    <div class="six columns category nature castles">
+        <h5>WHITE CASTLE</h5>
+        <p>
+             Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+        </p>
+        <div class="portofoliothumb">
+            <div class="portofoliothumboverlay">
+                <div class="viewgallery">
+                    <a data-gal="prettyPhoto[gallery]" href="images/temp/folio4.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                </div>
+                <div class="inner">
+                    <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                </div>
+            </div>
+            <img src="images/temp/folio4.jpg" alt=""/>
+        </div>
+    </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>
+<script src="javascripts/jquery.isotope.min.js"></script>
+<script src="javascripts/jquery.prettyPhoto.js"></script>
+<script src="javascripts/custom.js"></script>
+</body>
+</html></p></div> 	 
+	         <!-- /container (main block) --> 	 
+	<div class="container">
+		<footer>
+		<!--<p class="pull-right">
+			<a href="#">Back to top</a>
+		</p>
+		<p>
+			Copyright © 2010-2014 The Apache Software Foundation. Licensed under
+			<a href="http://www.apache.org/licenses/LICENSE-2.0">Apache
+				License 2.0</a>.
+		</p>
+		<p>Apache OODT, OODT, Apache, the Apache feather logo, and the
+			Apache Nutch project logo are trademarks of The Apache Software
+			Foundation.</p>
+        -->
+		</footer>
+
+	</div>
+	<!-- /container -->
+
+	<!-- The javascript
+  ================================================== -->
+	<!-- Placed at the end of the document so the pages load faster -->
+<!--	<script type="text/javascript"
+		src="http://platform.twitter.com/widgets.js"></script>
+	<script src="assets/js/jquery.js"></script>
+	<script src="assets/js/bootstrap-transition.js"></script>
+	<script src="assets/js/bootstrap-alert.js"></script>
+	<script src="assets/js/bootstrap-modal.js"></script>
+	<script src="assets/js/bootstrap-dropdown.js"></script>
+	<script src="assets/js/bootstrap-scrollspy.js"></script>
+	<script src="assets/js/bootstrap-tab.js"></script>
+	<script src="assets/js/bootstrap-tooltip.js"></script>
+	<script src="assets/js/bootstrap-popover.js"></script>
+	<script src="assets/js/bootstrap-button.js"></script>
+	<script src="assets/js/bootstrap-collapse.js"></script>
+	<script src="assets/js/bootstrap-carousel.js"></script>
+	<script src="assets/js/bootstrap-typeahead.js"></script>
+	<script src="assets/js/bootstrap-affix.js"></script>
+
+	<script src="assets/js/holder/holder.js"></script>
+	<script src="assets/js/google-code-prettify/prettify.js"></script>
+
+	<script src="assets/js/application.js"></script>
+-->
+</body>
+</html>

Modified: websites/staging/oodt/trunk/content/portofolio3.html
==============================================================================
--- websites/staging/oodt/trunk/content/portofolio3.html (original)
+++ websites/staging/oodt/trunk/content/portofolio3.html Thu Jul 17 22:00:22 2014
@@ -1 +1,504 @@
- 
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- 
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements.  See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership.  The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License.  You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied.  See the License for the
+specific language governing permissions and limitations
+under the License. 
+-->
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta name="author" content="dev@oodt.apache.org" />
+
+<META http-equiv="Content-Type" content="text/html;charset=UTF-8" />
+<META name="Description"
+	content="Apache OODT -- " />
+<META name="Keywords" content="Apache OODT, Catalogs, Archives and More" />
+<META name="Owner" content="dev@oodt.apache.org" />
+<META name="Robots" content="index, follow" />
+<META name="Security" content="Public" />
+<META name="Source" content="wiki template" />
+<META name="DC.Rights"  content="Copyright 2010-2014, The Apache Software Foundation" />
+
+</head>
+
+  <body>
+ <!-- NAVBAR================================================== --> 	 
+	   <!--  <div class="navbar-wrapper"> 	 
+	       <div class="container"> 	 
+	  	 
+	         <div class="navbar navbar-inverse"> 	 
+	           <div class="navbar-inner"> 	 
+	             <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 href="./index.html" class="brand"> 	 
+	               <img src="./assets/img/nutch_logo_tm.png" alt="Apache" title="Apache" /> 	 
+	             </a> 	 
+	             <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>
+	           </div>
+	         </div>
+	       </div>
+	     </div> --><!-- /.navbar-wrapper --> 	 
+	         <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/prettyphoto.css"><!-- for gallery -->
+<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>
+                 PORTOFOLIO Three Columns
+            </p>
+        </div>
+    </div>
+</div>
+<div class="hr">
+</div>
+<!-- CONTENT 
+================================================== -->
+<div class="row">
+    <div class="twelve columns">
+        <!-- CATEGORIES-->
+        <section id="options" class="clearfix">
+        <ul id="filters" class="option-set clearfix" data-option-key="filter">
+            <li><a href="#filter" data-option-value="*" class="portofoliobutton selected">Show all</a></li>
+            <li><a href="#filter" data-option-value=".nature" class="portofoliobutton">Nature</a></li>
+            <li><a href="#filter" data-option-value=".trains" class="portofoliobutton">Trains</a></li>
+            <li><a href="#filter" data-option-value=".castles" class="portofoliobutton">Castles</a></li>
+        </ul>
+        </section>
+    </div>
+</div>
+<div class="row">
+    <div id="portofolio">
+        <!-- Project 1-->
+        <div class="four columns threeportofolio category trains">
+            <h5>NOSTALGIA</h5>
+            <p>
+                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidid.
+            </p>
+            <div class="portofoliothumb">
+                <div class="portofoliothumboverlay threeoverlay">
+                    <div class="viewgallery threegallery">
+                        <a data-gal="prettyPhoto[gallery]" href="images/temp/folio1.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                    </div>
+                    <div class="inner threedetail">
+                        <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                    </div>
+                </div>
+                <img src="images/temp/folio1.jpg" class="threeimage" alt=""/>
+            </div>
+        </div>
+        <!-- Project 2-->
+        <div class="four columns threeportofolio category castles">
+            <h5>BLUE NIGHT</h5>
+            <p>
+                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidid.
+            </p>
+            <div class="portofoliothumb">
+                <div class="portofoliothumboverlay threeoverlay">
+                    <div class="viewgallery threegallery">
+                        <a data-gal="prettyPhoto[gallery]" href="images/temp/folio2.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                    </div>
+                    <div class="inner threedetail">
+                        <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                    </div>
+                </div>
+                <img src="images/temp/folio2.jpg" class="threeimage" alt=""/>
+            </div>
+        </div>
+        <!-- Project 3-->
+        <div class="four columns threeportofolio category nature">
+            <h5>MEMOIRS</h5>
+            <p>
+                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidid.
+            </p>
+            <div class="portofoliothumb">
+                <div class="portofoliothumboverlay threeoverlay">
+                    <div class="viewgallery threegallery">
+                        <a data-gal="prettyPhoto[gallery]" href="images/temp/folio3.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                    </div>
+                    <div class="inner threedetail">
+                        <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                    </div>
+                </div>
+                <img src="images/temp/folio3.jpg" class="threeimage" alt=""/>
+            </div>
+        </div>
+        <!-- Project 4-->
+        <div class="four columns threeportofolio category nature castles">
+            <h5>OLD CASTLE</h5>
+            <p>
+                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidid.
+            </p>
+            <div class="portofoliothumb">
+                <div class="portofoliothumboverlay threeoverlay">
+                    <div class="viewgallery threegallery">
+                        <a data-gal="prettyPhoto[gallery]" href="images/temp/folio4.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                    </div>
+                    <div class="inner threedetail">
+                        <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                    </div>
+                </div>
+                <img src="images/temp/folio4.jpg" class="threeimage" alt=""/>
+            </div>
+        </div>
+        <!-- Project 5-->
+        <div class="four columns threeportofolio category nature castles">
+            <h5>RED FLOWERS</h5>
+            <p>
+                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidid.
+            </p>
+            <div class="portofoliothumb">
+                <div class="portofoliothumboverlay threeoverlay">
+                    <div class="viewgallery threegallery">
+                        <a data-gal="prettyPhoto[gallery]" href="images/temp/folio5.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                    </div>
+                    <div class="inner threedetail">
+                        <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                    </div>
+                </div>
+                <img src="images/temp/folio5.jpg" class="threeimage" alt=""/>
+            </div>
+        </div>
+        <!-- Project 6-->
+        <div class="four columns threeportofolio category nature">
+            <h5>SHADOW LIGHTS</h5>
+            <p>
+                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidid.
+            </p>
+            <div class="portofoliothumb">
+                <div class="portofoliothumboverlay threeoverlay">
+                    <div class="viewgallery threegallery">
+                        <a data-gal="prettyPhoto[gallery]" href="images/temp/folio6.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                    </div>
+                    <div class="inner threedetail">
+                        <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                    </div>
+                </div>
+                <img src="images/temp/folio6.jpg" class="threeimage" alt=""/>
+            </div>
+        </div>
+    </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>
+<script src="javascripts/jquery.isotope.min.js"></script>
+<script src="javascripts/jquery.prettyPhoto.js"></script>
+<script src="javascripts/custom.js"></script>
+</body>
+</html></p></div> 	 
+	         <!-- /container (main block) --> 	 
+	<div class="container">
+		<footer>
+		<!--<p class="pull-right">
+			<a href="#">Back to top</a>
+		</p>
+		<p>
+			Copyright © 2010-2014 The Apache Software Foundation. Licensed under
+			<a href="http://www.apache.org/licenses/LICENSE-2.0">Apache
+				License 2.0</a>.
+		</p>
+		<p>Apache OODT, OODT, Apache, the Apache feather logo, and the
+			Apache Nutch project logo are trademarks of The Apache Software
+			Foundation.</p>
+        -->
+		</footer>
+
+	</div>
+	<!-- /container -->
+
+	<!-- The javascript
+  ================================================== -->
+	<!-- Placed at the end of the document so the pages load faster -->
+<!--	<script type="text/javascript"
+		src="http://platform.twitter.com/widgets.js"></script>
+	<script src="assets/js/jquery.js"></script>
+	<script src="assets/js/bootstrap-transition.js"></script>
+	<script src="assets/js/bootstrap-alert.js"></script>
+	<script src="assets/js/bootstrap-modal.js"></script>
+	<script src="assets/js/bootstrap-dropdown.js"></script>
+	<script src="assets/js/bootstrap-scrollspy.js"></script>
+	<script src="assets/js/bootstrap-tab.js"></script>
+	<script src="assets/js/bootstrap-tooltip.js"></script>
+	<script src="assets/js/bootstrap-popover.js"></script>
+	<script src="assets/js/bootstrap-button.js"></script>
+	<script src="assets/js/bootstrap-collapse.js"></script>
+	<script src="assets/js/bootstrap-carousel.js"></script>
+	<script src="assets/js/bootstrap-typeahead.js"></script>
+	<script src="assets/js/bootstrap-affix.js"></script>
+
+	<script src="assets/js/holder/holder.js"></script>
+	<script src="assets/js/google-code-prettify/prettify.js"></script>
+
+	<script src="assets/js/application.js"></script>
+-->
+</body>
+</html>

Modified: websites/staging/oodt/trunk/content/portofolio4.html
==============================================================================
--- websites/staging/oodt/trunk/content/portofolio4.html (original)
+++ websites/staging/oodt/trunk/content/portofolio4.html Thu Jul 17 22:00:22 2014
@@ -1 +1,540 @@
- 
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- 
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements.  See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership.  The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License.  You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied.  See the License for the
+specific language governing permissions and limitations
+under the License. 
+-->
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta name="author" content="dev@oodt.apache.org" />
+
+<META http-equiv="Content-Type" content="text/html;charset=UTF-8" />
+<META name="Description"
+	content="Apache OODT -- " />
+<META name="Keywords" content="Apache OODT, Catalogs, Archives and More" />
+<META name="Owner" content="dev@oodt.apache.org" />
+<META name="Robots" content="index, follow" />
+<META name="Security" content="Public" />
+<META name="Source" content="wiki template" />
+<META name="DC.Rights"  content="Copyright 2010-2014, The Apache Software Foundation" />
+
+</head>
+
+  <body>
+ <!-- NAVBAR================================================== --> 	 
+	   <!--  <div class="navbar-wrapper"> 	 
+	       <div class="container"> 	 
+	  	 
+	         <div class="navbar navbar-inverse"> 	 
+	           <div class="navbar-inner"> 	 
+	             <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 href="./index.html" class="brand"> 	 
+	               <img src="./assets/img/nutch_logo_tm.png" alt="Apache" title="Apache" /> 	 
+	             </a> 	 
+	             <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>
+	           </div>
+	         </div>
+	       </div>
+	     </div> --><!-- /.navbar-wrapper --> 	 
+	         <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/prettyphoto.css"><!-- for gallery -->
+<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>
+                 PORTOFOLIO Four Columns
+            </p>
+        </div>
+    </div>
+</div>
+<div class="hr">
+</div>
+<!-- CONTENT 
+================================================== -->
+<div class="row">
+    <div class="twelve columns">
+        <!-- CATEGORIES-->
+        <section id="options" class="clearfix">
+        <ul id="filters" class="option-set clearfix" data-option-key="filter">
+            <li><a href="#filter" data-option-value="*" class="portofoliobutton selected">Show all</a></li>
+            <li><a href="#filter" data-option-value=".nature" class="portofoliobutton">Nature</a></li>
+            <li><a href="#filter" data-option-value=".trains" class="portofoliobutton">Trains</a></li>
+            <li><a href="#filter" data-option-value=".castles" class="portofoliobutton">Castles</a></li>
+        </ul>
+        </section>
+    </div>
+</div>
+<div class="row">
+    <div id="portofolio">
+        <!-- Project 1-->
+        <div class="three columns category trains">
+            <h5>OLD TRAIN</h5>
+            <p>
+                 Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+            </p>
+            <div class="portofoliothumb">
+                <div class="portofoliothumboverlay fouroverlay">
+                    <div class="viewgallery fourgallery">
+                        <a data-gal="prettyPhoto[gallery]" href="images/temp/folio1.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                    </div>
+                    <div class="inner fourdetail">
+                        <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                    </div>
+                </div>
+                <img src="images/temp/folio1.jpg" class="fourimage" alt=""/>
+            </div>
+        </div>
+        <!-- Project 2-->
+        <div class="three columns category castles">
+            <h5>BLUE NIGHT</h5>
+            <p>
+                 Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+            </p>
+            <div class="portofoliothumb">
+                <div class="portofoliothumboverlay fouroverlay">
+                    <div class="viewgallery fourgallery">
+                        <a data-gal="prettyPhoto[gallery]" href="images/temp/folio2.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                    </div>
+                    <div class="inner fourdetail">
+                        <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                    </div>
+                </div>
+                <img src="images/temp/folio2.jpg" class="fourimage" alt=""/>
+            </div>
+        </div>
+        <!-- Project 3-->
+        <div class="three columns category nature">
+            <h5>NOSTALGIA</h5>
+            <p>
+                 Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+            </p>
+            <div class="portofoliothumb">
+                <div class="portofoliothumboverlay fouroverlay">
+                    <div class="viewgallery fourgallery">
+                        <a data-gal="prettyPhoto[gallery]" href="images/temp/folio3.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                    </div>
+                    <div class="inner fourdetail">
+                        <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                    </div>
+                </div>
+                <img src="images/temp/folio3.jpg" class="fourimage" alt=""/>
+            </div>
+        </div>
+        <!-- Project 4-->
+        <div class="three columns category castles">
+            <h5>COLD CASTLE</h5>
+            <p>
+                 Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+            </p>
+            <div class="portofoliothumb">
+                <div class="portofoliothumboverlay fouroverlay">
+                    <div class="viewgallery fourgallery">
+                        <a data-gal="prettyPhoto[gallery]" href="images/temp/folio4.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                    </div>
+                    <div class="inner fourdetail">
+                        <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                    </div>
+                </div>
+                <img src="images/temp/folio4.jpg" class="fourimage" alt=""/>
+            </div>
+        </div>
+        <!-- Project 5-->
+        <div class="three columns category nature castles">
+            <h5>RED FLOWERS</h5>
+            <p>
+                 Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+            </p>
+            <div class="portofoliothumb">
+                <div class="portofoliothumboverlay fouroverlay">
+                    <div class="viewgallery fourgallery">
+                        <a data-gal="prettyPhoto[gallery]" href="images/temp/folio5.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                    </div>
+                    <div class="inner fourdetail">
+                        <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                    </div>
+                </div>
+                <img src="images/temp/folio5.jpg" class="fourimage" alt=""/>
+            </div>
+        </div>
+        <!-- Project 6-->
+        <div class="three columns category nature">
+            <h5>SHADOW LIGHT</h5>
+            <p>
+                 Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+            </p>
+            <div class="portofoliothumb">
+                <div class="portofoliothumboverlay fouroverlay">
+                    <div class="viewgallery fourgallery">
+                        <a data-gal="prettyPhoto[gallery]" href="images/temp/folio6.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                    </div>
+                    <div class="inner fourdetail">
+                        <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                    </div>
+                </div>
+                <img src="images/temp/folio6.jpg" class="fourimage" alt=""/>
+            </div>
+        </div>
+        <!-- Project 7-->
+        <div class="three columns category nature">
+            <h5>BIG CITY</h5>
+            <p>
+                 Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+            </p>
+            <div class="portofoliothumb">
+                <div class="portofoliothumboverlay fouroverlay">
+                    <div class="viewgallery fourgallery">
+                        <a data-gal="prettyPhoto[gallery]" href="images/temp/folio7.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                    </div>
+                    <div class="inner fourdetail">
+                        <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                    </div>
+                </div>
+                <img src="images/temp/folio7.jpg" class="fourimage" alt=""/>
+            </div>
+        </div>
+        <!-- Project 8-->
+        <div class="three columns category nature">
+            <h5>DEEP FOREST</h5>
+            <p>
+                 Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+            </p>
+            <div class="portofoliothumb">
+                <div class="portofoliothumboverlay fouroverlay">
+                    <div class="viewgallery fourgallery">
+                        <a data-gal="prettyPhoto[gallery]" href="images/temp/folio8.jpg"><img src="images/playgal.png" class="left galleryicon" alt=""> Gallery</a>
+                    </div>
+                    <div class="inner fourdetail">
+                        <a class="projectdetail" href="portofoliodetail.html">+ Project Details</a>
+                    </div>
+                </div>
+                <img src="images/temp/folio8.jpg" class="fourimage" alt=""/>
+            </div>
+        </div>
+    </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>
+<script src="javascripts/jquery.isotope.min.js"></script>
+<script src="javascripts/jquery.prettyPhoto.js"></script>
+<script src="javascripts/custom.js"></script>
+</body>
+</html></p></div> 	 
+	         <!-- /container (main block) --> 	 
+	<div class="container">
+		<footer>
+		<!--<p class="pull-right">
+			<a href="#">Back to top</a>
+		</p>
+		<p>
+			Copyright © 2010-2014 The Apache Software Foundation. Licensed under
+			<a href="http://www.apache.org/licenses/LICENSE-2.0">Apache
+				License 2.0</a>.
+		</p>
+		<p>Apache OODT, OODT, Apache, the Apache feather logo, and the
+			Apache Nutch project logo are trademarks of The Apache Software
+			Foundation.</p>
+        -->
+		</footer>
+
+	</div>
+	<!-- /container -->
+
+	<!-- The javascript
+  ================================================== -->
+	<!-- Placed at the end of the document so the pages load faster -->
+<!--	<script type="text/javascript"
+		src="http://platform.twitter.com/widgets.js"></script>
+	<script src="assets/js/jquery.js"></script>
+	<script src="assets/js/bootstrap-transition.js"></script>
+	<script src="assets/js/bootstrap-alert.js"></script>
+	<script src="assets/js/bootstrap-modal.js"></script>
+	<script src="assets/js/bootstrap-dropdown.js"></script>
+	<script src="assets/js/bootstrap-scrollspy.js"></script>
+	<script src="assets/js/bootstrap-tab.js"></script>
+	<script src="assets/js/bootstrap-tooltip.js"></script>
+	<script src="assets/js/bootstrap-popover.js"></script>
+	<script src="assets/js/bootstrap-button.js"></script>
+	<script src="assets/js/bootstrap-collapse.js"></script>
+	<script src="assets/js/bootstrap-carousel.js"></script>
+	<script src="assets/js/bootstrap-typeahead.js"></script>
+	<script src="assets/js/bootstrap-affix.js"></script>
+
+	<script src="assets/js/holder/holder.js"></script>
+	<script src="assets/js/google-code-prettify/prettify.js"></script>
+
+	<script src="assets/js/application.js"></script>
+-->
+</body>
+</html>