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:14:16 UTC

svn commit: r916554 [5/7] - /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 15:14:15 2014
@@ -22,691 +22,21 @@ under the License. 
 <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@Nutch.apache.org" />
+<meta name="author" content="dev@oodt.apache.org" />
 
 <META http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 <META name="Description"
-	content="Apache Nutch -- " />
-<META name="Keywords" content="Apache Nutch Web Crawler" />
-<META name="Owner" content="dev@nutch.apache.org" />
+	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 2004-2014, The Apache Software Foundation" />
+<META name="DC.Rights"  content="Copyright 2010-2014, The Apache Software Foundation" />
 
-    <!-- Le styles -->
-    <link href="./assets/css/bootstrap.css" rel="stylesheet">
-    <link href="./assets/css/bootstrap-responsive.css" rel="stylesheet">
-    <style>
-
-    /* GLOBAL STYLES
-    -------------------------------------------------- */
-    /* Padding below the footer and lighter body text */
-
-    body {
-      padding-bottom: 40px;
-      color: #5a5a5a;
-    }
-
-
-
-    /* CUSTOMIZE THE NAVBAR
-    -------------------------------------------------- */
-
-    /* Special class on .container surrounding .navbar, used for positioning it into place. */
-    .navbar-wrapper {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      z-index: 10;
-      margin-top: 20px;
-      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
-    }
-    .navbar-wrapper .navbar {
-
-    }
-
-    /* Remove border and change up box shadow for more contrast */
-    .navbar .navbar-inner {
-      border: 0;
-      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
-         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
-              box-shadow: 0 2px 10px rgba(0,0,0,.25);
-    }
-
-    /* Downsize the brand/project name a bit */
-    .navbar .brand {
-      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
-      font-size: 16px;
-      font-weight: bold;
-      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
-    }
-
-    /* Navbar links: increase padding for taller navbar */
-    .navbar .nav > li > a {
-      padding: 15px 20px;
-    }
-
-    /* Offset the responsive button for proper vertical alignment */
-    .navbar .btn-navbar {
-      margin-top: 10px;
-    }
-
-
-
-    /* CUSTOMIZE THE CAROUSEL
-    -------------------------------------------------- */
-
-    /* Carousel base class */
-    .carousel {
-      margin-bottom: 60px;
-    }
-
-    .carousel .container {
-      position: relative;
-      z-index: 9;
-    }
-
-    .carousel-control {
-      height: 80px;
-      margin-top: 0;
-      font-size: 120px;
-      text-shadow: 0 1px 1px rgba(0,0,0,.4);
-      background-color: transparent;
-      border: 0;
-      z-index: 10;
-    }
-
-    .carousel .item {
-      height: 500px;
-    }
-    .carousel img {
-      position: absolute;
-      top: 0;
-      left: 0;
-      min-width: 100%;
-      height: 500px;
-    }
-
-    .carousel-caption {
-      background-color: transparent;
-      position: static;
-      max-width: 550px;
-      padding: 0 20px;
-      margin-top: 200px;
-    }
-    .carousel-caption h1,
-    .carousel-caption .lead {
-      margin: 0;
-      line-height: 1.25;
-      color: #fff;
-      text-shadow: 0 1px 1px rgba(0,0,0,.4);
-    }
-    .carousel-caption .btn {
-      margin-top: 10px;
-    }
-
-    /* MARKETING CONTENT
-    -------------------------------------------------- */
-
-    /* Center align the text within the three columns below the carousel */
-    .marketing .span4 {
-      text-align: center;
-    }
-    .marketing h2 {
-      font-weight: normal;
-    }
-    .marketing .span4 p {
-      margin-left: 10px;
-      margin-right: 10px;
-    }
-
-
-    /* Featurettes
-    ------------------------- */
-
-    .featurette-divider {
-      margin: 80px 0; /* Space out the Bootstrap <hr> more */
-    }
-    .featurette {
-      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
-      overflow: hidden; /* Vertically center images part 2: clear their floats. */
-    }
-    .featurette-image {
-      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
-    }
-
-    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
-    .featurette-image.pull-left {
-      margin-right: 40px;
-    }
-    .featurette-image.pull-right {
-      margin-left: 40px;
-    }
-
-    /* Thin out the marketing headings */
-    .featurette-heading {
-      font-size: 50px;
-      font-weight: 300;
-      line-height: 1;
-      letter-spacing: -1px;
-    }
-
-    /* RESPONSIVE CSS
-    -------------------------------------------------- */
-
-    @media (max-width: 979px) {
-
-      .container.navbar-wrapper {
-        margin-bottom: 0;
-        width: auto;
-      }
-      .navbar-inner {
-        border-radius: 0;
-        margin: -20px 0;
-      }
-
-      .carousel .item {
-        height: 500px;
-      }
-      .carousel img {
-        width: auto;
-        height: 500px;
-      }
-
-      .featurette {
-        height: auto;
-        padding: 0;
-      }
-      .featurette-image.pull-left,
-      .featurette-image.pull-right {
-        display: block;
-        float: none;
-        max-width: 40%;
-        margin: 0 auto 20px;
-      }
-    }
-
-
-    @media (max-width: 767px) {
-
-      .navbar-inner {
-        margin: -20px;
-      }
-
-      .carousel {
-        margin-left: -20px;
-        margin-right: -20px;
-      }
-      .carousel .container {
-
-      }
-      .carousel .item {
-        height: 300px;
-      }
-      .carousel img {
-        height: 300px;
-      }
-      .carousel-caption {
-        width: 65%;
-        padding: 0 70px;
-        margin-top: 100px;
-      }
-      .carousel-caption h1 {
-        font-size: 30px;
-      }
-      .carousel-caption .lead,
-      .carousel-caption .btn {
-        font-size: 18px;
-      }
-
-      .marketing .span4 + .span4 {
-        margin-top: 40px;
-      }
-
-      .featurette-heading {
-        font-size: 30px;
-      }
-      .featurette .lead {
-        font-size: 18px;
-        line-height: 1.5;
-      }
-
-    }
-    </style>
-    
-    <style type="text/css">
-        /* Share This CSS */
-    .stpulldown-gradient {
-       background: #E1E1E1;
-       background: -moz-linear-gradient(top, #E1E1E1 0%, #A7A7A7 100%); /* firefox */
-       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1E1E1), color-stop(100%,#A7A7A7)); /* webkit */
-       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1E1E1', endColorstr='#A7A7A7',GradientType=0 ); /* ie */
-       background: -o-linear-gradient(top, #E1E1E1 0%,#A7A7A7 100%); /* opera */
-       color: #636363;
-     }
-     
-     #stpulldown .stpulldown-logo
-     {
-     height: 40px;
-     width: 300px;
-     margin-left: 20px;
-     margin-top: 5px;
-     background:url("http://apache.org/images/feather-small.gif") no-repeat;
-     }
-    </style>
-
-    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
-    <!--[if lt IE 9]>
-      <script src="../assets/js/html5shiv.js"></script>
-    <![endif]-->
-
-    <!-- Fav and touch icons -->
-    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./assets/ico/apple-touch-icon-144-precomposed.png">
-    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="./assets/ico/apple-touch-icon-114-precomposed.png">
-    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./assets/ico/apple-touch-icon-72-precomposed.png">
-    <link rel="apple-touch-icon-precomposed" href="./assets/ico/apple-touch-icon-57-precomposed.png">
-    <link rel="shortcut icon" href="./assets/ico/favicon.ico">
-    
-    <script type="text/javascript">var switchTo5x=true;</script>
-    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
-    <script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>
-
-  </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/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) -->
-
-	<hr>
+  <body>
 
 	<div class="container">
 		<footer>
@@ -714,11 +44,11 @@ under the License. 
 			<a href="#">Back to top</a>
 		</p>
 		<p>
-			Copyright © 2004-2014 The Apache Software Foundation. Licensed under
+			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 Nutch, Nutch, Apache, the Apache feather logo, and the
+		<p>Apache OODT, OODT, Apache, the Apache feather logo, and the
 			Apache Nutch project logo are trademarks of The Apache Software
 			Foundation.</p>
 		</footer>

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 15:14:15 2014
@@ -22,727 +22,21 @@ under the License. 
 <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@Nutch.apache.org" />
+<meta name="author" content="dev@oodt.apache.org" />
 
 <META http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 <META name="Description"
-	content="Apache Nutch -- " />
-<META name="Keywords" content="Apache Nutch Web Crawler" />
-<META name="Owner" content="dev@nutch.apache.org" />
+	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 2004-2014, The Apache Software Foundation" />
+<META name="DC.Rights"  content="Copyright 2010-2014, The Apache Software Foundation" />
 
-    <!-- Le styles -->
-    <link href="./assets/css/bootstrap.css" rel="stylesheet">
-    <link href="./assets/css/bootstrap-responsive.css" rel="stylesheet">
-    <style>
-
-    /* GLOBAL STYLES
-    -------------------------------------------------- */
-    /* Padding below the footer and lighter body text */
-
-    body {
-      padding-bottom: 40px;
-      color: #5a5a5a;
-    }
-
-
-
-    /* CUSTOMIZE THE NAVBAR
-    -------------------------------------------------- */
-
-    /* Special class on .container surrounding .navbar, used for positioning it into place. */
-    .navbar-wrapper {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      z-index: 10;
-      margin-top: 20px;
-      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
-    }
-    .navbar-wrapper .navbar {
-
-    }
-
-    /* Remove border and change up box shadow for more contrast */
-    .navbar .navbar-inner {
-      border: 0;
-      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
-         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
-              box-shadow: 0 2px 10px rgba(0,0,0,.25);
-    }
-
-    /* Downsize the brand/project name a bit */
-    .navbar .brand {
-      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
-      font-size: 16px;
-      font-weight: bold;
-      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
-    }
-
-    /* Navbar links: increase padding for taller navbar */
-    .navbar .nav > li > a {
-      padding: 15px 20px;
-    }
-
-    /* Offset the responsive button for proper vertical alignment */
-    .navbar .btn-navbar {
-      margin-top: 10px;
-    }
-
-
-
-    /* CUSTOMIZE THE CAROUSEL
-    -------------------------------------------------- */
-
-    /* Carousel base class */
-    .carousel {
-      margin-bottom: 60px;
-    }
-
-    .carousel .container {
-      position: relative;
-      z-index: 9;
-    }
-
-    .carousel-control {
-      height: 80px;
-      margin-top: 0;
-      font-size: 120px;
-      text-shadow: 0 1px 1px rgba(0,0,0,.4);
-      background-color: transparent;
-      border: 0;
-      z-index: 10;
-    }
-
-    .carousel .item {
-      height: 500px;
-    }
-    .carousel img {
-      position: absolute;
-      top: 0;
-      left: 0;
-      min-width: 100%;
-      height: 500px;
-    }
-
-    .carousel-caption {
-      background-color: transparent;
-      position: static;
-      max-width: 550px;
-      padding: 0 20px;
-      margin-top: 200px;
-    }
-    .carousel-caption h1,
-    .carousel-caption .lead {
-      margin: 0;
-      line-height: 1.25;
-      color: #fff;
-      text-shadow: 0 1px 1px rgba(0,0,0,.4);
-    }
-    .carousel-caption .btn {
-      margin-top: 10px;
-    }
-
-    /* MARKETING CONTENT
-    -------------------------------------------------- */
-
-    /* Center align the text within the three columns below the carousel */
-    .marketing .span4 {
-      text-align: center;
-    }
-    .marketing h2 {
-      font-weight: normal;
-    }
-    .marketing .span4 p {
-      margin-left: 10px;
-      margin-right: 10px;
-    }
-
-
-    /* Featurettes
-    ------------------------- */
-
-    .featurette-divider {
-      margin: 80px 0; /* Space out the Bootstrap <hr> more */
-    }
-    .featurette {
-      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
-      overflow: hidden; /* Vertically center images part 2: clear their floats. */
-    }
-    .featurette-image {
-      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
-    }
-
-    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
-    .featurette-image.pull-left {
-      margin-right: 40px;
-    }
-    .featurette-image.pull-right {
-      margin-left: 40px;
-    }
-
-    /* Thin out the marketing headings */
-    .featurette-heading {
-      font-size: 50px;
-      font-weight: 300;
-      line-height: 1;
-      letter-spacing: -1px;
-    }
-
-    /* RESPONSIVE CSS
-    -------------------------------------------------- */
-
-    @media (max-width: 979px) {
-
-      .container.navbar-wrapper {
-        margin-bottom: 0;
-        width: auto;
-      }
-      .navbar-inner {
-        border-radius: 0;
-        margin: -20px 0;
-      }
-
-      .carousel .item {
-        height: 500px;
-      }
-      .carousel img {
-        width: auto;
-        height: 500px;
-      }
-
-      .featurette {
-        height: auto;
-        padding: 0;
-      }
-      .featurette-image.pull-left,
-      .featurette-image.pull-right {
-        display: block;
-        float: none;
-        max-width: 40%;
-        margin: 0 auto 20px;
-      }
-    }
-
-
-    @media (max-width: 767px) {
-
-      .navbar-inner {
-        margin: -20px;
-      }
-
-      .carousel {
-        margin-left: -20px;
-        margin-right: -20px;
-      }
-      .carousel .container {
-
-      }
-      .carousel .item {
-        height: 300px;
-      }
-      .carousel img {
-        height: 300px;
-      }
-      .carousel-caption {
-        width: 65%;
-        padding: 0 70px;
-        margin-top: 100px;
-      }
-      .carousel-caption h1 {
-        font-size: 30px;
-      }
-      .carousel-caption .lead,
-      .carousel-caption .btn {
-        font-size: 18px;
-      }
-
-      .marketing .span4 + .span4 {
-        margin-top: 40px;
-      }
-
-      .featurette-heading {
-        font-size: 30px;
-      }
-      .featurette .lead {
-        font-size: 18px;
-        line-height: 1.5;
-      }
-
-    }
-    </style>
-    
-    <style type="text/css">
-        /* Share This CSS */
-    .stpulldown-gradient {
-       background: #E1E1E1;
-       background: -moz-linear-gradient(top, #E1E1E1 0%, #A7A7A7 100%); /* firefox */
-       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1E1E1), color-stop(100%,#A7A7A7)); /* webkit */
-       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1E1E1', endColorstr='#A7A7A7',GradientType=0 ); /* ie */
-       background: -o-linear-gradient(top, #E1E1E1 0%,#A7A7A7 100%); /* opera */
-       color: #636363;
-     }
-     
-     #stpulldown .stpulldown-logo
-     {
-     height: 40px;
-     width: 300px;
-     margin-left: 20px;
-     margin-top: 5px;
-     background:url("http://apache.org/images/feather-small.gif") no-repeat;
-     }
-    </style>
-
-    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
-    <!--[if lt IE 9]>
-      <script src="../assets/js/html5shiv.js"></script>
-    <![endif]-->
-
-    <!-- Fav and touch icons -->
-    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./assets/ico/apple-touch-icon-144-precomposed.png">
-    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="./assets/ico/apple-touch-icon-114-precomposed.png">
-    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./assets/ico/apple-touch-icon-72-precomposed.png">
-    <link rel="apple-touch-icon-precomposed" href="./assets/ico/apple-touch-icon-57-precomposed.png">
-    <link rel="shortcut icon" href="./assets/ico/favicon.ico">
-    
-    <script type="text/javascript">var switchTo5x=true;</script>
-    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
-    <script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>
-
-  </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/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) -->
-
-	<hr>
+  <body>
 
 	<div class="container">
 		<footer>
@@ -750,11 +44,11 @@ under the License. 
 			<a href="#">Back to top</a>
 		</p>
 		<p>
-			Copyright © 2004-2014 The Apache Software Foundation. Licensed under
+			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 Nutch, Nutch, Apache, the Apache feather logo, and the
+		<p>Apache OODT, OODT, Apache, the Apache feather logo, and the
 			Apache Nutch project logo are trademarks of The Apache Software
 			Foundation.</p>
 		</footer>