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 [2/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/blogpage2.html
==============================================================================
--- websites/staging/oodt/trunk/content/blogpage2.html (added)
+++ websites/staging/oodt/trunk/content/blogpage2.html Thu Jul 17 00:11:46 2014
@@ -0,0 +1,829 @@
+<!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="blogpage2.html">Blog second style</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 noleftmargin">
+ <div class="six columns">
+ <div class="boxblog">
+ <h5>Dawncin'</h5>
+ <p class="small date">
+ Posted on: 2 Oct 2013 <span class="has-tip tip-top" data-width="90" title="6 comments"><img src="images/comments.png" alt=""></span>
+ </p>
+ <p>
+ <img src="images/temp/nivo3.jpg" alt="" class="thumb">"ARE you comin' to the dawncin', Lady Speedway?" asked the American in his best transatlantic liner accent. "Most decidedly not!" Mind you, this answer from Lady Speedway meant red lights ahead. At the Hotel Biscuit...
+ </p>
+ <p>
+ <a href="#" class="small continue">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ <div class="six columns">
+ <div class="boxblog">
+ <h5> Field Marshal</h5>
+ <p class="small date">
+ Posted on: 3 Oct 2013 <span class="has-tip tip-top" data-width="90" title="6 comments"><img src="images/comments.png" alt=""></span>
+ </p>
+ <p>
+ <img src="images/temp/folio3.jpg" alt="" class="thumb"> She was the Field Marshal of the Front Porch Knitting Needle Hussars, nicknamed "Hussies." Her approbation was olive oil; her discountenance prickly heat. "Of course," she added, "while recognizing that expatiation does not include brevity ...
+ </p>
+ <p>
+ <a href="#" class="small continue">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ <div class="six columns">
+ <div class="boxblog">
+ <h5>Lady Speedway</h5>
+ <p class="small date">
+ Posted on: 2 Oct 2013 <span class="has-tip tip-top" data-width="90" title="6 comments"><img src="images/comments.png" alt=""></span>
+ </p>
+ <p>
+ <img src="images/temp/folio4.jpg" alt="" class="thumb">"ARE you comin' to the dawncin', Lady Speedway?" asked the American in his best transatlantic liner accent. "Most decidedly not!" Mind you, this answer from Lady Speedway meant red lights ahead. At the Hotel Biscuit ...
+ </p>
+ <p>
+ <a href="#" class="small continue">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ <div class="six columns">
+ <div class="boxblog">
+ <h5>Hotel Biscuit</h5>
+ <p class="small date">
+ Posted on: 3 Oct 2013 <span class="has-tip tip-top" data-width="90" title="6 comments"><img src="images/comments.png" alt=""></span>
+ </p>
+ <p>
+ <img src="images/temp/folio6.jpg" alt="" class="thumb"> She was the Field Marshal of the Front Porch Knitting Needle Hussars, nicknamed "Hussies." Her approbation was olive oil; her discountenance prickly heat. "Of course," she added, "while recognizing that expatiation does not include brevity ...
+ </p>
+ <p>
+ <a href="#" class="small continue">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ <div class="six columns">
+ <div class="boxblog">
+ <h5>Private Theater</h5>
+ <p class="small date">
+ Posted on: 2 Oct 2013 <span class="has-tip tip-top" data-width="90" title="6 comments"><img src="images/comments.png" alt=""></span>
+ </p>
+ <p>
+ <img src="images/temp/folio3.jpg" alt="" class="thumb">"ARE you comin' to the dawncin', Lady Speedway?" asked the American in his best transatlantic liner accent. "Most decidedly not!" Mind you, this answer from Lady Speedway meant red lights ahead. At the Hotel Biscuit ...
+ </p>
+ <p>
+ <a href="#" class="small continue">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ <div class="six columns">
+ <div class="boxblog">
+ <h5>Transatlantic</h5>
+ <p class="small date">
+ Posted on: 3 Oct 2013 <span class="has-tip tip-top" data-width="90" title="6 comments"><img src="images/comments.png" alt=""></span>
+ </p>
+ <p>
+ <img src="images/temp/nivo3.jpg" alt="" class="thumb"> She was the Field Marshal of the Front Porch Knitting Needle Hussars, nicknamed "Hussies." Her approbation was olive oil; her discountenance prickly heat. "Of course," she added, "while recognizing that expatiation does not include brevity ...
+ </p>
+ <p>
+ <a href="#" class="small continue">Continue reading</a>
+ </p>
+ </div>
+ </div>
+ <ul class="pagination">
+ <li class="arrow unavailable"><a href="">«</a></li>
+ <li class="current"><a href="">1</a></li>
+ <li><a href="">2</a></li>
+ <li><a href="">3</a></li>
+ <li><a href="">4</a></li>
+ <li class="unavailable"><a href="">…</a></li>
+ <li><a href="">12</a></li>
+ <li><a href="">13</a></li>
+ <li class="arrow"><a href="">»</a></li>
+ </ul>
+ </div>
+ <!-- SIDEBAR -->
+ <div class="four columns">
+ <h6 class="sidebartitle">RECENT COMMENTS</h6>
+ <div class="avatar">
+ <img src="images/temp/author1.png" alt="">
+ </div>
+ <p>
+ Many pieces were proposed, but none seemed suitable, because each one wished to play a good ...
+ </p>
+ <div class="avatar">
+ <img src="images/temp/author2.png" alt="">
+ </div>
+ <p>
+ Many pieces were proposed, but none seemed suitable, because each one wished to play a good ...
+ </p>
+ <div class="avatar">
+ <img src="images/temp/author3.png" alt="">
+ </div>
+ <p>
+ Many pieces were proposed, but none seemed suitable, because each one wished to play a good ...
+ </p>
+ <br class="clear"/>
+ <h6 class="sidebartitle">POPULAR TAGS</h6>
+ <a href="#" class="tags">Photography</a>
+ <a href="#" class="tags">Vintage</a>
+ <a href="#" class="tags">Nature</a>
+ <a href="#" class="tags">Design</a>
+ <a href="#" class="tags">Printing</a>
+ <a href="#" class="tags">Contemporary</a>
+ <a href="#" class="tags">Classic</a>
+ <a href="#" class="tags">Elegant</a>
+ <a href="#" class="tags">Graphics</a>
+ <br class="clear"/>
+ <br/><br/>
+ <h6 class="sidebartitle">POPULAR POSTS</h6>
+ <p>
+ 7 Oct 2013
+ </p>
+ <p>
+ Many pieces were proposed, but none seemed suitable, because each one wished to play a good and suitable part ...
+ </p>
+ <p>
+ 6 Sept 2013
+ </p>
+ <p>
+ It was ready for production, when through accident we were disappointed about securing the private theatre on ...
+ </p>
+ <p>
+ 4 Aug 2013
+ </p>
+ <p>
+ The over-kind praise which it won encouraged me to have the play printed. I decided, as I could see no other prospects...
+ </p>
+ </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>
+</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/blogpage3.html
==============================================================================
--- websites/staging/oodt/trunk/content/blogpage3.html (added)
+++ websites/staging/oodt/trunk/content/blogpage3.html Thu Jul 17 00:11:46 2014
@@ -0,0 +1,782 @@
+<!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="blogpage3.html">Blog third style</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 noleftmargin">
+ <div class="circledate">
+ <div class="textcircle">
+ - 04 -<br/>October<br/>2013
+ </div>
+ </div>
+ <h4>The Dower Farm <span class="comments">3 comments</span></h4>
+ <div class="dots blogdots">
+ </div>
+ <p>
+ You may have seen prettier girls than Ellin Delorane, but never one that the heart so quickly went out to. She was too much like her dead mother; had the same look of fragile delicacy, the same sweet face with its pensive sadness, the soft brown eyes and the lovely complexion. 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>
+ It belonged to Sir Robert Tenby, and had been occupied for many years by one Roger Brook, a genial, pleasant gentleman of large private means apart from his success in farming. Rich though he was, he did not disdain to see practically after his work himself; was up with the lark and out with his men, as a good farmer ought to be. 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 ... <a href="#" class="saymore">Read more</a>
+ </p>
+ <div class="hr">
+ </div>
+ <div class="circledate">
+ <div class="textcircle">
+ - 05 -<br/>August<br/>2013
+ </div>
+ </div>
+ <h4>Ellin Delorane <span class="comments">2 comments</span></h4>
+ <div class="dots blogdots">
+ </div>
+ <p>
+ You may have seen prettier girls than Ellin Delorane, but never one that the heart so quickly went out to. She was too much like her dead mother; had the same look of fragile delicacy, the same sweet face with its pensive sadness, the soft brown eyes and the lovely complexion. 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>
+ It belonged to Sir Robert Tenby, and had been occupied for many years by one Roger Brook, a genial, pleasant gentleman of large private means apart from his success in farming. Rich though he was, he did not disdain to see practically after his work himself; was up with the lark and out with his men, as a good farmer ought to be. 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.
+ </p>
+ <p>
+ Lord Tawdry was six feet two in height, though seated, and half a foot wide and he wore an eight-pound black mustache to show that regardless of Verbeena's curiously trained character, there was nothing ambisextrous about himself.
+ </p>
+ <p>
+ His courtesy was so inbred that he kept looking the company over as if he wished they'd all go home and let him go to bed. His sleek head would drop forward sleepily from time to time but always bob up like the balloon it possibly perhaps was maybe ... <a href="#" class="saymore">Read more</a>
+ </p>
+ <br/>
+ <ul class="pagination">
+ <li class="arrow unavailable"><a href="">«</a></li>
+ <li class="current"><a href="">1</a></li>
+ <li><a href="">2</a></li>
+ <li><a href="">3</a></li>
+ <li><a href="">4</a></li>
+ <li class="unavailable"><a href="">…</a></li>
+ <li><a href="">12</a></li>
+ <li><a href="">13</a></li>
+ <li class="arrow"><a href="">»</a></li>
+ </ul>
+ </div>
+ <!-- SIDEBAR -->
+ <div class="four columns">
+ <h6 class="sidebartitle">RECENT COMMENTS</h6>
+ <div class="avatar">
+ <img src="images/temp/author1.png" alt="">
+ </div>
+ <p>
+ Many pieces were proposed, but none seemed suitable, because each one wished to play a good ...
+ </p>
+ <div class="avatar">
+ <img src="images/temp/author2.png" alt="">
+ </div>
+ <p>
+ Many pieces were proposed, but none seemed suitable, because each one wished to play a good ...
+ </p>
+ <div class="avatar">
+ <img src="images/temp/author3.png" alt="">
+ </div>
+ <p>
+ Many pieces were proposed, but none seemed suitable, because each one wished to play a good ...
+ </p>
+ <br class="clear"/>
+ <h6 class="sidebartitle">POPULAR TAGS</h6>
+ <a href="#" class="tags">Photography</a>
+ <a href="#" class="tags">Vintage</a>
+ <a href="#" class="tags">Nature</a>
+ <a href="#" class="tags">Design</a>
+ <a href="#" class="tags">Printing</a>
+ <a href="#" class="tags">Contemporary</a>
+ <a href="#" class="tags">Classic</a>
+ <a href="#" class="tags">Elegant</a>
+ <a href="#" class="tags">Graphics</a>
+ <br class="clear"/>
+ <br/><br/>
+ <h6 class="sidebartitle">POPULAR POSTS</h6>
+ <p>
+ 7 Oct 2013
+ </p>
+ <p>
+ Many pieces were proposed, but none seemed suitable, because each one wished to play a good and suitable part ...
+ </p>
+ <p>
+ 6 Sept 2013
+ </p>
+ <p>
+ It was ready for production, when through accident we were disappointed about securing the private theatre on ...
+ </p>
+ <p>
+ 4 Aug 2013
+ </p>
+ <p>
+ The over-kind praise which it won encouraged me to have the play printed. I decided, as I could see no other prospects...
+ </p>
+ </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>
+</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>