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 [14/14] - in /websites/staging/oodt/trunk/content: ./
images/ images/prettyPhoto/ images/prettyPhoto/dark_rounded/
images/prettyPhoto/dark_square/ images/prettyPhoto/default/
images/prettyPhoto/facebook/ images/prettyPhoto/light_rou...
Added: websites/staging/oodt/trunk/content/typography.html
==============================================================================
--- websites/staging/oodt/trunk/content/typography.html (added)
+++ websites/staging/oodt/trunk/content/typography.html Thu Jul 17 00:11:46 2014
@@ -0,0 +1,780 @@
+<!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/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="typography.html">Typography</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">
+ <h5>GENERAL TYPOGRAPHY</h5>
+ <hr>
+ <div class="typography">
+ <h1>h1. This is a very large header.</h1>
+ <h2>h2. This is a large header.</h2>
+ <h3>h3. This is a medium header.</h3>
+ <h4>h4. This is a moderate header.</h4>
+ <h5>h5. This is small header.</h5>
+ <h6>h6. This is very small header.</h6>
+ <p>
+ This is a paragraph. 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>
+</div>
+<div class="row">
+ <div class="twelve columns">
+ <h5>HEADER STYLES</h5>
+ <hr>
+ <h2>This is a very large main header.</h2>
+ <h4 class="subheader">This is a smaller subheader.</h4>
+ </div>
+</div>
+<div class="row">
+ <div class="twelve columns">
+ <h5>LINKS</h5>
+ <hr>
+ <div class="typography">
+ <h2><a href="#">This is a header link.</a></h2>
+ <h3><a href="#">This is a header link.</a></h3>
+ <h4><a href="#">This is a header link.</a></h4>
+ <h5><a href="#">This is a header link.</a></h5>
+ <p>
+ <a href="#">This is a standard inline paragraph link.</a>
+ </p>
+ </div>
+ </div>
+</div>
+<div class="row">
+ <div class="twelve columns">
+ <h5>LISTS</h5>
+ <hr>
+ </div>
+</div>
+<div class="row">
+ <div class="four columns">
+ <h5>ul.disc</h5>
+ <ul class="disc">
+ <li>List item with longer content.</li>
+ <li>List item</li>
+ <li>List item
+ <ul>
+ <li>Nested List Item</li>
+ <li>Nested List Item</li>
+ <li>Nested List Item</li>
+ </ul>
+ </li>
+ <li>List item</li>
+ <li>List item</li>
+ <li>List item</li>
+ </ul>
+ </div>
+ <div class="four columns">
+ <h5>ul.circle</h5>
+ <ul class="circle">
+ <li>List item with a longer content.</li>
+ <li>List item</li>
+ <li>List item
+ <ul>
+ <li>Nested List Item</li>
+ <li>Nested List Item</li>
+ <li>Nested List Item</li>
+ </ul>
+ </li>
+ <li>List item</li>
+ <li>List item</li>
+ <li>List item</li>
+ </ul>
+ </div>
+ <div class="four columns">
+ <h5>ul.square</h5>
+ <ul class="square">
+ <li>List item with a longer content.</li>
+ <li>List item</li>
+ <li>List item
+ <ul>
+ <li>Nested List Item</li>
+ <li>Nested List Item</li>
+ <li>Nested List Item</li>
+ </ul>
+ </li>
+ <li>List item</li>
+ <li>List item</li>
+ <li>List item</li>
+ </ul>
+ </div>
+</div>
+<div class="row">
+ <div class="twelve columns">
+ <h5>BLOCKQUOTES</h5>
+ <hr>
+ <blockquote>
+ 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. <cite>John Doe</cite>
+ </blockquote>
+ </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>