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 [3/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_roun...
Added: websites/staging/oodt/trunk/content/blogsinglepost.html
==============================================================================
--- websites/staging/oodt/trunk/content/blogsinglepost.html (added)
+++ websites/staging/oodt/trunk/content/blogsinglepost.html Thu Jul 17 00:11:46 2014
@@ -0,0 +1,804 @@
+<!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/blog.css"><!-- blog 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]--> <br />
+</head>
+<body>
+<!-- HIDDEN PANEL
+================================================== -->
+<div id="panel">
+ <div class="row">
+ <div class="twelve columns">
+ <img src="images/info.png" class="pics" alt="info">
+ <div class="infotext">
+ Thank you for visiting my theme! Replace this with your message to visitors.
+ </div>
+ </div>
+ </div>
+</div>
+<p class="slide">
+ <a href="#" class="btn-slide"></a>
+</p></p>
+<!-- HEADER
+================================================== -->
+
+<div class="row">
+ <div class="four columns">
+ <div class="logo">
+ <a href="index.html"><h4>Studio Francesca</h4></a>
+ </div>
+ </div>
+ <div class="eight columns noleftmarg">
+ <nav id="nav-wrap">
+ <ul class="nav-bar sf-menu">
+
+ <li class="current">
+ <a href="index.html">Home</a>
+ <ul>
+
+ <li><a href="index2.html">Without slider</a></li>
+ </ul>
+ </li>
+
+ <li>
+ <a href="#">Portofolio</a>
+ <ul>
+ <li><a href="portofolio2.html">2 Columns</a></li>
+ <li><a href="portofolio3.html">3 Columns</a></li>
+ <li><a href="portofolio4.html">4 Columns</a></li>
+ <li><a href="portofoliodetail.html">Project Details</a></li>
+ </ul>
+ </li>
+
+ <li>
+ <a href="#">Blog</a>
+ <ul>
+ <li><a href="blogpage1.html">Blog page style 1</a></li>
+ <li><a href="blogpage2.html">Blog page style 2</a></li>
+ <li><a href="blogpage3.html">Blog page style 3</a></li>
+ <li><a href="blogsinglepost.html">Single post</a></li>
+ </ul>
+ </li>
+
+ <li>
+ <a href="#">Pages</a>
+ <ul>
+ <li><a href="about.html">About us</a></li>
+ <li><a href="services.html">Services</a></li>
+ </ul>
+ </li>
+
+ <li>
+ <a href="#">Features</a>
+ <ul>
+ <li><a href="columns.html">Columns</a></li>
+ <li><a href="elements.html">Elements</a></li>
+ <li><a href="typography.html">Typography</a></li>
+ </ul>
+ </li>
+
+ <li>
+ <a href="contact.html">Contact</a>
+ </li>
+
+ </ul>
+ </nav>
+ </div>
+
+<p></div>
+<div class="clear">
+</div>
+<!-- SUBHEADER
+================================================== -->
+<div id="subheader">
+ <div class="row">
+ <div class="eight columns">
+ <p class="bread leftalign">
+ You are here: <a href="index.html"> Home</a> / <a href="blogsinglepost.html">Single post</a>
+ </p>
+ </div>
+ <div class="four columns">
+ <div class="row collapse">
+ <div class="ten mobile-three columns">
+ <input type="text" class="nomargin" placeholder="Search...">
+ </div>
+ <div class="two mobile-one columns">
+ <a href="#" class="postfix button expand">Go</a>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="hr">
+</div>
+<!-- CONTENT
+================================================== -->
+<div class="row">
+ <div class="twelve columns noleftmargin">
+ <!-- MAIN CONTENT -->
+ <div class="eight columns">
+ <div class="sectiontitle">
+ <h4>The Dower Farm</h4>
+ </div>
+ <p>
+ <img src="images/temp/post.jpg" class="blogimage grayscale" alt="">
+ </p>
+ <p>
+ Mrs. Delorane had died of decline: people would say to one another, in confidence, they hoped Ellin might escape it. The largest and <b>best farm</b> in the neighbourhood of Timberdale, larger than even that of the Ashtons, was called the Dower Farm.
+ </p>
+ <p>
+ Out-of-doors he was the keen, active, thorough farmer; indoors he lived as a gentleman. He had four children: three boys and one girl. Nothing must prevent her journey upon the desert!
+ </p>
+ <p>
+ From her window she looked out toward it, so wonderful, so superb, so exquisite, weird and beautiful. Exactly, she told herself, like a big, black smudge.
+ </p>
+ <p>
+ But she cuddled in bed with one knee up to her neck in cute boyish fashion, laughing softly at the remembrance of another time when she had popped a cigarette stump into the eye of a London bobby from the top of a bus.
+ </p>
+ <p>
+ And such a merry fight as she had put up when he had yanked her down! She was wearing her usual boy's clothes and when she had given her real name at the station, the policeman wouldn't believe it of her and the matron had resigned rather than carry the investigation further.
+ </p><br/> <br />
+ <div class="panel">
+ <div class="avatar">
+ <img src="images/temp/author1.png" alt="">
+ </div>
+ <h5 class="left">AUTHOR: Jane Sanders </h5>
+ <div class="right"> <br />
+ <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>
+ <p class="clear authortext">
+ Jane is a professional photographer working for SLC. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum. <a href="#">Browse more articles</a> by this author.<br/>
+ </p>
+ </div> <br />
+ <h5>1 Comment</h5>
+ <hr>
+ <div class="gravatar">
+ <img src="images/gravatar.png" alt="">
+ </div>
+ <h5>Sam
+ <span class="commentdate">
+ - October 26, 2013 at 9:39 am
+ </span>
+ </h5></p>
+<div class="codehilite"><pre> <span class="nt"><p></span>
+ But she cuddled in bed with one knee up to her neck in cute boyish fashion, laughing softly at the remembrance of another time when she had popped a cigarette stump into the eye of a London bobby from the top of a bus. Temporibus autem quibusdam.
+ <span class="nt"></p></span>
+ <span class="nt"><br</span> <span class="na">class=</span><span class="s">"clear"</span><span class="nt">></span>
+ <span class="nt"><h5></span>SPEAK YOUR MIND<span class="nt"></h5></span>
+ <span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"five smoothborder"</span> <span class="na">placeholder=</span><span class="s">"Your name *"</span><span class="nt">/></span>
+ <span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"five smoothborder"</span> <span class="na">placeholder=</span><span class="s">"E-mail address *"</span><span class="nt">/></span>
+ <span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"five smoothborder"</span> <span class="na">placeholder=</span><span class="s">"Website"</span><span class="nt">/></span>
+ <span class="nt"><textarea</span> <span class="na">class=</span><span class="s">"six smoothborder"</span> <span class="na">rows=</span><span class="s">"7"</span> <span class="na">placeholder=</span><span class="s">"Comments *"</span><span class="nt">></textarea></span>
+ <span class="nt"><button</span> <span class="na">type=</span><span class="s">"submit"</span> <span class="na">class=</span><span class="s">"readmore"</span><span class="nt">></span>Publish<span class="nt"></button></span>
+ <span class="nt"></div></span>
+ <span class="c"><!-- SIDEBAR --></span>
+ <span class="nt"><div</span> <span class="na">class=</span><span class="s">"four columns"</span><span class="nt">></span>
+ <span class="nt"><h6</span> <span class="na">class=</span><span class="s">"sidebartitle"</span><span class="nt">></span>RECENT COMMENTS<span class="nt"></h6></span>
+ <span class="nt"><div</span> <span class="na">class=</span><span class="s">"avatar"</span><span class="nt">></span>
+ <span class="nt"><img</span> <span class="na">src=</span><span class="s">"images/temp/author1.png"</span> <span class="na">alt=</span><span class="s">""</span><span class="nt">></span>
+ <span class="nt"></div></span>
+ <span class="nt"><p></span>
+ Many pieces were proposed, but none seemed suitable, because each one wished to play a good ...
+ <span class="nt"></p></span>
+ <span class="nt"><div</span> <span class="na">class=</span><span class="s">"avatar"</span><span class="nt">></span>
+ <span class="nt"><img</span> <span class="na">src=</span><span class="s">"images/temp/author2.png"</span> <span class="na">alt=</span><span class="s">""</span><span class="nt">></span>
+ <span class="nt"></div></span>
+ <span class="nt"><p></span>
+ Many pieces were proposed, but none seemed suitable, because each one wished to play a good ...
+ <span class="nt"></p></span>
+ <span class="nt"><div</span> <span class="na">class=</span><span class="s">"avatar"</span><span class="nt">></span>
+ <span class="nt"><img</span> <span class="na">src=</span><span class="s">"images/temp/author3.png"</span> <span class="na">alt=</span><span class="s">""</span><span class="nt">></span>
+ <span class="nt"></div></span>
+ <span class="nt"><p></span>
+ Many pieces were proposed, but none seemed suitable, because each one wished to play a good ...
+ <span class="nt"></p></span>
+ <span class="nt"><br</span> <span class="na">class=</span><span class="s">"clear"</span><span class="nt">/></span>
+ <span class="nt"><h6</span> <span class="na">class=</span><span class="s">"sidebartitle"</span><span class="nt">></span>POPULAR TAGS<span class="nt"></h6></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tags"</span><span class="nt">></span>Photography<span class="nt"></a></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tags"</span><span class="nt">></span>Vintage<span class="nt"></a></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tags"</span><span class="nt">></span>Nature<span class="nt"></a></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tags"</span><span class="nt">></span>Design<span class="nt"></a></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tags"</span><span class="nt">></span>Printing<span class="nt"></a></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tags"</span><span class="nt">></span>Contemporary<span class="nt"></a></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tags"</span><span class="nt">></span>Classic<span class="nt"></a></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tags"</span><span class="nt">></span>Elegant<span class="nt"></a></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tags"</span><span class="nt">></span>Graphics<span class="nt"></a></span>
+ <span class="nt"><br</span> <span class="na">class=</span><span class="s">"clear"</span><span class="nt">/></span>
+ <span class="nt"><br/><br/></span>
+ <span class="nt"><h6</span> <span class="na">class=</span><span class="s">"sidebartitle"</span><span class="nt">></span>RELATED POSTS<span class="nt"></h6></span>
+ <span class="nt"><p></span>
+ 7 Oct 2013
+ <span class="nt"></p></span>
+ <span class="nt"><p></span>
+ Many pieces were proposed, but none seemed suitable, because each one wished to play a good and suitable part ...
+ <span class="nt"></p></span>
+ <span class="nt"><p></span>
+ 6 Sept 2013
+ <span class="nt"></p></span>
+ <span class="nt"><p></span>
+ It was ready for production, when through accident we were disappointed about securing the private theatre on ...
+ <span class="nt"></p></span>
+ <span class="nt"><p></span>
+ 4 Aug 2013
+ <span class="nt"></p></span>
+ <span class="nt"><p></span>
+ The over-kind praise which it won encouraged me to have the play printed. I decided, as I could see no other prospects...
+ <span class="nt"></p></span>
+ <span class="nt"></div></span>
+<span class="nt"></div></span>
+</pre></div>
+
+
+<p></div>
+<div class="hr">
+</div>
+<!-- TWITTER
+================================================== -->
+<div class="tweetarea">
+ <div class="tweettext">
+ <div class="row">
+ <div class="twelve columns">
+ <div class="tweet">
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+<!-- FOOOTER
+================================================== -->
+<div id="footer">
+ <footer class="row">
+ <p class="back-top floatright">
+ <a href="#top"><span></span></a>
+ </p>
+ <div class="four columns">
+ <h1>ABOUT US</h1>
+ Our goal is to keep clients satisfied!
+ </div>
+ <div class="four columns">
+ <h1>GET SOCIAL</h1>
+ <div class="social facebook">
+ <a href="#"></a>
+ </div>
+ <div class="social twitter">
+ <a href="#"></a>
+ </div>
+ <div class="social deviantart">
+ <a href="#"></a>
+ </div>
+ <div class="social flickr">
+ <a href="#"></a>
+ </div>
+ <div class="social dribbble">
+ <a href="#"></a>
+ </div>
+ </div>
+ <div class="four columns">
+ <h1 class="newsmargin">NEWSLETTER</h1>
+ <div class="row collapse newsletter floatright">
+ <div class="ten mobile-three columns">
+ <input type="text" class="nomargin" placeholder="Enter your e-mail address...">
+ </div>
+ <div class="two mobile-one columns">
+ <a href="#" class="postfix button expand">GO</a>
+ </div>
+ </div>
+ </div>
+ </footer>
+</div>
+<div class="copyright">
+ <div class="row">
+ <div class="six columns">
+ ©<span class="small"> Copyright 2013 Your Agency Name</span>
+ </div>
+ <div class="six columns">
+ <span class="small floatright"> Purchase "Studio Francesca" - WowThemes.net</span>
+ </div>
+ </div>
+</div>
+<!-- JAVASCRIPTS
+================================================== -->
+<!-- Javascript files placed here for faster loading -->
+<script src="javascripts/foundation.min.js"></script>
+<script src="javascripts/jquery.cycle.js"></script>
+<script src="javascripts/app.js"></script>
+<script src="javascripts/modernizr.foundation.js"></script>
+<script src="javascripts/slidepanel.js"></script>
+<script src="javascripts/scrolltotop.js"></script>
+<script src="javascripts/hoverIntent.js"></script>
+<script src="javascripts/superfish.js"></script>
+<script src="javascripts/responsivemenu.js"></script>
+<script src="javascripts/jquery.tweet.js"></script>
+<script src="javascripts/twitterusername.js"></script>
+</body>
+</html></p></div>
+ <!-- /container (main block) -->
+
+ <hr>
+
+ <div class="container">
+ <footer>
+ <p class="pull-right">
+ <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/columns.html
==============================================================================
--- websites/staging/oodt/trunk/content/columns.html (added)
+++ websites/staging/oodt/trunk/content/columns.html Thu Jul 17 00:11:46 2014
@@ -0,0 +1,820 @@
+<!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>
+<!-- WE CALL ALL CSS FILES IN THIS DOC TO HELP YOU START YOUR OWN TEMPLATE FILE-->
+<link rel="stylesheet" href="stylesheets/style.css">
+<link rel="stylesheet" href="stylesheets/nivoslider.css"><!-- nivo slider stylesheet -->
+<link rel="stylesheet" href="stylesheets/homepage.css"><!-- homepage stylesheet -->
+<link rel="stylesheet" href="stylesheets/blog.css"><!-- blog stylesheet -->
+<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]--> <br />
+</head>
+<body>
+<!-- HIDDEN PANEL
+================================================== -->
+<div id="panel">
+ <div class="row">
+ <div class="twelve columns">
+ <img src="images/info.png" class="pics" alt="info">
+ <div class="infotext">
+ Thank you for visiting my theme! Replace this with your message to visitors.
+ </div>
+ </div>
+ </div>
+</div>
+<p class="slide">
+ <a href="#" class="btn-slide"></a>
+</p>
+<!-- HEADER
+================================================== -->
+<div class="row"> <br />
+ <div class="four columns">
+ <div class="logo">
+ <a href="index.html"><h4>Studio Francesca</h4></a>
+ </div>
+ </div>
+ <div class="eight columns noleftmarg"> <br />
+ <nav id="nav-wrap">
+ <ul class="nav-bar sf-menu"></p>
+<div class="codehilite"><pre> <span class="nt"><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" class="blogstyle">
+ <div class="row">
+ <div class="eight columns">
+ <p class="bread leftalign">
+ You are here: <a href="index.html"> Home</a> / <a href="columns.html">Columns</a>
+ </p>
+ </div>
+ <div class="four columns">
+ <div class="row collapse">
+ <div class="ten mobile-three columns">
+ <input type="text" class="nomargin" placeholder="Search...">
+ </div>
+ <div class="two mobile-one columns">
+ <a href="#" class="postfix button expand">Go</a>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="hr">
+</div>
+<!-- CONTENT
+================================================== -->
+<!-- SINGLE COLUMN-->
+<div class="row">
+ <div class="twelve columns">
+ <h5>Single Column</h5>
+ <hr>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete. Contineo me ab exemplis. Rapior illuc, revocat autem Antiochus.Duo Reges: constructio interrete. Contineo me ab exemplis.
+ </p>
+ </div>
+</div>
+<!-- 2 COLUMNS-->
+<div class="row">
+ <div class="twelve columns">
+ <h5>2 Columns Layout</h5>
+ <hr>
+ </div>
+</div>
+<div class="row">
+ <div class="six columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete. Contineo me ab exemplis. Rapior illuc, revocat autem Antiochus.
+ </p>
+ </div>
+ <div class="six columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete. Contineo me ab exemplis. Rapior illuc, revocat autem Antiochus.
+ </p>
+ </div>
+</div>
+<!-- 3 COLUMNS-->
+<div class="row">
+ <div class="twelve columns">
+ <h5>3 Columns Layout</h5>
+ <hr>
+ </div>
+</div>
+<div class="row">
+ <div class="four columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete.
+ </p>
+ </div>
+ <div class="four columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete.
+ </p>
+ </div>
+ <div class="four columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete.
+ </p>
+ </div>
+</div>
+<!-- 4 COLUMNS-->
+<div class="row">
+ <div class="twelve columns">
+ <h5>4 Columns Layout</h5>
+ <hr>
+ </div>
+</div>
+<div class="row">
+ <div class="three columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt.
+ </p>
+ </div>
+ <div class="three columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt.
+ </p>
+ </div>
+ <div class="three columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt.
+ </p>
+ </div>
+ <div class="three columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt.
+ </p>
+ </div>
+</div>
+<!-- 6 COLUMNS-->
+<div class="row">
+ <div class="twelve columns">
+ <h5>6 Columns Layout</h5>
+ <hr>
+ </div>
+</div>
+<div class="row">
+ <div class="two columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis?
+ </p>
+ </div>
+ <div class="two columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis?
+ </p>
+ </div>
+ <div class="two columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis?
+ </p>
+ </div>
+ <div class="two columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis?
+ </p>
+ </div>
+ <div class="two columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis?
+ </p>
+ </div>
+ <div class="two columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis?
+ </p>
+ </div>
+</div>
+<!-- ONE THIRD AND TWO THIRDS-->
+<div class="row">
+ <div class="twelve columns">
+ <h5>One Third & Two Thirds</h5>
+ <hr>
+ </div>
+</div>
+<div class="row">
+ <div class="four columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Sit enim idem caecus, debilis. Duo Reges: construct.
+ </p>
+ </div>
+ <div class="eight columns">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete.
+ </p>
+ </div>
+</div>
+<!-- END EXAMPLES-->
+<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><br />
+<script src="javascripts/elasticslideshow.js"></script>
+<script src="javascripts/jquery.nivo.slider.pack.js"></script> <br />
+<script src="javascripts/jquery.carouFredSel-6.0.5-packed.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>