917 lines
72 KiB
HTML
917 lines
72 KiB
HTML
|
<!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 no-content-padding single-template-intro 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 class="current_page_item">
|
||
|
<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>
|
||
|
<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="Intro" class=" parallax" data-parallax="3d"><img class="mfn-parallax" src="images/home_betheme_blog_post_8.jpg" alt="parallax background" />
|
||
|
<div class="intro-inner">
|
||
|
<h1 class="intro-title">Single Post 1</h1>
|
||
|
<div class="intro-meta">
|
||
|
<div class="author">
|
||
|
<i class="icon-user"></i><span><a href="#">Muffin Group</a></span>
|
||
|
</div>
|
||
|
<div class="date">
|
||
|
<i class="icon-clock"></i><span>July 5, 2016</span>
|
||
|
</div>
|
||
|
<div class="categories">
|
||
|
<i class="icon-docs"></i><span><a href="category_page.html">Single</a></span>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="intro-next">
|
||
|
<i class="icon-down-open-big"></i>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div id="Content">
|
||
|
<div class="content_wrapper clearfix">
|
||
|
<div class="sections_group">
|
||
|
<div id="post-775" class="post-775 post type-post format-standard has-post-thumbnail hentry category-single">
|
||
|
<a class="fixed-nav fixed-nav-prev" href="single-post-2.html"><span class="arrow"><i class="icon-left-open-big"></i></span>
|
||
|
<div class="photo"><img width="80" height="80" src="images/home_betheme_blog_post_5-80x80.jpg" class="attachment-blog-navi size-blog-navi wp-post-image" alt="">
|
||
|
</div>
|
||
|
<div class="desc">
|
||
|
<h6>Intro Header</h6><span class="date"><i class="icon-clock"></i>July 5, 2016</span>
|
||
|
</div></a><a class="fixed-nav fixed-nav-next" href="single-post-4.html"><span class="arrow"><i class="icon-right-open-big"></i></span>
|
||
|
<div class="photo"><img width="80" height="80" src="images/home_betheme_blog_post_2-80x80.jpg" class="attachment-blog-navi size-blog-navi wp-post-image" alt="">
|
||
|
</div>
|
||
|
<div class="desc">
|
||
|
<h6>Single Post 2</h6><span class="date"><i class="icon-clock"></i>July 15, 2016</span>
|
||
|
</div></a>
|
||
|
<div class="post-wrapper-content">
|
||
|
<div class="section mcb-section" style="padding-top:50px; 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-fifth column_placeholder">
|
||
|
<div class="placeholder">
|
||
|
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="column mcb-column three-fifth column_column">
|
||
|
<div class="column_attr clearfix">
|
||
|
<h4>Vivamus posuere dui in congue fringilla elemen tum eleifend ligula quis nulla.</h4>
|
||
|
<p class="big">
|
||
|
Lorem ipsum dolor sit amet sapien leo ac augue nec tincidunt vehicula, dui lectus, pellentesque auctor velit. Mauris in wisi. Aenean ac sapien. Cras ut erat. Nulla nec elementum vitae, vulputate aliquam euismod quam interdum elementum. Morbi quis nulla id nulla dictum ante. Donec eu neque tristique vitae, pede. Aliquam feugiat mattis faucibus. Sed justo at tellus. Ut sodales sapien quis nibh nulla quam nunc, fringilla aliquet.
|
||
|
</p>
|
||
|
<p class="big">
|
||
|
Ut eget quam molestie justo at nibh lacus, euismod purus eu sem sit amet pede. In accumsan orci. Proin aliquam enim ut leo. In hac habitasse platea dictumst. Duis neque ac erat. Integer eros vulputate at, bibendum vel, wisi. Mauris eros diam magna neque, fringilla et, erat. Sed eros. Mauris aliquet quis, justo. Vivamus posuere dui. In congue fringilla id, elementum eleifend, ligula. Ut eget magna. Donec tempus nulla. Aliquam gravida eros sagittis malesuada. Donec nonummy, mi. Donec in faucibus ligula. Ut sit amet, sodales dui at metus.
|
||
|
</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="column mcb-column one column_column">
|
||
|
<div class="column_attr clearfix">
|
||
|
<style type='text/css'>
|
||
|
#gallery-1 {
|
||
|
margin: auto;
|
||
|
}
|
||
|
#gallery-1 .gallery-item {
|
||
|
float: left;
|
||
|
margin-top: 10px;
|
||
|
text-align: center;
|
||
|
width: 24.99%;
|
||
|
}
|
||
|
#gallery-1 img {
|
||
|
border: 2px solid #cfcfcf;
|
||
|
}
|
||
|
#gallery-1 .gallery-caption {
|
||
|
margin-left: 0;
|
||
|
}
|
||
|
</style>
|
||
|
<div id='gallery-1' class='gallery galleryid-775 gallery-columns-4 gallery-size-thumbnail file'>
|
||
|
<dl class='gallery-item'>
|
||
|
<dt class='gallery-icon landscape'>
|
||
|
<a href='images/home_betheme_blog_classic_1.jpg'><img width="400" height="400" src="images/home_betheme_blog_classic_1-400x400.jpg" class="attachment-thumbnail size-thumbnail" alt=""></a>
|
||
|
</dt>
|
||
|
</dl>
|
||
|
<dl class='gallery-item'>
|
||
|
<dt class='gallery-icon landscape'>
|
||
|
<a href='images/home_betheme_blog_classic_3.jpg'><img width="400" height="400" src="images/home_betheme_blog_classic_3-400x400.jpg" class="attachment-thumbnail size-thumbnail" alt=""></a>
|
||
|
</dt>
|
||
|
</dl>
|
||
|
<dl class='gallery-item'>
|
||
|
<dt class='gallery-icon landscape'>
|
||
|
<a href='images/home_betheme_blog_masonry_1.jpg'><img width="400" height="400" src="images/home_betheme_blog_masonry_1-400x400.jpg" class="attachment-thumbnail size-thumbnail" alt=""></a>
|
||
|
</dt>
|
||
|
</dl>
|
||
|
<dl class='gallery-item'>
|
||
|
<dt class='gallery-icon portrait'>
|
||
|
<a href='images/home_betheme_blog_masonry_3.jpg'><img width="400" height="400" src="images/home_betheme_blog_masonry_3-400x400.jpg" class="attachment-thumbnail size-thumbnail" alt=""></a>
|
||
|
</dt>
|
||
|
</dl>
|
||
|
<br style="clear: both">
|
||
|
<dl class='gallery-item'>
|
||
|
<dt class='gallery-icon landscape'>
|
||
|
<a href='images/home_betheme_blog_photo_1.jpg'><img width="400" height="400" src="images/home_betheme_blog_photo_1-400x400.jpg" class="attachment-thumbnail size-thumbnail" alt=""></a>
|
||
|
</dt>
|
||
|
</dl>
|
||
|
<dl class='gallery-item'>
|
||
|
<dt class='gallery-icon portrait'>
|
||
|
<a href='images/home_betheme_blog_masonry_2.jpg'><img width="400" height="400" src="images/home_betheme_blog_masonry_2-400x400.jpg" class="attachment-thumbnail size-thumbnail" alt=""></a>
|
||
|
</dt>
|
||
|
</dl>
|
||
|
<dl class='gallery-item'>
|
||
|
<dt class='gallery-icon landscape'>
|
||
|
<a href='images/home_betheme_blog_photo_2.jpg'><img width="400" height="400" src="images/home_betheme_blog_photo_2-400x400.jpg" class="attachment-thumbnail size-thumbnail" alt=""></a>
|
||
|
</dt>
|
||
|
</dl>
|
||
|
<dl class='gallery-item'>
|
||
|
<dt class='gallery-icon landscape'>
|
||
|
<a href='images/home_betheme_blog_photo_3.jpg'><img width="400" height="400" src="images/home_betheme_blog_photo_3-400x400.jpg" class="attachment-thumbnail size-thumbnail" alt=""></a>
|
||
|
</dt>
|
||
|
</dl>
|
||
|
<br style="clear: both">
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="column mcb-column one-fifth column_placeholder">
|
||
|
<div class="placeholder">
|
||
|
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="column mcb-column three-fifth column_column">
|
||
|
<div class="column_attr clearfix">
|
||
|
<h5>Nunc dictum, metus non accumsan congue, felis ex consequat lectus, vitae euismod leo lectus vel diam. Aliquam ullamcorper, nisi id lacinia tincidunt, elit amet. Aenean sed tempor felis! Nam laoreet dui at libero finibus interdum! Maecenas diam velit, molestie vitae fringilla ultricies, ultrices eu tortor? Vivamus metus.</h5>
|
||
|
<p class="big">
|
||
|
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 consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
|
</p>
|
||
|
<p class="big">
|
||
|
Nemo enim ipsam voluptatem quia 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 incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat.
|
||
|
</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="section mcb-section" style="padding-top:120px; padding-bottom:70px; background-color:#0095eb">
|
||
|
<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 style="color:#fff">Integer tempor id metus et tincidunt. Vestibulum pellentesque non massa a fringilla. Mauris aliquet tortor sed ex dignissim venenatis.</h3>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="section mcb-section" style="padding-top:50px; 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-fifth column_placeholder">
|
||
|
<div class="placeholder">
|
||
|
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="column mcb-column three-fifth column_column">
|
||
|
<div class="column_attr clearfix">
|
||
|
<p class="big">
|
||
|
Tempor auctor, ante ipsum consectetuer at, viverra accumsan, libero odio a dolor tellus vulputate leo sed ante. Vestibulum ante pellentesque quis, pellentesque sagittis vel, consequat wisi. Proin posuere. Quisque at nulla. Maecenas eleifend mauris rhoncus suscipit. Suspendisse nulla dictum accumsan sed, euismod pede, nec dui. Morbi placerat vehicula neque. Praesent in vestibulum sed, vestibulum id, elit. Aenean mollis orci. Nullam justo facilisis pharetra. Suspendisse sed dolor sit amet dignissim massa. Duis mauris consequat sapien mauris vehicula ut, consectetuer adipiscing eget, bibendum pede. Vestibulum semper convallis. Praesent elit aliquet at, vehicula elit consequat auctor non, arcu. In vitae ante. Mauris magna sit amet, massa.
|
||
|
</p>
|
||
|
<p class="big">
|
||
|
Phasellus a laoreet luctus, ante ipsum consectetuer adipiscing ligula. Lorem ipsum primis in accumsan sit amet, consectetuer massa. Curabitur ac pede. Lorem ipsum primis in risus. Vivamus nibh. Etiam et libero. Nullam vulputate sagittis, nunc vel ligula accumsan tincidunt. Maecenas semper risus dolor sit amet, tempor interdum eu, tempor pede quis leo. Maecenas bibendum quis, lacinia aliquet. Quisque vitae metus. Donec congue. Proin faucibus orci luctus et nisl. Sed diam eu odio. Morbi.
|
||
|
</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
|
||
|
<div class="section section-post-about">
|
||
|
<div class="section_wrapper clearfix">
|
||
|
<div class="column one author-box">
|
||
|
<div class="author-box-wrapper">
|
||
|
<div class="avatar-wrapper">
|
||
|
<img alt='Muffin Group' src='http://2.gravatar.com/avatar/b8da4787ca5ff7a6bb9bbabecce2daa2?s=64&r=g' class='avatar avatar-64 photo' height='64' width='64' />
|
||
|
</div>
|
||
|
<div class="desc-wrapper">
|
||
|
<h5><a href="#">Muffin Group</a></h5>
|
||
|
<div class="desc">
|
||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet cong ue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend.
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="section section-post-related">
|
||
|
<div class="section_wrapper clearfix"></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>
|