946 lines
71 KiB
HTML
Executable File
946 lines
71 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<!--[if lt IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7 "> <![endif]-->
|
|
<!--[if IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
|
|
<!--[if IE 8]><html class="no-js lt-ie10 lt-ie9"> <![endif]-->
|
|
<!--[if IE 9]><html class="no-js lt-ie10"> <![endif]-->
|
|
<!--[if gt IE 8]><!-->
|
|
<html class="no-js">
|
|
<!--<![endif]-->
|
|
|
|
<head>
|
|
|
|
<!-- Basic Page Needs -->
|
|
<meta charset="utf-8">
|
|
<title>Be</title>
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
|
|
<!-- Mobile Specific Metas -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
|
<!-- Favicons -->
|
|
<link rel="shortcut icon" href="images/favicon.ico">
|
|
|
|
<!-- FONTS -->
|
|
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:100,300,400,400italic,700'>
|
|
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Patua+One:100,300,400,400italic,700'>
|
|
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Lato:100,100,300,400,400italic,700'>
|
|
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Lora:100,300,400,400italic,500,700,700italic'>
|
|
|
|
<!-- CSS -->
|
|
<link rel='stylesheet' href='../css/global.css'>
|
|
<link rel='stylesheet' href='css/structure.css'>
|
|
<link rel='stylesheet' href='css/betheme.css'>
|
|
<link rel='stylesheet' href='css/custom.css'>
|
|
|
|
</head>
|
|
|
|
<body class="color-custom style-default layout-full-width single-template-builder header-plain header-fw minimalist-header sticky-header sticky-white ab-hide subheader-both-center menuo-last menuo-right mm-vertical mobile-tb-hide mobile-mini-mr-ll">
|
|
<div id="Wrapper">
|
|
<div id="Header_wrapper">
|
|
<header id="Header">
|
|
<div class="header_placeholder"></div>
|
|
<div id="Top_bar">
|
|
<div class="container">
|
|
<div class="column one">
|
|
<div class="top_bar_left clearfix">
|
|
<div class="logo">
|
|
<span id="logo"><img class="logo-main scale-with-grid" src="images/theme.png" alt="theme"><img class="logo-sticky scale-with-grid" src="images/theme.png" alt="theme"><img class="logo-mobile scale-with-grid" src="images/theme.png" alt="theme"><img class="logo-mobile-sticky scale-with-grid" src="images/theme.png" alt="theme"></span>
|
|
</div>
|
|
<div class="menu_wrapper">
|
|
<nav id="menu" class="menu-main-menu-container">
|
|
<ul id="menu-main-menu" class="menu">
|
|
<li>
|
|
<a href="http://bit.ly/1WCOsgu"><span>Home</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="about.html"><span>Pages</span></a>
|
|
<ul class="mfn-megamenu">
|
|
<li>
|
|
<ul>
|
|
<li>
|
|
<a href="about.html"><span><i class="icon-info"></i> About</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="careers.html"><span><i class="icon-heart-empty-fa"></i> Careers</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="contact.html"><span><i class="icon-address"></i> Contact</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="under-construction.html"><span><i class="icon-traffic-cone"></i> Under Construction</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<ul>
|
|
<li>
|
|
<a href="error.html"><span><i class="icon-traffic-cone"></i> Error 404</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="features.html"><span><i class="icon-star-empty"></i> Features</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="gallery.html"><span><i class="icon-picture"></i> Gallery</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="blank-page.html"><span><i class="icon-doc"></i> Blank Page</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<ul>
|
|
<li>
|
|
<a href="help-center.html"><span><i class="icon-lifebuoy"></i> Help Center</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="how-it-works.html"><span><i class="icon-graduation-cap"></i> How it works?</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="our-team.html"><span><i class="icon-users"></i> Our team</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="features.html"><span><i class="icon-comment-fa"></i> Features</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<ul>
|
|
<li>
|
|
<a href="press.html"><span><i class="icon-newspaper"></i> Press</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="pricing.html"><span><i class="icon-money-line"></i> Pricing</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="sidebar.html"><span><i class="icon-list-add"></i> Sidebar</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="dual-sidebars.html"><span><i class=" icon-pause"></i> Dual Sidebars</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html"><span>Shortcodes</span></a>
|
|
<ul class="mfn-megamenu">
|
|
<li class="hide-border">
|
|
<a class="mfn-megamenu-title" href="typography.html"><span>Typography</span></a>
|
|
<ul>
|
|
<li>
|
|
<a href="typography.html#alert"><span>Alert</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#basic"><span>Basic</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#tooltip"><span>Blockquote</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#buttons"><span>Buttons</span></a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="typography.html#columns"><span>Columns</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#contentlink"><span>Content Link</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#divider"><span>Divider</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#dropcap"><span>Dropcap</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#fancylink"><span>Fancy Link</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#googlefont"><span>Google Font</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#dropcap"><span>Highlight</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#divider"><span>Hr</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#icons"><span>Icons</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#iconbar"><span>Icon Bar</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#iconblock"><span>Icon Block</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#idea"><span>Idea</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<ul>
|
|
<li>
|
|
<a href="typography.html#image"><span>Image</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#lists"><span>Lists & Bullets lists</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#popup"><span>Popup</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#iconblock"><span>Progress Icons</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#popup"><span>Share Box</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#table"><span>Table</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#tooltip"><span>Tooltip</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html#tooltip"><span>Tooltip Image</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="gallery.html"><span>Gallery</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a class="mfn-megamenu-title" href="boxes-infographics.html"><span>Boxes & Infographics</span></a>
|
|
<ul>
|
|
<li>
|
|
<a href="boxes-infographics.html#articlebox"><span>Article box</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes-infographics.html#beforeafter"><span>Before After</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes-infographics.html#chart"><span>Chart</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes-infographics.html#countdown"><span>Countdown</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes-infographics.html#counter"><span>Counter</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes-infographics.html#featurebox"><span>Feature Box</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes-infographics.html#flatbox"><span>Flat Box</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes-infographics.html#hoverbox"><span>Hover Box</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes-infographics.html#iconbox"><span>Icon Box</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes-infographics.html#photobox"><span>Photo Box</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes-infographics.html#progressbar"><span>Progress Bars</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes-infographics.html#promobox"><span>Promo Box</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes-infographics.html#quickfact"><span>Quick Fact</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes-infographics.html#slidingbox"><span>Sliding Box</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes-infographics.html#storybox"><span>Story Box</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes-infographics.html#trailerbox"><span>Trailer Box</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes-infographics.html#zoombox"><span>Zoom Box</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a class="mfn-megamenu-title" href="content-blocks.html"><span>Content blocks</span></a>
|
|
<ul>
|
|
<li>
|
|
<a href="content-blocks.html#accordion"><span>Accordion</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-blocks.html#faq"><span>FAQ</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-blocks.html#helper"><span>Helper</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-blocks.html#list"><span>List</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-blocks.html#pricingitem"><span>Pricing Item</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-blocks.html#slider"><span>Slider</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-blocks.html#tabs"><span>Tabs</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a class="mfn-megamenu-title" href="content-elements.html"><span>Content elements</span></a>
|
|
<ul>
|
|
<li>
|
|
<a href="content-elements.html#calltoaction"><span>Call to Action</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-elements.html#contactbox"><span>Contact Box</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-elements.html#fancydivider"><span>Fancy Divider</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-elements.html#fancyheading"><span>Fancy Heading</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-elements.html#features-list"><span>Features List</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-elements.html#hovercolor"><span>Hover Color</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-elements.html#howitworks"><span>How It Works</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-elements.html#contactbox"><span>Infobox</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-elements.html#mapbig"><span>Map</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-elements.html#contactbox"><span>Opening Hours</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-elements.html#ourteam"><span>Our Team</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-elements.html#ourteamlist"><span>Our Team List</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-elements.html#timeline"><span>Timeline</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="content-elements.html#video"><span>Video</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a class="mfn-megamenu-title" href="loops.html"><span>Loops</span></a>
|
|
<ul>
|
|
<li>
|
|
<a href="loops.html#blog-item"><span>Blog</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="loops.html#blognews"><span>Blog News</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="loops.html#blogslider"><span>Blog Slider</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="loops.html#clients"><span>Clients</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="loops.html#clientsslider"><span>Clients Slider</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="loops.html#offerslider"><span>Offer Slider Full</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="loops.html#offersliderthumb"><span>Offer Slider Thumb</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="loops.html#portfolio-item"><span>Portfolio</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="loops.html#portfoliogrid"><span>Portfolio Grid</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="loops.html#portfoliophoto"><span>Portfolio Photo</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="loops.html#portfolioslider"><span>Portfolio Slider</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="loops.html#shopslider"><span>Shop Slider</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="loops.html#testimonials-item"><span>Testimonials</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="loops.html#testimonialslist"><span>Testimonials List</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="blog-classic.html"><span>Blog</span></a>
|
|
<ul class="mfn-megamenu">
|
|
<li>
|
|
<a class="mfn-megamenu-title" href="blog-classic-fullwidth.html"><span>Full width</span></a>
|
|
<ul>
|
|
<li>
|
|
<a href="blog-classic-fullwidth.html"><span>Classic</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-timeline-fullwidth.html"><span>Timeline</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-photo-fullwidth.html"><span>Photo</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-masonry-style-fullwidth.html"><span>Masonry Blog Style</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-masonry-tiles-fullwidth.html"><span>Masonry Tiles</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-grid-fullwidth.html"><span>Grid</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a class="mfn-megamenu-title" href="blog-classic.html"><span>With Sidebar</span></a>
|
|
<ul>
|
|
<li>
|
|
<a href="blog-classic.html"><span>Classic</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-timeline.html"><span>Timeline</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-photo.html"><span>Photo</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-masonry-style.html"><span>Masonry Blog Style</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-masonry-tiles.html"><span>Masonry Tiles</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-grid.html"><span>Grid</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="hide-border">
|
|
<a class="mfn-megamenu-title" href="content-builder-for-posts.html"><span>Single Post</span></a>
|
|
<ul>
|
|
<li>
|
|
<a href="content-builder-for-posts.html"><span>Content builder for posts</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="post-with-vertical-photo.html"><span>Post with vertical photo</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="portfolio-single-1.html"><span>Blockquote</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="post-with-slider.html"><span>Post with Slider</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="post-with-youtube-vimeo.html"><span>Post with youtube / vimeo</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="post-with-html5-video.html"><span>Post with HTML5 Video</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<ul>
|
|
<li>
|
|
<a href="single-post-1.html"><span>Intro Header – Full screen</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="single-post-2.html"><span>Intro Header</span></a>
|
|
</li>
|
|
<li>
|
|
<a target="_blank" href="http://be.beantownthemes.com/html/content/blogger2/item-6.html"><span>Post with Header Image <i class="icon-forward"></i></span></a>
|
|
</li>
|
|
<li>
|
|
<a href="single-post-3.html"><span>Single Post 3</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="single-post-4.html"><span>Single Post 4</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="single-post-5.html"><span>Single Post 5</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="single-post-6.html"><span>Single Post 6</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="current_page_item">
|
|
<a href="portfolio-flat-fullwidth.html"><span>Portfolio</span></a>
|
|
<ul class="mfn-megamenu">
|
|
<li>
|
|
<a class="mfn-megamenu-title" href="portfolio-flat-fullwidth.html"><span>Full width</span></a>
|
|
<ul>
|
|
<li>
|
|
<a href="portfolio-flat-fullwidth.html"><span>Flat</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="portfolio-grid-fullwidth.html"><span>Grid</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="portfolio-list-fullwidth.html"><span>List</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="portfolio-masonry-blog-style-fullwidth.html"><span>Masonry Blog Style</span></a>
|
|
</li>
|
|
<li>
|
|
<a target="_blank" href="http://be.beantownthemes.com/html/content/minimal/the-artwork.html"><span>Masonry Minimal <i class="icon-forward"></i></span></a>
|
|
</li>
|
|
<li>
|
|
<a href="portfolio-masonry-flat-fullwidth.html"><span>Masonry Flat</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="portfolio-masonry-hover-details-fullwidth.html"><span>Masonry Hover Details</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="portfolio-exposure.html"><span>Exposure</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a class="mfn-megamenu-title" href="portfolio-flat.html"><span>With Sidebar</span></a>
|
|
<ul>
|
|
<li>
|
|
<a href="portfolio-flat.html"><span>Flat</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="portfolio-grid.html"><span>Grid</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="portfolio-list.html"><span>List</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="portfolio-masonry-blog-style.html"><span>Masonry Blog Style</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="portfolio-masonry-flat.html"><span>Masonry Flat</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="portfolio-masonry-hover-details.html"><span>Masonry Hover Details</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="hide-border">
|
|
<a class="mfn-megamenu-title" href="content-builder-for-portfolio.html"><span>Single Project</span></a>
|
|
<ul>
|
|
<li>
|
|
<a href="content-builder-for-portfolio.html"><span>Content Builder for portfolio</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="single-project-1.html"><span>Single Project 1</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="single-project-2.html"><span>Single Project 2</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="single-project-3.html"><span>Single Project 3</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="single-project-4.html"><span>Single Project 4</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="single-project-5.html"><span>Single Project 5</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="single-project-6.html"><span>Single Project 6</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="single-project-7.html"><span>Single Project 7</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<ul>
|
|
<li>
|
|
<a href="single-project-8.html"><span>Single Project 8</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="single-project-9.html"><span>Single Project 9</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="single-project-10.html"><span>Single Project 10</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="last">
|
|
<a href="shop.html"><span>Shop</span></a>
|
|
<ul>
|
|
<li>
|
|
<a href="shop.html"><span>Grid 3 Columns</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="shop-4-columns.html"><span>Grid 4 Columns</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="shop-list.html"><span>List</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="shop-masonry.html"><span>Masonry</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="product_page.html"><span>Single Product</span></a>
|
|
<ul>
|
|
<li>
|
|
<a href="product_page.html"><span>Single Product 1</span></a>
|
|
</li>
|
|
<li>
|
|
<a target="_blank" href="http://be.beantownthemes.com/html/content/biker/product2.html"><span>Single Product 2 <i class="icon-forward"></i></span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="cart.html"><span>Cart</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav><a class="responsive-menu-toggle" href="#"><i class="icon-menu-fine"></i></a>
|
|
</div>
|
|
<div class="secondary_menu_wrapper"></div>
|
|
<div class="banner_wrapper"></div>
|
|
<div class="search_wrapper">
|
|
<form method="get" id="searchform" action="#">
|
|
<i class="icon_search icon-search-fine"></i><a href="#" class="icon_close"><i class="icon-cancel-fine"></i></a>
|
|
<input type="text" class="field" name="s" id="s" placeholder="Enter your search">
|
|
<input type="submit" class="submit" value="" style="display:none">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="top_bar_right">
|
|
<div class="top_bar_right_wrapper">
|
|
<a href="http://bit.ly/1M6lijQ" class="button button_theme button_js action_button " target="_blank"><span class="button_label">Buy now</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</div>
|
|
<div id="Content" class="no-padding">
|
|
<div class="content_wrapper clearfix">
|
|
<div class="sections_group">
|
|
<a class="fixed-nav fixed-nav-next" href="single-project-9.html"><span class="arrow"><i class="icon-right-open-big"></i></span>
|
|
<div class="photo"><img width="80" height="80" src="images/home_betheme_portfolio_post_39-80x80.jpg" class="attachment-blog-navi size-blog-navi wp-post-image" alt="">
|
|
</div>
|
|
<div class="desc">
|
|
<h6>Single Project 9</h6><span class="date"><i class="icon-clock"></i>July 19, 2016</span>
|
|
</div></a>
|
|
<div class="section mcb-section full-screen " style="padding-top:0px; padding-bottom:0px;" data-parallax="3d"><img class="mfn-parallax" src="images/home_betheme_portfolio_post_32.jpg" alt="">
|
|
<div class="section_wrapper mcb-section-inner">
|
|
<div class="wrap mcb-wrap one valign-top clearfix">
|
|
<div class="mcb-wrap-inner">
|
|
<div class="column mcb-column one column_column">
|
|
<div class="column_attr clearfix align_center">
|
|
<h2 style="color:#fff">Lorem ipsum dolor
|
|
<br>
|
|
sit amet</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section mcb-section" style="padding-top:110px; padding-bottom:60px;">
|
|
<div class="section_wrapper mcb-section-inner">
|
|
<div class="wrap mcb-wrap one valign-top clearfix">
|
|
<div class="mcb-wrap-inner">
|
|
<div class="column mcb-column one column_column">
|
|
<div class="column_attr clearfix align_center" style=" padding:0 5%;">
|
|
<h3>Proin faucibus mattis euismod. Aenean interdum diam libero at scelerisque tellus sollicitudin et. Vivamus sed placerat erat. Sed sit amet.</h3>
|
|
</div>
|
|
</div>
|
|
<div class="column mcb-column one column_divider">
|
|
<hr class="no_line" style="margin: 0 auto 40px">
|
|
</div>
|
|
<div class="column mcb-column one-third column_quick_fact ">
|
|
<div class="quick_fact align_center animate-math">
|
|
<div class="number-wrapper">
|
|
<span class="number" data-to="129">129</span>
|
|
</div>
|
|
<hr class="hr_narrow">
|
|
<div class="desc">
|
|
Quis sollicitudin
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column mcb-column one-third column_quick_fact ">
|
|
<div class="quick_fact align_center animate-math">
|
|
<div class="number-wrapper">
|
|
<span class="number" data-to="86">86</span>
|
|
</div>
|
|
<hr class="hr_narrow">
|
|
<div class="desc">
|
|
Fusce dictum enim
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column mcb-column one-third column_quick_fact ">
|
|
<div class="quick_fact align_center animate-math">
|
|
<div class="number-wrapper">
|
|
<span class="number" data-to="18">18</span>
|
|
</div>
|
|
<hr class="hr_narrow">
|
|
<div class="desc">
|
|
Sed suscipit justo
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column mcb-column one column_divider">
|
|
<hr class="no_line" style="margin: 0 auto 40px">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="wrap mcb-wrap one column-margin-20px valign-top clearfix">
|
|
<div class="mcb-wrap-inner">
|
|
<div class="column mcb-column one column_image">
|
|
<div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
|
|
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_betheme_portfolio_post_33.png" alt="home_betheme_portfolio_post_33" width="849" height="654" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section mcb-section full-width" style="padding-top:110px; padding-bottom:60px; background-color:#efefef">
|
|
<div class="section_wrapper mcb-section-inner">
|
|
<div class="wrap mcb-wrap one valign-top clearfix">
|
|
<div class="mcb-wrap-inner">
|
|
<div class="column mcb-column one column_column">
|
|
<div class="column_attr clearfix align_center" style="padding:0 10%">
|
|
<h3>Website design</h3>
|
|
</div>
|
|
</div>
|
|
<div class="column mcb-column one column_divider">
|
|
<hr class="no_line" style="margin: 0 auto 40px">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="wrap mcb-wrap one-third column-margin-20px valign-top clearfix">
|
|
<div class="mcb-wrap-inner">
|
|
<div class="column mcb-column one column_image">
|
|
<div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
|
|
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_betheme_portfolio_post_34.jpg" alt="home_betheme_portfolio_post_34" width="616" height="1010" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column mcb-column one column_column">
|
|
<div class="column_attr clearfix align_center">
|
|
<p>
|
|
Curabitur ut tincidunt dolor
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="wrap mcb-wrap one-third column-margin-20px valign-top clearfix">
|
|
<div class="mcb-wrap-inner">
|
|
<div class="column mcb-column one column_image">
|
|
<div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
|
|
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_betheme_portfolio_post_35.jpg" alt="home_betheme_portfolio_post_35" width="616" height="1232" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column mcb-column one column_column">
|
|
<div class="column_attr clearfix align_center">
|
|
<p>
|
|
Nullam at velit sodales auctor
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="wrap mcb-wrap one-third column-margin-20px valign-top clearfix">
|
|
<div class="mcb-wrap-inner">
|
|
<div class="column mcb-column one column_image">
|
|
<div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
|
|
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_betheme_portfolio_post_36.jpg" alt="home_betheme_portfolio_post_36" width="616" height="1010" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column mcb-column one column_column">
|
|
<div class="column_attr clearfix align_center">
|
|
<p>
|
|
Etiam laoreet urna vel gravida
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section mcb-section" style="padding-top:110px; padding-bottom:60px; background-color:#444" data-parallax="3d"><img class="mfn-parallax" src="images/home_betheme_portfolio_post_38.jpg" alt="">
|
|
<div class="section_wrapper mcb-section-inner">
|
|
<div class="wrap mcb-wrap one valign-top clearfix">
|
|
<div class="mcb-wrap-inner">
|
|
<div class="column mcb-column one column_column">
|
|
<div class="column_attr clearfix align_center">
|
|
<h3 style="color:#fff">Brand philosophy</h3>
|
|
</div>
|
|
</div>
|
|
<div class="column mcb-column one column_divider">
|
|
<hr class="no_line" style="margin: 0 auto 40px">
|
|
</div>
|
|
<div class="column mcb-column one column_image">
|
|
<div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
|
|
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_betheme_portfolio_post_37.png" alt="home_betheme_portfolio_post_37" width="1159" height="511" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section mcb-section" style="padding-top:110px; padding-bottom:60px;">
|
|
<div class="section_wrapper mcb-section-inner">
|
|
<div class="wrap mcb-wrap one valign-top clearfix">
|
|
<div class="mcb-wrap-inner">
|
|
<div class="column mcb-column one column_column">
|
|
<div class="column_attr clearfix align_center">
|
|
<h3>Website description</h3>
|
|
</div>
|
|
</div>
|
|
<div class="column mcb-column three-fifth column_column">
|
|
<div class="column_attr clearfix">
|
|
<h4>Slogan</h4>
|
|
<hr class="no_line" style="margin: 0 auto 30px">
|
|
<h5 style="color: #000; font-weight: 700;">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</h5>
|
|
<h5>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo const odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci veli.</h5>
|
|
<p>
|
|
Voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="column mcb-column two-fifth column_column">
|
|
<div class="column_attr clearfix">
|
|
<h4>Realisation</h4>
|
|
<hr class="no_line" style="margin: 0 auto 30px">
|
|
<h5>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</h5>
|
|
<h5>Totam rem aperiam, eaque ipsa quae ab illo inv odit aut fugit, sed quia consequuntur magciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci veli. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</h5>
|
|
<p>
|
|
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section mcb-section full-width" style="padding-top:0px; padding-bottom:0px;">
|
|
<div class="section_wrapper mcb-section-inner">
|
|
<div class="wrap mcb-wrap one valign-top clearfix">
|
|
<div class="mcb-wrap-inner">
|
|
<div class="column mcb-column one column_hover_color ">
|
|
<div class="hover_color" style="background:#f8f8f8;" ontouchstart="this.classList.toggle('hover');">
|
|
<div class="hover_color_bg" style="background:#FFF">
|
|
<a href="#">
|
|
<div class="hover_color_wrapper" style="padding:40px 30px;">
|
|
<h3 style="margin: 30px 0;">See more projects <i class="icon-right-open-mini"></i></h3>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer id="Footer" class="clearfix">
|
|
<div class="widgets_wrapper" style="padding:100px 0 290px">
|
|
<div class="container">
|
|
<div class="column one">
|
|
<aside id="text-9" class="widget widget_text">
|
|
<div class="textwidget">
|
|
<div style="text-align: center">
|
|
<h1 style="font-weight: 300">Creating with BeTheme is super fast and easy
|
|
<br>
|
|
Start your website today!</h1>
|
|
<hr class="no_line" style="margin: 0 auto 50px">
|
|
<div class="button-stroke">
|
|
<a class="button button_size_4 button_theme button_js" href="http://bit.ly/1M6lijQ" target="_blank"><span class="button_label">BUY NOW</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer_copy">
|
|
<div class="container">
|
|
<div class="column one">
|
|
<a id="back_to_top" class="button button_left button_js" href="#"><span class="button_icon"><i class="icon-up-open-big"></i></span></a>
|
|
<div class="copyright">
|
|
© 2017 BeTheme. Muffin group - HTML by <a target="_blank" rel="nofollow" href="http://bit.ly/1M6lijQ">BeantownThemes</a>
|
|
</div>
|
|
<ul class="social"></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- JS -->
|
|
<script src="../js/jquery-2.1.4.min.js"></script>
|
|
|
|
<script src="../js/mfn.menu.js"></script>
|
|
<script src="../js/jquery.plugins.js"></script>
|
|
<script src="../js/jquery.jplayer.min.js"></script>
|
|
<script src="../js/animations/animations.js"></script>
|
|
<script src="../js/translate3d.js"></script>
|
|
<script src="../js/scripts.js"></script>
|
|
|
|
<script>
|
|
jQuery(window).load(function() {
|
|
var retina = window.devicePixelRatio > 1 ? true : false;
|
|
if (retina) {
|
|
var retinaEl = jQuery("#logo img.logo-main");
|
|
var retinaLogoW = retinaEl.width();
|
|
var retinaLogoH = retinaEl.height();
|
|
retinaEl.attr("src", "images/retina-theme.png").width(retinaLogoW).height(retinaLogoH);
|
|
var stickyEl = jQuery("#logo img.logo-sticky");
|
|
var stickyLogoW = stickyEl.width();
|
|
var stickyLogoH = stickyEl.height();
|
|
stickyEl.attr("src", "images/retina-theme.png").width(stickyLogoW).height(stickyLogoH);
|
|
var mobileEl = jQuery("#logo img.logo-mobile");
|
|
var mobileLogoW = mobileEl.width();
|
|
var mobileLogoH = mobileEl.height();
|
|
mobileEl.attr("src", "images/retina-theme.png").width(mobileLogoW).height(mobileLogoH);
|
|
var mobileStickyEl = jQuery("#logo img.logo-mobile-sticky");
|
|
var mobileStickyLogoW = mobileStickyEl.width();
|
|
var mobileStickyLogoH = mobileStickyEl.height();
|
|
mobileStickyEl.attr("src", "images/retina-theme.png").width(mobileStickyLogoW).height(mobileStickyLogoH);
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html> |