You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@oodt.apache.org by bu...@apache.org on 2014/07/17 17:18:25 UTC
svn commit: r916555 [2/5] - /websites/staging/oodt/trunk/content/
Modified: websites/staging/oodt/trunk/content/blogpage3.html
==============================================================================
--- websites/staging/oodt/trunk/content/blogpage3.html (original)
+++ websites/staging/oodt/trunk/content/blogpage3.html Thu Jul 17 15:18:24 2014
@@ -37,7 +37,424 @@ under the License.
</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">
Modified: websites/staging/oodt/trunk/content/blogsinglepost.html
==============================================================================
--- websites/staging/oodt/trunk/content/blogsinglepost.html (original)
+++ websites/staging/oodt/trunk/content/blogsinglepost.html Thu Jul 17 15:18:24 2014
@@ -37,7 +37,446 @@ under the License.
</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">
Modified: websites/staging/oodt/trunk/content/columns.html
==============================================================================
--- websites/staging/oodt/trunk/content/columns.html (original)
+++ websites/staging/oodt/trunk/content/columns.html Thu Jul 17 15:18:24 2014
@@ -37,7 +37,462 @@ under the License.
</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">
Modified: websites/staging/oodt/trunk/content/contact.html
==============================================================================
--- websites/staging/oodt/trunk/content/contact.html (original)
+++ websites/staging/oodt/trunk/content/contact.html Thu Jul 17 15:18:24 2014
@@ -37,7 +37,338 @@ under the License.
</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]-->
+</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">
+ <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></p>
+<div class="codehilite"><pre> <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"index2.html"</span><span class="nt">></span>Without slider<span class="nt"></a></li></span>
+ <span class="nt"></ul></span>
+ <span class="nt"></li></span>
+ <span class="nt"><li></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Portofolio<span class="nt"></a></span>
+ <span class="nt"><ul></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"portofolio2.html"</span><span class="nt">></span>2 Columns<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"portofolio3.html"</span><span class="nt">></span>3 Columns<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"portofolio4.html"</span><span class="nt">></span>4 Columns<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"portofoliodetail.html"</span><span class="nt">></span>Project Details<span class="nt"></a></li></span>
+ <span class="nt"></ul></span>
+ <span class="nt"></li></span>
+ <span class="nt"><li></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Blog<span class="nt"></a></span>
+ <span class="nt"><ul></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"blogpage1.html"</span><span class="nt">></span>Blog page style 1<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"blogpage2.html"</span><span class="nt">></span>Blog page style 2<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"blogpage3.html"</span><span class="nt">></span>Blog page style 3<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"blogsinglepost.html"</span><span class="nt">></span>Single post<span class="nt"></a></li></span>
+ <span class="nt"></ul></span>
+ <span class="nt"></li></span>
+ <span class="nt"><li></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Pages<span class="nt"></a></span>
+ <span class="nt"><ul></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"about.html"</span><span class="nt">></span>About us<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"services.html"</span><span class="nt">></span>Services<span class="nt"></a></li></span>
+ <span class="nt"></ul></span>
+ <span class="nt"></li></span>
+ <span class="nt"><li></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Features<span class="nt"></a></span>
+ <span class="nt"><ul></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"columns.html"</span><span class="nt">></span>Columns<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"elements.html"</span><span class="nt">></span>Elements<span class="nt"></a></li></span>
+ <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"typography.html"</span><span class="nt">></span>Typography<span class="nt"></a></li></span>
+ <span class="nt"></ul></span>
+ <span class="nt"></li></span>
+ <span class="nt"><li></span>
+ <span class="nt"><a</span> <span class="na">href=</span><span class="s">"contact.html"</span><span class="nt">></span>Contact<span class="nt"></a></span>
+ <span class="nt"></li></span>
+ <span class="nt"></ul></span>
+ <span class="nt"></nav></span>
+<span class="nt"></div></span>
+</pre></div>
+
+
+<p></div>
+<div class="clear">
+</div>
+<!-- SUBHEADER
+================================================== -->
+<div id="subheader">
+ <div class="row">
+ <div class="twelve columns">
+ <p class="left">
+ CONTACT US
+ </p>
+ <p class="right">
+ Get in touch today!
+ </p>
+ </div>
+ </div>
+</div>
+<div class="hr">
+</div>
+<!-- CONTENT
+================================================== -->
+<div class="row">
+ <!-- GOOGLE MAP IFRAME -->
+ <div class="twelve columns">
+ <iframe class="gmap" src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=disney+paris&aq=&sll=37.0625,-95.677068&sspn=39.371738,86.572266&ie=UTF8&hq=disney&hnear=Paris,+%C3%8Ele-de-France,+France&t=m&fll=48.881877,2.535095&fspn=0.512051,1.352692&st=103241701817924407489&rq=1&ev=zo&split=1&ll=49.027964,2.772675&spn=0.315159,0.585022&z=10&iwloc=D&output=embed">
+ </iframe>
+ </div>
+</div>
+<div class="row">
+ <!-- CONTACT FORM -->
+ <div class="twelve columns">
+ <div class="wrapcontact">
+ <h5>SEND US A MESSAGE</h5>
+ <div class="done">
+ <div class="alert-box success">
+ Message has been sent! <a href="" class="close">x</a>
+ </div>
+ </div> <br />
+ <form method="post" action="contact.php" id="contactform">
+ <div class="form">
+ <div class="six columns noleftmargin">
+ <label>Name</label>
+ <input type="text" name="name" class="smoothborder" placeholder="Your name *"/>
+ </div>
+ <div class="six columns">
+ <label>E-mail address</label>
+ <input type="text" name="email" class="smoothborder" placeholder="Your e-mail address *"/>
+ </div>
+ <label>Message</label>
+ <textarea name="comment" class="smoothborder ctextarea" rows="14" placeholder="Message, feedback, comments *"></textarea>
+ <input type="submit" id="submit" class="readmore" value="Submit">
+ </div>
+ </form> <br />
+ </div>
+ </div></p>
+<p></div>
+<div class="hr">
+</div>
+<!-- TWITTER + js calls
+================================================== -->
+<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/formvalidation.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">