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 02:11:50 UTC
svn commit: r916438 [10/14] - in /websites/staging/oodt/trunk/content: ./
images/ images/prettyPhoto/ images/prettyPhoto/dark_rounded/
images/prettyPhoto/dark_square/ images/prettyPhoto/default/
images/prettyPhoto/facebook/ images/prettyPhoto/light_rou...
Added: websites/staging/oodt/trunk/content/portofolio4.html
==============================================================================
--- websites/staging/oodt/trunk/content/portofolio4.html (added)
+++ websites/staging/oodt/trunk/content/portofolio4.html Thu Jul 17 00:11:46 2014
@@ -0,0 +1,827 @@
+<!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@Nutch.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" />
+<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" />
+
+ <!-- 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"><li</span> <span class="na">class=</span><span class="s">"current"</span><span class="nt">></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"index.html"</span><span class="nt">></span>Home<span class="nt"></a></span>
+ <span class="nt"><ul></span>
+
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"index2.html"</span><span class="nt">></span>Without slider<span class="nt"></a></li></span>
+ <span class="nt"></ul></span>
+ <span class="nt"></li></span>
+
+ <span class="nt"><li></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Portofolio<span class="nt"></a></span>
+ <span class="nt"><ul></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"portofolio2.html"</span><span class="nt">></span>2 Columns<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"portofolio3.html"</span><span class="nt">></span>3 Columns<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"portofolio4.html"</span><span class="nt">></span>4 Columns<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"portofoliodetail.html"</span><span class="nt">></span>Project Details<span class="nt"></a></li></span>
+ <span class="nt"></ul></span>
+ <span class="nt"></li></span>
+
+ <span class="nt"><li></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Blog<span class="nt"></a></span>
+ <span class="nt"><ul></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"blogpage1.html"</span><span class="nt">></span>Blog page style 1<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"blogpage2.html"</span><span class="nt">></span>Blog page style 2<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"blogpage3.html"</span><span class="nt">></span>Blog page style 3<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"blogsinglepost.html"</span><span class="nt">></span>Single post<span class="nt"></a></li></span>
+ <span class="nt"></ul></span>
+ <span class="nt"></li></span>
+
+ <span class="nt"><li></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Pages<span class="nt"></a></span>
+ <span class="nt"><ul></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"about.html"</span><span class="nt">></span>About us<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"services.html"</span><span class="nt">></span>Services<span class="nt"></a></li></span>
+ <span class="nt"></ul></span>
+ <span class="nt"></li></span>
+
+ <span class="nt"><li></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Features<span class="nt"></a></span>
+ <span class="nt"><ul></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"columns.html"</span><span class="nt">></span>Columns<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"elements.html"</span><span class="nt">></span>Elements<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"typography.html"</span><span class="nt">></span>Typography<span class="nt"></a></li></span>
+ <span class="nt"></ul></span>
+ <span class="nt"></li></span>
+
+ <span class="nt"><li></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"contact.html"</span><span class="nt">></span>Contact<span class="nt"></a></span>
+ <span class="nt"></li></span>
+
+ <span class="nt"></ul></span>
+ <span class="nt"></nav></span>
+ <span class="nt"></div></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">
+ ©<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>
+
+ <div class="container">
+ <footer>
+ <p class="pull-right">
+ <a href="#">Back to top</a>
+ </p>
+ <p>
+ Copyright © 2004-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
+ 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>
Added: websites/staging/oodt/trunk/content/portofoliodetail.html
==============================================================================
--- websites/staging/oodt/trunk/content/portofoliodetail.html (added)
+++ websites/staging/oodt/trunk/content/portofoliodetail.html Thu Jul 17 00:11:46 2014
@@ -0,0 +1,740 @@
+<!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@Nutch.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" />
+<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" />
+
+ <!-- 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/nivoslider.css"><!-- nivo slider stylesheet -->
+<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"><li</span> <span class="na">class=</span><span class="s">"current"</span><span class="nt">></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"index.html"</span><span class="nt">></span>Home<span class="nt"></a></span>
+ <span class="nt"><ul></span>
+
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"index2.html"</span><span class="nt">></span>Without slider<span class="nt"></a></li></span>
+ <span class="nt"></ul></span>
+ <span class="nt"></li></span>
+
+ <span class="nt"><li></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Portofolio<span class="nt"></a></span>
+ <span class="nt"><ul></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"portofolio2.html"</span><span class="nt">></span>2 Columns<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"portofolio3.html"</span><span class="nt">></span>3 Columns<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"portofolio4.html"</span><span class="nt">></span>4 Columns<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"portofoliodetail.html"</span><span class="nt">></span>Project Details<span class="nt"></a></li></span>
+ <span class="nt"></ul></span>
+ <span class="nt"></li></span>
+
+ <span class="nt"><li></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Blog<span class="nt"></a></span>
+ <span class="nt"><ul></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"blogpage1.html"</span><span class="nt">></span>Blog page style 1<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"blogpage2.html"</span><span class="nt">></span>Blog page style 2<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"blogpage3.html"</span><span class="nt">></span>Blog page style 3<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"blogsinglepost.html"</span><span class="nt">></span>Single post<span class="nt"></a></li></span>
+ <span class="nt"></ul></span>
+ <span class="nt"></li></span>
+
+ <span class="nt"><li></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Pages<span class="nt"></a></span>
+ <span class="nt"><ul></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"about.html"</span><span class="nt">></span>About us<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"services.html"</span><span class="nt">></span>Services<span class="nt"></a></li></span>
+ <span class="nt"></ul></span>
+ <span class="nt"></li></span>
+
+ <span class="nt"><li></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Features<span class="nt"></a></span>
+ <span class="nt"><ul></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"columns.html"</span><span class="nt">></span>Columns<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"elements.html"</span><span class="nt">></span>Elements<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"typography.html"</span><span class="nt">></span>Typography<span class="nt"></a></li></span>
+ <span class="nt"></ul></span>
+ <span class="nt"></li></span>
+
+ <span class="nt"><li></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"contact.html"</span><span class="nt">></span>Contact<span class="nt"></a></span>
+ <span class="nt"></li></span>
+
+ <span class="nt"></ul></span>
+ <span class="nt"></nav></span>
+ <span class="nt"></div></span>
+</pre></div>
+
+
+<p></div>
+<div class="clear">
+</div>
+<!-- SUBHEADER
+================================================== -->
+<div id="subheader">
+ <div class="row">
+ <div class="twelve columns">
+ <p class="left">
+ PROJECT DETAIL
+ </p>
+ <p class="right">
+ <a href="portofolio2.html">View more projects</a>
+ </p>
+ </div>
+ </div>
+</div>
+<div class="hr">
+</div>
+<!-- CONTENT
+================================================== -->
+<div class="row">
+ <!-- PROJECT DESCRIPTION-->
+ <div class="six columns">
+ <div class="sectiontitle">
+ <h4>Project name</h4>
+ </div>
+ <p>
+ Phasellus nec nibh id arcu pharetra blandit. Nullam mollis, lacus nec lacinia porttitor, odio eros laoreet nibh, at scelerisque magna justo eu turpis. Duis sed risus sit amet nunc cursus suscipit. Duis sed est turpis. Sed imperdiet elit eget massa consectetur sit amet rhoncus purus sagittis. Ut vitae nulla tempus erat accumsan porta a ut turpis. Suspendisse pharetra sagittis tellus, eu viverra neque molestie id.
+ </p>
+ <dl class="tabs">
+ <dd class="active"><a href="#simple1">Features</a></dd>
+ <dd><a href="#simple2">What we did</a></dd>
+ <dd><a href="#simple3">Client's Feedback</a></dd>
+ </dl>
+ <ul class="tabs-content">
+ <li class="active" id="simple1Tab">
+ <p>
+ Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete. Nulla tempus erat accumsan.
+ </p>
+ <div class="six columns noleftmargin">
+ <p>
+ <img src="images/check.png" alt=""><b>consectetur adipiscing</b>
+ </p>
+ <p>
+ <img src="images/check.png" alt=""><b>maxima parte</b>
+ </p>
+ </div>
+ <div class="six columns">
+ <p>
+ <img src="images/check.png" alt=""><b>genera formasque</b>
+ </p>
+ <p>
+ <img src="images/check.png" alt=""><b>quibus ad genera</b>
+ </p>
+ </div>
+ </li>
+ <li id="simple2Tab">
+ <p>
+ Consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum.
+ </p>
+ <p>
+ <img src="images/check.png" alt=""> genera formasque
+ </p>
+ <p>
+ <img src="images/check.png" alt=""> quibus ad genera
+ </p>
+ <p>
+ Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete.
+ </p>
+ </li>
+ <li id="simple3Tab">
+ <p>
+ <i>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum."</i>
+ </p>
+ <p>
+ <i>"Adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum."</i>
+ </p>
+ </li>
+ </ul>
+ </div>
+ <!-- end main content-->
+ <!-- SLIDER-->
+ <div class="six columns">
+ <div class="slider-wrapper theme-default">
+ <div id="slider" class="nivoSlider detailslider">
+ <img src="images/temp/nivo1.jpg" data-thumb="" alt=""/>
+ <img src="images/temp/nivo2.jpg" data-thumb="" alt=""/>
+ <img src="images/temp/nivo3.jpg" data-thumb="" alt=""/>
+ </div>
+ </div>
+ </div>
+ <!-- end sliderr-->
+</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">
+ ©<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.nivo.slider.pack.js"></script>
+<script src="javascripts/jquery.cycle.js"></script>
+<script src="javascripts/app.js"></script>
+<script src="javascripts/modernizr.foundation.js"></script>
+<script src="javascripts/slidepanel.js"></script>
+<script src="javascripts/scrolltotop.js"></script>
+<script src="javascripts/hoverIntent.js"></script>
+<script src="javascripts/superfish.js"></script>
+<script src="javascripts/responsivemenu.js"></script>
+<script src="javascripts/jquery.tweet.js"></script>
+<script src="javascripts/twitterusername.js"></script>
+</body>
+</html></p></div>
+ <!-- /container (main block) -->
+
+ <hr>
+
+ <div class="container">
+ <footer>
+ <p class="pull-right">
+ <a href="#">Back to top</a>
+ </p>
+ <p>
+ Copyright © 2004-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
+ 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>