|
|
| (33 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | <html class=" js no-touch svg inlinesvg svgclippaths no-ie8compat js no-touch svg inlinesvg svgclippaths no-ie8compat" 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>
| |
| − | <!-- CSS Files-->
| |
| − | <link rel="stylesheet" href="stylesheets/style.css">
| |
| | | | |
| − | <link rel="stylesheet" href="stylesheets/skins/blue.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="headerlogo four columns">
| |
| − | <div class="logo">
| |
| − | <a href="index.html">
| |
| − | <h4>Studio Francesca</h4>
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="headermenu eight columns noleftmarg">
| |
| − | <nav id="nav-wrap"><div id="menu-icon">MENU</div>
| |
| − | <ul id="main-menu" class="nav-bar sf-menu l_tinynav1 sf-js-enabled sf-shadow">
| |
| − | <li class="current">
| |
| − | <a href="index.html" class="sf-with-ul">Home<span class="sf-sub-indicator"> »</span></a>
| |
| − | <ul style="visibility: hidden; display: none;">
| |
| − | <li><a href="index2.html">Without slider</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="#" class="sf-with-ul">Portofolio<span class="sf-sub-indicator"> »</span></a>
| |
| − | <ul style="display: none; visibility: hidden;">
| |
| − | <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="#" class="sf-with-ul">Blog<span class="sf-sub-indicator"> »</span></a>
| |
| − | <ul style="display: none; visibility: hidden;">
| |
| − | <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="#" class="sf-with-ul">Pages<span class="sf-sub-indicator"> »</span></a>
| |
| − | <ul style="display: none; visibility: hidden;">
| |
| − | <li><a href="about.html">About us</a></li>
| |
| − | <li><a href="services.html">Services</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="#" class="sf-with-ul">Features<span class="sf-sub-indicator"> »</span></a>
| |
| − | <ul style="display: none; visibility: hidden;">
| |
| − | <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><select id="tinynav1" class="tinynav tinynav1"><option>MENU</option><option value="index.html">Home</option><option value="index2.html">- Without slider</option><option value="#">Portofolio</option><option value="portofolio2.html">- 2 Columns</option><option value="portofolio3.html">- 3 Columns</option><option value="portofolio4.html">- 4 Columns</option><option value="portofoliodetail.html">- Project Details</option><option value="#">Blog</option><option value="blogpage1.html">- Blog page style 1</option><option value="blogpage2.html">- Blog page style 2</option><option value="blogpage3.html">- Blog page style 3</option><option value="blogsinglepost.html">- Single post</option><option value="#">Pages</option><option value="about.html">- About us</option><option value="services.html">- Services</option><option value="#">Features</option><option value="columns.html">- Columns</option><option value="elements.html">- Elements</option><option value="typography.html">- Typography</option><option value="contact.html">Contact</option></select>
| |
| − | </nav>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="clear">
| |
| − | </div>
| |
| − | <!-- SUBHEADER
| |
| − | ================================================== -->
| |
| − | <div id="subheader">
| |
| − | <div class="row">
| |
| − | <div class="twelve columns">
| |
| − | <p class="left">
| |
| − | ABOUT US
| |
| − | </p>
| |
| − | <p class="right">
| |
| − | Meet Our Team
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="hr">
| |
| − | </div>
| |
| − | <!-- CONTENT
| |
| − | ================================================== -->
| |
| − | <div class="row">
| |
| − | <!-- MAIN CONTENT-->
| |
| − | <div class="eight columns">
| |
| − | <!-- Our History-->
| |
| − | <div class="sectiontitle">
| |
| − | <h4>Our History</h4>
| |
| − | </div>
| |
| − | <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>
| |
| − | <div class="panel">
| |
| − | <p>
| |
| − | <b>Phasellus luctus ante in eros suscipit aliquet. Donec convallis scelerisque tellus, quis vulputate lacus laoreet sed. Mauris vitae ultricies neque. Nullam arcu neque, posuere et accumsan quis, euismod id leo. Donec tristique, nisi vel tincidunt faucibus, velit eros pulvinar leo, in sollicitudin nisi nibh ac arcu.</b>
| |
| − | </p>
| |
| − | <p class="text-right">
| |
| − | <i>Ray Singer, Manager at "Studio Francesca"</i>
| |
| − | </p>
| |
| − | </div>
| |
| − | <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>
| |
| − | <br>
| |
| − | <!-- Accordion-->
| |
| − | <dl class="tabs">
| |
| − | <dd class="active"><a href="#simple1">Why choose us</a></dd>
| |
| − | <dd><a href="#simple2">How we work</a></dd>
| |
| − | <dd><a href="#simple3">Completion time</a></dd>
| |
| − | <dd><a href="#simple3">Prices and budget</a></dd>
| |
| − | </dl>
| |
| − | <ul class="tabs-content">
| |
| − | <li class="active" id="simple1Tab">
| |
| − | <p>
| |
| − | This is simple tab 1's content. Pretty neat, huh? 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.
| |
| − | </p>
| |
| − | <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>
| |
| − | <p>
| |
| − | Sit enim idem caecus, debilis. Duo Reges: constructio interrete.
| |
| − | </p>
| |
| − | </li>
| |
| − | <li id="simple2Tab">This is simple tab 2's content. Now you see it! 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.</li>
| |
| − | <li id="simple3Tab">This is simple tab 3's content. It's, you know...okay. 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.</li>
| |
| − | <li id="simple4Tab">This is simple tab 3's content. It's, you know...okay. 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.</li>
| |
| − | </ul>
| |
| − | </div><!-- end main content-->
| |
| − |
| |
| − | <!-- SIDEBAR-->
| |
| − | <div class="four columns">
| |
| − | <div class="teamwrap teambox">
| |
| − | <img src="images/temp/team1.jpg" alt="">
| |
| − | <div class="mask">
| |
| − | <h2>Katrina Bernski</h2>
| |
| − | <p>
| |
| − | One of our best shooting model, working for this company since the beginning.
| |
| − | </p><div class="social socialteam facebook">
| |
| − | <a href="#"></a>
| |
| − | </div>
| |
| − | <div class="social socialteam twitter">
| |
| − | <a href="#"></a>
| |
| − | </div>
| |
| − | <div class="social socialteam deviantart">
| |
| − | <a href="#"></a>
| |
| − | </div>
| |
| − | <div class="social socialteam flickr">
| |
| − | <a href="#"></a>
| |
| − | </div>
| |
| − | <div class="social socialteam dribbble">
| |
| − | <a href="#"></a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="teamwrap teambox">
| |
| − | <img src="images/temp/team2.jpg" alt="">
| |
| − | <div class="mask">
| |
| − | <h2>Yolanda Bernski</h2>
| |
| − | <p>
| |
| − | One of our best shooting model, working for this company since the beginning.
| |
| − | </p><div class="social socialteam facebook">
| |
| − | <a href="#"></a>
| |
| − | </div>
| |
| − | <div class="social socialteam twitter">
| |
| − | <a href="#"></a>
| |
| − | </div>
| |
| − | <div class="social socialteam deviantart">
| |
| − | <a href="#"></a>
| |
| − | </div>
| |
| − | <div class="social socialteam flickr">
| |
| − | <a href="#"></a>
| |
| − | </div>
| |
| − | <div class="social socialteam dribbble">
| |
| − | <a href="#"></a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="teamwrap teambox">
| |
| − | <img src="images/temp/team3.jpg" alt="">
| |
| − | <div class="mask">
| |
| − | <h2>Luna Galliano</h2>
| |
| − | <p>
| |
| − | One of our best shooting model, working for this company since the beginning.
| |
| − | </p><div class="social socialteam facebook">
| |
| − | <a href="#"></a>
| |
| − | </div>
| |
| − | <div class="social socialteam twitter">
| |
| − | <a href="#"></a>
| |
| − | </div>
| |
| − | <div class="social socialteam deviantart">
| |
| − | <a href="#"></a>
| |
| − | </div>
| |
| − | <div class="social socialteam flickr">
| |
| − | <a href="#"></a>
| |
| − | </div>
| |
| − | <div class="social socialteam dribbble">
| |
| − | <a href="#"></a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div><!-- end sidebar -->
| |
| − | </div>
| |
| − | <div class="hr">
| |
| − | </div>
| |
| − |
| |
| − | <!-- FOOOTER
| |
| − | ================================================== -->
| |
| − | <div id="footer">
| |
| − | <footer class="row">
| |
| − | <p class="back-top floatright" style="display: none;">
| |
| − | <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>
| |
| − | <a class="social facebook" href="#"></a>
| |
| − | <a class="social twitter" href="#"></a>
| |
| − | <a class="social deviantart" href="#"></a>
| |
| − | <a class="social flickr" href="#"></a>
| |
| − | <a class="social dribbble" href="#"></a>
| |
| − | </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 2015 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.easing.1.3.js"></script>
| |
| − | <script src="javascripts/elasticslideshow.js"></script>
| |
| − | <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>
| |
| − |
| |
| − | </body></html>
| |