website/theme/loops.html

3042 lines
274 KiB
HTML
Raw Permalink Normal View History

2017-03-30 04:06:17 +00:00
<!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'>
<!-- Revolution Slider -->
<link rel="stylesheet" href="../plugins/rs-plugin/css/settings.css">
</head>
<body class="color-custom style-default layout-full-width no-content-padding 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 class="current_page_item">
<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 &#038; 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 &#038; 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 &#8211; 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="Content">
<div class="content_wrapper clearfix">
<div class="sections_group">
<div class="entry-content">
<div class="section mcb-section bg-cover" style="padding-top:80px; padding-bottom:60px; background-color:#0e1b27; background-image:url(images/home_betheme_subheader_shortcodes.png); background-repeat:no-repeat; background-position:center top; background-attachment:fixed">
<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 column-margin-0px">
<div class="column_attr clearfix align_center">
<h2 style="color: #fff">200+ shortcodes & items
<br>
with 2 unique styles for unlimited possibilities</h2>
<hr class="no_line" style="margin: 0 auto 40px">
<h1 class="themecolor">Loops</h1>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section section-border-bottom" style="padding-top:45px; padding-bottom:0px; background-color:#eaeaea">
<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 column-margin-30px">
<div class="column_attr clearfix align_center">
<div class="demo-switch">
<h3><span class="title">Choose global style for all shortcodes:</span><a href="#" class="default" data-style="default">Classic</a><a href="#" class="simple" data-style="simple">Simple</a></h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section" id="blog-item" 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 column_helper">
<div class="helper">
<div class="helper_header">
<h4 class="title">Blog</h4>
</div>
</div>
</div>
<div class="column mcb-column one column_blog ">
<div class="column_filters">
<div class="blog_wrapper isotope_wrapper clearfix">
<div class="posts_group lm_wrapper col-3 grid">
<div class="post-item isotope-item clearfix post type-post format-standard has-post-thumbnail hentry category-classic tag-themeforest">
<div class="date_label">
December 7, 2015
</div>
<div class="image_frame post-photo-wrapper scale-with-grid image">
<div class="image_wrapper">
<a href="single-post-4.html">
<div class="mask"></div>
<img width="960" height="750" src="images/home_betheme_blog_classic_1-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links double">
<a href="images/home_betheme_blog_classic_1-1200x1000.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a href="single-post-4.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
<div class="post-desc-wrapper">
<div class="post-desc">
<div class="post-head">
<div class="post-meta clearfix">
<div class="author-date">
<span class="vcard author post-author"><span class="label">Published by </span><i class="icon-user"></i> <span class="fn"><a href="#">Muffin Group</a></span> </span><span class="date"><span class="label">at </span><i class="icon-clock"></i> <span class="post-date updated">December 7, 2015</span></span>
</div>
<div class="category">
<span class="cat-btn">Categories <i class="icon-down-dir"></i></span>
<div class="cat-wrapper">
<ul class="post-categories">
<li>
<a href="category_page.html" rel="category tag">Classic</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="post-title">
<h2 class="entry-title"><a href="single-post-4.html">Nulla ante tortor turpis duis</a></h2>
</div>
<div class="post-excerpt">
<span class="big">Etiam ut felis et nisi sagittis posuere. Vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac ele molestie id viverra aifend ante lobortis id. In viverra ipsum stie id viverra molestie id viverra.</span>
</div>
<div class="post-footer">
<div class="button-love">
<span class="love-text">Do you like it?</span><a href="#" class="mfn-love" data-id="344"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">231</span></a>
</div>
<div class="post-links">
<i class="icon-doc-text"></i><a href="single-post-4.html" class="post-more">Read more</a>
</div>
</div>
</div>
</div>
</div>
<div class="post-item isotope-item clearfix post type-post format-standard has-post-thumbnail hentry category-classic tag-zend">
<div class="date_label">
December 7, 2015
</div>
<div class="image_frame post-photo-wrapper scale-with-grid slider">
<div class="image_wrapper">
<div id="rev_slider_3_2_wrapper" class="rev_slider_wrapper fullwidthbanner-container" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
<div id="rev_slider_3_2" class="rev_slider fullwidthabanner" style="display:none" data-version="5.0.6">
<ul>
<li data-index="rs-3" data-transition="fade" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="images/home_betheme_blog_classic_3-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-description="">
<img src="images/home_betheme_blog_classic_3.jpg" alt="" width="1200" height="800" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
</li>
<li data-index="rs-2" data-transition="fade" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="images/home_betheme_blog_classic_4-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-description="">
<img src="images/home_betheme_blog_classic_4.jpg" alt="" width="1200" height="800" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important"></div>
</div>
</div>
</div>
</div>
<div class="post-desc-wrapper">
<div class="post-desc">
<div class="post-head">
<div class="post-meta clearfix">
<div class="author-date">
<span class="vcard author post-author"><span class="label">Published by </span><i class="icon-user"></i> <span class="fn"><a href="#">Muffin Group</a></span> </span><span class="date"><span class="label">at </span><i class="icon-clock"></i> <span class="post-date updated">December 7, 2015</span></span>
</div>
<div class="category">
<span class="cat-btn">Categories <i class="icon-down-dir"></i></span>
<div class="cat-wrapper">
<ul class="post-categories">
<li>
<a href="category_page.html" rel="category tag">Classic</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="post-title">
<h2 class="entry-title"><a href="single-post-4.html">In accumsan posuere libero id</a></h2>
</div>
<div class="post-excerpt">
<span class="big">Etiam condimentum faucibus eros sed condimentum odio nec leo. Aliquam quis metus. Aenean pellentesque ligula. Cras eu lectus sit amet consectetuer.</span>
</div>
<div class="post-footer">
<div class="button-love">
<span class="love-text">Do you like it?</span><a href="#" class="mfn-love" data-id="369"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">103</span></a>
</div>
<div class="post-links">
<i class="icon-doc-text"></i><a href="single-post-4.html" class="post-more">Read more</a>
</div>
</div>
</div>
</div>
</div>
<div class="post-item isotope-item clearfix post type-post format-image has-post-thumbnail hentry category-classic tag-wordpress post_format-post-format-image">
<div class="date_label">
December 7, 2015
</div>
<div class="image_frame post-photo-wrapper scale-with-grid image">
<div class="image_wrapper">
<a href="single-post-3.html">
<div class="mask"></div>
<img width="700" height="800" src="images/home_betheme_blog_classic_2.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links double">
<a href="images/home_betheme_blog_classic_2.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a href="single-post-3.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
<div class="post-desc-wrapper">
<div class="post-desc">
<div class="post-head">
<div class="post-meta clearfix">
<div class="author-date">
<span class="vcard author post-author"><span class="label">Published by </span><i class="icon-user"></i> <span class="fn"><a href="#">Muffin Group</a></span> </span><span class="date"><span class="label">at </span><i class="icon-clock"></i> <span class="post-date updated">December 7, 2015</span></span>
</div>
<div class="category">
<span class="cat-btn">Categories <i class="icon-down-dir"></i></span>
<div class="cat-wrapper">
<ul class="post-categories">
<li>
<a href="category_page.html" rel="category tag">Classic</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="post-title">
<h2 class="entry-title"><a href="single-post-3.html">Vivamus sodales in quam</a></h2>
</div>
<div class="post-excerpt">
<span class="big">Magna tincidunt fermentum. Aliquam erat velit vel pulvinar sed, urna. Nunc vitae lacus. Phasellus in quam. Aliquam risus eu libero. Donec nonummy auctor non, porttitor varius. Ut lorem. </span>
</div>
<div class="post-footer">
<div class="button-love">
<span class="love-text">Do you like it?</span><a href="#" class="mfn-love" data-id="353"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">108</span></a>
</div>
<div class="post-links">
<i class="icon-doc-text"></i><a href="single-post-3.html" class="post-more">Read more</a>
</div>
</div>
</div>
</div>
</div>
<div class="post-item isotope-item clearfix post type-post format-video has-post-thumbnail hentry category-classic tag-css3 post_format-post-format-video">
<div class="date_label">
December 7, 2015
</div>
<div class="image_frame post-photo-wrapper scale-with-grid video embed">
<div class="image_wrapper">
<iframe class="scale-with-grid" src="http://player.vimeo.com/video/85925023" allowFullScreen></iframe>
</div>
</div>
<div class="post-desc-wrapper">
<div class="post-desc">
<div class="post-head">
<div class="post-meta clearfix">
<div class="author-date">
<span class="vcard author post-author"><span class="label">Published by </span><i class="icon-user"></i> <span class="fn"><a href="#">Muffin Group</a></span> </span><span class="date"><span class="label">at </span><i class="icon-clock"></i> <span class="post-date updated">December 7, 2015</span></span>
</div>
<div class="category">
<span class="cat-btn">Categories <i class="icon-down-dir"></i></span>
<div class="cat-wrapper">
<ul class="post-categories">
<li>
<a href="category_page.html" rel="category tag">Classic</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="post-title">
<h2 class="entry-title"><a href="single-post-6.html">Suspendisse quis ex cras amet</a></h2>
</div>
<div class="post-excerpt">
<span class="big">Vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac ele molestie id viverra aifend.</span>
</div>
<div class="post-footer">
<div class="button-love">
<span class="love-text">Do you like it?</span><a href="#" class="mfn-love" data-id="355"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">85</span></a>
</div>
<div class="post-links">
<i class="icon-doc-text"></i><a href="single-post-6.html" class="post-more">Read more</a>
</div>
</div>
</div>
</div>
</div>
<div class="post-item isotope-item clearfix no-img post type-post format-quote hentry category-classic tag-design post_format-post-format-quote">
<div class="date_label">
December 7, 2015
</div>
<div class="image_frame post-photo-wrapper scale-with-grid image">
<div class="image_wrapper"></div>
</div>
<div class="post-desc-wrapper">
<div class="post-desc">
<div class="post-head">
<div class="post-meta clearfix">
<div class="author-date">
<span class="vcard author post-author"><span class="label">Published by </span><i class="icon-user"></i> <span class="fn"><a href="#">Muffin Group</a></span> </span><span class="date"><span class="label">at </span><i class="icon-clock"></i> <span class="post-date updated">December 7, 2015</span></span>
</div>
<div class="category">
<span class="cat-btn">Categories <i class="icon-down-dir"></i></span>
<div class="cat-wrapper">
<ul class="post-categories">
<li>
<a href="category_page.html" rel="category tag">Classic</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="post-title">
<blockquote>
<a href="single-post-5.html">Sed dignissim justo. Suspendisse fermentum erat. Duis consequat tortor. Mauris ut tellus a dolor. Suspendisse nec tellus. Donec quis lacus magna, sollicitudin id, turpis. Mauris in velit vel sollicitudin justo. Proin vitae massa nec cursus magna. Fusce blandit eu, ullamcorper in.</a>
</blockquote>
</div>
<div class="post-excerpt">
<span class="big">Phasellus hendrerit et, dictum a, sollicitudin fermentum, metus bibendum wisi arcu, rutrum et, pharetra velit malesuada pretium. Vestibulum tincidunt. Pellentesque dapibus tellus. Praesent justo. Quisque est ut aliquet tincidunt.</span>
</div>
<div class="post-footer">
<div class="button-love">
<span class="love-text">Do you like it?</span><a href="#" class="mfn-love" data-id="367"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">107</span></a>
</div>
<div class="post-links">
<i class="icon-doc-text"></i><a href="single-post-5.html" class="post-more">Read more</a>
</div>
</div>
</div>
</div>
</div>
<div class="post-item isotope-item clearfix no-img post type-post format-link hentry category-classic tag-eclipse post_format-post-format-link">
<div class="date_label">
December 7, 2015
</div>
<div class="image_frame post-photo-wrapper scale-with-grid image">
<div class="image_wrapper"></div>
</div>
<div class="post-desc-wrapper">
<div class="post-desc">
<div class="post-head">
<div class="post-meta clearfix">
<div class="author-date">
<span class="vcard author post-author"><span class="label">Published by </span><i class="icon-user"></i> <span class="fn"><a href="#">Muffin Group</a></span> </span><span class="date"><span class="label">at </span><i class="icon-clock"></i> <span class="post-date updated">December 7, 2015</span></span>
</div>
<div class="category">
<span class="cat-btn">Categories <i class="icon-down-dir"></i></span>
<div class="cat-wrapper">
<ul class="post-categories">
<li>
<a href="category_page.html" rel="category tag">Classic</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="post-title">
<i class="icon-link"></i>
<div class="link-wrapper">
<h4>Praesent sit amet turpis curabitur</h4><a target="_blank" href="http://themeforest.net/">http://themeforest.net</a>
</div>
</div>
<div class="post-excerpt">
<span class="big">Quisque cursus vitae, faucibus orci eget dui ligula, in quam risus, commodo tempus, fringilla mi, rutrum ut, tincidunt lorem, ornare velit eleifend placerat. Vivamus risus. Sed sagittis tortor. Ut sit amet, ligula.</span>
</div>
<div class="post-footer">
<div class="button-love">
<span class="love-text">Do you like it?</span><a href="#" class="mfn-love" data-id="361"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">75</span></a>
</div>
<div class="post-links">
<i class="icon-doc-text"></i><a href="single-post-2.html" class="post-more">Read more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section" id="blognews" 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 column_helper">
<div class="helper">
<div class="helper_header">
<h4 class="title">Blog news</h4>
</div>
</div>
</div>
<div class="column mcb-column one-third column_blog_news ">
<div class="Latest_news ">
<h3 class="title">Latest news</h3>
<ul class="ul-first">
<li class="post-407 post type-post format-image has-post-thumbnail hentry category-masonry tag-themeforest tag-zend post_format-post-format-image">
<div class="photo">
<a href="single-post-1.html"><img width="960" height="750" src="images/home_betheme_blog_masonry_1-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
<div class="desc">
<h5><a href="single-post-1.html">Ut in laoreet sapien eu amet</a></h5>
<div class="desc_footer">
<span class="date"><i class="icon-clock"></i> December 14, 2015</span><i class="icon-comment-empty-fa"></i><a href="post-with-html5-video.html" class="post-comments">0</a>
<div class="button-love">
<a href="#" class="mfn-love" data-id="407"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">95</span></a>
</div>
</div>
</div>
</li>
<li class="post-405 post type-post format-image has-post-thumbnail hentry category-masonry tag-eclipse tag-html5 post_format-post-format-image">
<div class="photo">
<a href="single-post-6.html"><img width="960" height="750" src="images/home_betheme_blog_masonry_2-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
<div class="desc">
<h5><a href="single-post-6.html">Nam nec felis et nibh posuere</a></h5>
<div class="desc_footer">
<span class="date"><i class="icon-clock"></i> December 14, 2015</span><i class="icon-comment-empty-fa"></i><a href="post-with-slider.html" class="post-comments">0</a>
<div class="button-love">
<a href="#" class="mfn-love" data-id="405"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">105</span></a>
</div>
</div>
</div>
</li>
</ul><a class="button button_js" href="#"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
<div class="column mcb-column two-third column_blog_news ">
<div class="Latest_news featured">
<h3 class="title">Latest news</h3>
<ul class="ul-first">
<li class="post-407 post type-post format-image has-post-thumbnail hentry category-masonry tag-themeforest tag-zend post_format-post-format-image">
<div class="photo">
<a href="single-post-1.html"><img width="960" height="750" src="images/home_betheme_blog_masonry_1-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
<div class="desc">
<h4><a href="single-post-1.html">Ut in laoreet sapien eu amet</a></h4>
<div class="desc_footer">
<span class="date"><i class="icon-clock"></i> December 14, 2015</span><i class="icon-comment-empty-fa"></i><a href="post-with-html5-video.html" class="post-comments">0</a>
<div class="button-love">
<a href="#" class="mfn-love" data-id="407"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">95</span></a>
</div>
</div>
<div class="post-excerpt">
<span class="big">Penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam ultrices metus ut enim biben dum, vitae fringilla diam mattis. Sed eget lacus.</span>
</div>
</div>
</li>
</ul>
<ul class="ul-second">
<li class="post-405 post type-post format-image has-post-thumbnail hentry category-masonry tag-eclipse tag-html5 post_format-post-format-image">
<div class="photo">
<a href="single-post-6.html"><img width="960" height="750" src="images/home_betheme_blog_masonry_2-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
<div class="desc">
<h5><a href="single-post-6.html">Nam nec felis et nibh posuere</a></h5>
<div class="desc_footer">
<span class="date"><i class="icon-clock"></i> December 14, 2015</span><i class="icon-comment-empty-fa"></i><a href="post-with-slider.html" class="post-comments">0</a>
<div class="button-love">
<a href="#" class="mfn-love" data-id="405"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">105</span></a>
</div>
</div>
</div>
</li>
<li class="post-403 post type-post format-standard has-post-thumbnail hentry category-masonry tag-css3 tag-mysql">
<div class="photo">
<a href="portfolio-single-1.html"><img width="960" height="750" src="images/home_betheme_blog_masonry_3-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
<div class="desc">
<h5><a href="portfolio-single-1.html">Aenean sodales pretium nullam</a></h5>
<div class="desc_footer">
<span class="date"><i class="icon-clock"></i> December 14, 2015</span><i class="icon-comment-empty-fa"></i><a href="portfolio-single-1.html#respond" class="post-comments">0</a>
<div class="button-love">
<a href="#" class="mfn-love" data-id="403"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">47</span></a>
</div>
</div>
</div>
</li>
<li class="post-401 post type-post format-standard has-post-thumbnail hentry category-masonry tag-grid tag-zend">
<div class="photo">
<a href="single-post-5.html"><img width="960" height="750" src="images/home_betheme_blog_masonry_4-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
<div class="desc">
<h5><a href="single-post-5.html">Vestibulum at pulvinar nullam</a></h5>
<div class="desc_footer">
<span class="date"><i class="icon-clock"></i> December 14, 2015</span><i class="icon-comment-empty-fa"></i><a href="post-with-vertical-photo.html" class="post-comments">0</a>
<div class="button-love">
<a href="#" class="mfn-love" data-id="401"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">29</span></a>
</div>
</div>
</div>
</li>
<li class="post-399 post type-post format-standard has-post-thumbnail hentry category-masonry tag-css3 tag-html5">
<div class="photo">
<a href="portfolio-single2.html"><img width="960" height="750" src="images/home_betheme_blog_classic_1-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
<div class="desc">
<h5><a href="portfolio-single2.html">Maecenas augue nunc cras habitasse</a></h5>
<div class="desc_footer">
<span class="date"><i class="icon-clock"></i> December 14, 2015</span><i class="icon-comment-empty-fa"></i><a href="portfolio-single2.html#respond" class="post-comments">0</a>
<div class="button-love">
<a href="#" class="mfn-love" data-id="399"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">101</span></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section" id="blogslider" 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 column_helper">
<div class="helper">
<div class="helper_header">
<h4 class="title">Blog slider</h4>
</div>
</div>
</div>
<div class="column mcb-column one column_blog_slider ">
<div class="blog_slider clearfix ">
<div class="blog_slider_header">
<h4 class="title">Recent post</h4>
<div class="blog_slider_nav">
<a class="button button_js slider_prev" href="#"><span class="button_icon"><i class="icon-left-open-big"></i></span></a><a class="button button_js slider_next" href="#"><span class="button_icon"><i class="icon-right-open-big"></i></span></a>
</div>
</div>
<ul class="blog_slider_ul">
<li class="post-407 post type-post format-image has-post-thumbnail hentry category-masonry tag-themeforest tag-zend post_format-post-format-image">
<div class="item_wrapper">
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-post-1.html"><img width="960" height="750" src="images/home_betheme_blog_masonry_1-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
</div>
<div class="date_label">
December 14, 2015
</div>
<div class="desc">
<h4><a href="single-post-1.html">Ut in laoreet sapien eu amet</a></h4>
<hr class="hr_color">
<a href="single-post-1.html" class="button button_left button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
</li>
<li class="post-405 post type-post format-image has-post-thumbnail hentry category-masonry tag-eclipse tag-html5 post_format-post-format-image">
<div class="item_wrapper">
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-post-6.html"><img width="960" height="750" src="images/home_betheme_blog_masonry_2-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
</div>
<div class="date_label">
December 14, 2015
</div>
<div class="desc">
<h4><a href="single-post-6.html">Nam nec felis et nibh posuere</a></h4>
<hr class="hr_color">
<a href="single-post-6.html" class="button button_left button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
</li>
<li class="post-403 post type-post format-standard has-post-thumbnail hentry category-masonry tag-css3 tag-mysql">
<div class="item_wrapper">
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="portfolio-single-1.html"><img width="960" height="750" src="images/home_betheme_blog_masonry_3-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
</div>
<div class="date_label">
December 14, 2015
</div>
<div class="desc">
<h4><a href="portfolio-single-1.html">Aenean sodales pretium nullam</a></h4>
<hr class="hr_color">
<a href="portfolio-single-1.html" class="button button_left button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
</li>
<li class="post-401 post type-post format-standard has-post-thumbnail hentry category-masonry tag-grid tag-zend">
<div class="item_wrapper">
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-post-5.html"><img width="960" height="750" src="images/home_betheme_blog_masonry_4-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
</div>
<div class="date_label">
December 14, 2015
</div>
<div class="desc">
<h4><a href="single-post-5.html">Vestibulum at pulvinar nullam</a></h4>
<hr class="hr_color">
<a href="single-post-5.html" class="button button_left button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
</li>
<li class="post-399 post type-post format-standard has-post-thumbnail hentry category-masonry tag-css3 tag-html5">
<div class="item_wrapper">
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="portfolio-single2.html"><img width="960" height="750" src="images/home_betheme_blog_classic_1-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
</div>
<div class="date_label">
December 14, 2015
</div>
<div class="desc">
<h4><a href="portfolio-single2.html">Maecenas augue nunc cras habitasse</a></h4>
<hr class="hr_color">
<a href="portfolio-single2.html" class="button button_left button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
</li>
</ul>
<div class="slider_pagination"></div>
</div>
</div>
<div class="column mcb-column one column_divider">
<hr class="no_line" style="margin: 0 auto 20px">
</div>
<div class="column mcb-column one column_blog_slider">
<div class="blog_slider clearfix flat">
<div class="blog_slider_header">
<div class="blog_slider_nav">
<a class="button button_js slider_prev" href="#"><span class="button_icon"><i class="icon-left-open-big"></i></span></a><a class="button button_js slider_next" href="#"><span class="button_icon"><i class="icon-right-open-big"></i></span></a>
</div>
</div>
<ul class="blog_slider_ul">
<li class="post-407 post type-post format-image has-post-thumbnail hentry category-masonry tag-themeforest tag-zend post_format-post-format-image">
<div class="item_wrapper">
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-post-1.html"><img width="960" height="750" src="images/home_betheme_blog_masonry_1-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
</div>
<div class="date_label">
December 14, 2015
</div>
<div class="desc">
<h4><a href="single-post-1.html">Ut in laoreet sapien eu amet</a></h4>
<hr class="hr_color">
<a href="single-post-1.html" class="button button_left button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
</li>
<li class="post-405 post type-post format-image has-post-thumbnail hentry category-masonry tag-eclipse tag-html5 post_format-post-format-image">
<div class="item_wrapper">
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-post-6.html"><img width="960" height="750" src="images/home_betheme_blog_masonry_2-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
</div>
<div class="date_label">
December 14, 2015
</div>
<div class="desc">
<h4><a href="single-post-6.html">Nam nec felis et nibh posuere</a></h4>
<hr class="hr_color">
<a href="single-post-6.html" class="button button_left button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
</li>
<li class="post-403 post type-post format-standard has-post-thumbnail hentry category-masonry tag-css3 tag-mysql">
<div class="item_wrapper">
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="portfolio-single-1.html"><img width="960" height="750" src="images/home_betheme_blog_masonry_3-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
</div>
<div class="date_label">
December 14, 2015
</div>
<div class="desc">
<h4><a href="portfolio-single-1.html">Aenean sodales pretium nullam</a></h4>
<hr class="hr_color">
<a href="portfolio-single-1.html" class="button button_left button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
</li>
<li class="post-401 post type-post format-standard has-post-thumbnail hentry category-masonry tag-grid tag-zend">
<div class="item_wrapper">
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-post-5.html"><img width="960" height="750" src="images/home_betheme_blog_masonry_4-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
</div>
<div class="date_label">
December 14, 2015
</div>
<div class="desc">
<h4><a href="single-post-5.html">Vestibulum at pulvinar nullam</a></h4>
<hr class="hr_color">
<a href="single-post-5.html" class="button button_left button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
</li>
<li class="post-399 post type-post format-standard has-post-thumbnail hentry category-masonry tag-css3 tag-html5">
<div class="item_wrapper">
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="portfolio-single2.html"><img width="960" height="750" src="images/home_betheme_blog_classic_1-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
</div>
<div class="date_label">
December 14, 2015
</div>
<div class="desc">
<h4><a href="portfolio-single2.html">Maecenas augue nunc cras habitasse</a></h4>
<hr class="hr_color">
<a href="portfolio-single2.html" class="button button_left button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
</li>
</ul>
<div class="slider_pagination"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section" id="portfolio-item" 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 column_helper">
<div class="helper">
<div class="helper_header">
<h4 class="title">Portfolio</h4>
</div>
</div>
</div>
<div class="column mcb-column one column_portfolio">
<div class="column_filters">
<div class="portfolio_wrapper isotope_wrapper ">
<ul class="portfolio_group lm_wrapper isotope col-3 grid">
<li class="portfolio-item isotope-item category-grid has-thumbnail">
<div class="portfolio-item-fw-bg">
<div class="portfolio-item-fill"></div>
<div class="list_style_header">
<h3 class="entry-title"><a class="link" href="post-with-youtube-vimeo.html">Nam pharetra congue cras amet</a></h3>
<div class="links_wrapper">
<a href="#" class="button button_js portfolio_prev_js"><span class="button_icon"><i class="icon-up-open"></i></span></a><a href="#" class="button button_js portfolio_next_js"><span class="button_icon"><i class="icon-down-open"></i></span></a><a href="post-with-youtube-vimeo.html" class="button button_left button_theme button_js"><span class="button_icon"><i class="icon-link"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="post-with-youtube-vimeo.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_1-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_1-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="#" class="external"><i class="icon-forward"></i></a><a href="post-with-youtube-vimeo.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
<div class="desc">
<div class="title_wrapper">
<h5 class="entry-title"><a class="link" href="post-with-youtube-vimeo.html">Nam pharetra congue cras amet</a></h5>
<div class="button-love">
<a href="#" class="mfn-love" data-id="283"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">98</span></a>
</div>
</div>
<div class="details-wrapper">
<dl>
<dt>
Client
</dt>
<dd>
Muffin Group
</dd>
<dt>
Date
</dt>
<dd>
November 23, 2015
</dd>
<dt>
Website
</dt>
<dd>
<a target="_blank" href="#"><i class="icon-forward"></i>View website</a>
</dd>
</dl>
</div>
<div class="desc-wrapper">
Praesent consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum massa dui sed nulla ut nulla a mi. Fusce wisi nibh<span class="excerpt-hellip"> […]</span>
</div>
</div>
</div>
</li>
<li class="portfolio-item isotope-item category-grid has-thumbnail">
<div class="portfolio-item-fw-bg">
<div class="portfolio-item-fill"></div>
<div class="list_style_header">
<h3 class="entry-title"><a class="link" href="single-project-1.html">Sed libero eros posuere amet</a></h3>
<div class="links_wrapper">
<a href="#" class="button button_js portfolio_prev_js"><span class="button_icon"><i class="icon-up-open"></i></span></a><a href="#" class="button button_js portfolio_next_js"><span class="button_icon"><i class="icon-down-open"></i></span></a><a href="single-project-1.html" class="button button_left button_theme button_js"><span class="button_icon"><i class="icon-link"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-1.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_2-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_2-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="https://themeforest.net/" class="external"><i class="icon-forward"></i></a><a href="single-project-1.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
<div class="desc">
<div class="title_wrapper">
<h5 class="entry-title"><a class="link" href="single-project-1.html">Sed libero eros posuere amet</a></h5>
<div class="button-love">
<a href="#" class="mfn-love" data-id="282"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">133</span></a>
</div>
</div>
<div class="details-wrapper">
<dl>
<dt>
Client
</dt>
<dd>
Themeforest
</dd>
<dt>
Date
</dt>
<dd>
November 23, 2015
</dd>
<dt>
Website
</dt>
<dd>
<a target="_blank" href="https://themeforest.net/"><i class="icon-forward"></i>View website</a>
</dd>
</dl>
</div>
<div class="desc-wrapper">
Praesent consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum massa dui sed nulla ut nulla a mi. Fusce wisi nibh<span class="excerpt-hellip"> […]</span>
</div>
</div>
</div>
</li>
<li class="portfolio-item isotope-item category-grid has-thumbnail">
<div class="portfolio-item-fw-bg">
<div class="portfolio-item-fill"></div>
<div class="list_style_header">
<h3 class="entry-title"><a class="link" href="single-project-2.html">Nuncin lipsum amet urna sed</a></h3>
<div class="links_wrapper">
<a href="#" class="button button_js portfolio_prev_js"><span class="button_icon"><i class="icon-up-open"></i></span></a><a href="#" class="button button_js portfolio_next_js"><span class="button_icon"><i class="icon-down-open"></i></span></a><a href="single-project-2.html" class="button button_left button_theme button_js"><span class="button_icon"><i class="icon-link"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-2.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_3-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_3-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="#" class="external"><i class="icon-forward"></i></a><a href="single-project-2.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
<div class="desc">
<div class="title_wrapper">
<h5 class="entry-title"><a class="link" href="single-project-2.html">Nuncin lipsum amet urna sed</a></h5>
<div class="button-love">
<a href="#" class="mfn-love" data-id="281"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">74</span></a>
</div>
</div>
<div class="details-wrapper">
<dl>
<dt>
Client
</dt>
<dd>
Muffin Group
</dd>
<dt>
Date
</dt>
<dd>
November 23, 2015
</dd>
<dt>
Website
</dt>
<dd>
<a target="_blank" href="#"><i class="icon-forward"></i>View website</a>
</dd>
</dl>
</div>
<div class="desc-wrapper">
Praesent consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum massa dui sed nulla ut nulla a mi. Fusce wisi nibh<span class="excerpt-hellip"> […]</span>
</div>
</div>
</div>
</li>
<li class="portfolio-item isotope-item category-grid has-thumbnail">
<div class="portfolio-item-fw-bg">
<div class="portfolio-item-fill"></div>
<div class="list_style_header">
<h3 class="entry-title"><a class="link" href="single-project-3.html">Nunc sit amet minon volutpat</a></h3>
<div class="links_wrapper">
<a href="#" class="button button_js portfolio_prev_js"><span class="button_icon"><i class="icon-up-open"></i></span></a><a href="#" class="button button_js portfolio_next_js"><span class="button_icon"><i class="icon-down-open"></i></span></a><a href="single-project-3.html" class="button button_left button_theme button_js"><span class="button_icon"><i class="icon-link"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-3.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_4-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links double">
<a href="images/home_betheme_portfolio_flat_4-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a href="single-project-3.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
<div class="desc">
<div class="title_wrapper">
<h5 class="entry-title"><a class="link" href="single-project-3.html">Nunc sit amet minon volutpat</a></h5>
<div class="button-love">
<a href="#" class="mfn-love" data-id="279"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">55</span></a>
</div>
</div>
<div class="details-wrapper">
<dl>
<dt>
Client
</dt>
<dd>
Muffin Group
</dd>
<dt>
Date
</dt>
<dd>
November 23, 2015
</dd>
</dl>
</div>
<div class="desc-wrapper">
Praesent consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum massa dui sed nulla ut nulla a mi. Fusce wisi nibh<span class="excerpt-hellip"> […]</span>
</div>
</div>
</div>
</li>
<li class="portfolio-item isotope-item category-grid has-thumbnail">
<div class="portfolio-item-fw-bg">
<div class="portfolio-item-fill"></div>
<div class="list_style_header">
<h3 class="entry-title"><a class="link" href="single-project-4.html">Nullam ac posuere dui posuere</a></h3>
<div class="links_wrapper">
<a href="#" class="button button_js portfolio_prev_js"><span class="button_icon"><i class="icon-up-open"></i></span></a><a href="#" class="button button_js portfolio_next_js"><span class="button_icon"><i class="icon-down-open"></i></span></a><a href="single-project-4.html" class="button button_left button_theme button_js"><span class="button_icon"><i class="icon-link"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-4.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_5-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_5-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="https://themeforest.net/" class="external"><i class="icon-forward"></i></a><a href="single-project-4.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
<div class="desc">
<div class="title_wrapper">
<h5 class="entry-title"><a class="link" href="single-project-4.html">Nullam ac posuere dui posuere</a></h5>
<div class="button-love">
<a href="#" class="mfn-love" data-id="278"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">121</span></a>
</div>
</div>
<div class="details-wrapper">
<dl>
<dt>
Client
</dt>
<dd>
Themeforest
</dd>
<dt>
Date
</dt>
<dd>
November 23, 2015
</dd>
<dt>
Website
</dt>
<dd>
<a target="_blank" href="https://themeforest.net/"><i class="icon-forward"></i>View website</a>
</dd>
</dl>
</div>
<div class="desc-wrapper">
Praesent consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum massa dui sed nulla ut nulla a mi. Fusce wisi nibh<span class="excerpt-hellip"> […]</span>
</div>
</div>
</div>
</li>
<li class="portfolio-item isotope-item category-grid has-thumbnail">
<div class="portfolio-item-fw-bg">
<div class="portfolio-item-fill"></div>
<div class="list_style_header">
<h3 class="entry-title"><a class="link" href="single-project-5.html">Vestibulum finibus nisl metus</a></h3>
<div class="links_wrapper">
<a href="#" class="button button_js portfolio_prev_js"><span class="button_icon"><i class="icon-up-open"></i></span></a><a href="#" class="button button_js portfolio_next_js"><span class="button_icon"><i class="icon-down-open"></i></span></a><a href="single-project-5.html" class="button button_left button_theme button_js"><span class="button_icon"><i class="icon-link"></i></span><span class="button_label">Read more</span></a>
</div>
</div>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-5.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_6-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_6-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="https://themeforest.net/" class="external"><i class="icon-forward"></i></a><a href="single-project-5.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
<div class="desc">
<div class="title_wrapper">
<h5 class="entry-title"><a class="link" href="single-project-5.html">Vestibulum finibus nisl metus</a></h5>
<div class="button-love">
<a href="#" class="mfn-love" data-id="277"><span class="icons-wrapper"><i class="icon-heart-empty-fa"></i><i class="icon-heart-fa"></i></span><span class="label">98</span></a>
</div>
</div>
<div class="details-wrapper">
<dl>
<dt>
Client
</dt>
<dd>
Themeforest
</dd>
<dt>
Date
</dt>
<dd>
November 23, 2015
</dd>
<dt>
Website
</dt>
<dd>
<a target="_blank" href="https://themeforest.net/"><i class="icon-forward"></i>View website</a>
</dd>
</dl>
</div>
<div class="desc-wrapper">
Praesent consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum massa dui sed nulla ut nulla a mi. Fusce wisi nibh<span class="excerpt-hellip"> […]</span>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section" id="portfoliogrid" 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 column_helper">
<div class="helper">
<div class="helper_header">
<h4 class="title">Portfolio grid</h4>
</div>
</div>
</div>
<div class="column mcb-column one column_portfolio_grid ">
<ul class="portfolio_grid ">
<li>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="post-with-youtube-vimeo.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_1-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_1-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="#" class="external"><i class="icon-forward"></i></a><a href="post-with-youtube-vimeo.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
</li>
<li>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-1.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_2-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_2-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="https://themeforest.net/" class="external"><i class="icon-forward"></i></a><a href="single-project-1.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
</li>
<li>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-2.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_3-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_3-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="#" class="external"><i class="icon-forward"></i></a><a href="single-project-2.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
</li>
<li>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-3.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_4-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links double">
<a href="images/home_betheme_portfolio_flat_4-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a href="single-project-3.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
</li>
<li>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-4.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_5-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_5-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="https://themeforest.net/" class="external"><i class="icon-forward"></i></a><a href="single-project-4.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
</li>
<li>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-5.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_6-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_6-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="https://themeforest.net/" class="external"><i class="icon-forward"></i></a><a href="single-project-5.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
</li>
<li>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-6.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_7-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_7-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="https://themeforest.net/" class="external"><i class="icon-forward"></i></a><a href="single-project-6.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
</li>
<li>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-7.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_8-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_8-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="#" class="external"><i class="icon-forward"></i></a><a href="single-project-7.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section" id="portfoliophoto" 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 column_helper">
<div class="helper">
<div class="helper_header">
<h4 class="title">Portfolio Photo</h4>
</div>
</div>
</div>
<div class="column mcb-column one column_portfolio_photo ">
<div class="portfolio-photo ">
<div class="portfolio-item">
<a class="portfolio-item-bg" href="#"><img width="1280" height="1000" src="images/home_betheme_portfolio_flat_1.jpg" class="attachment-full size-full wp-post-image" alt="">
<div class="mask"></div>
</a>
<a class="portfolio-details" href="#">
<div class="details">
<h3 class="title">Nam pharetra congue cras amet</h3>
<div class="categories">
Grid
</div>
</div><span class="more"><h4>Read more</h4></span>
</a>
</div>
<div class="portfolio-item">
<a class="portfolio-item-bg" href="https://themeforest.net/"><img width="1280" height="1000" src="images/home_betheme_portfolio_flat_2.jpg" class="attachment-full size-full wp-post-image" alt="">
<div class="mask"></div>
</a>
<a class="portfolio-details" href="https://themeforest.net/">
<div class="details">
<h3 class="title">Sed libero eros posuere amet</h3>
<div class="categories">
Grid
</div>
</div><span class="more"><h4>Read more</h4></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section" id="portfolioslider" 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 column_helper">
<div class="helper">
<div class="helper_header">
<h4 class="title">Portfolio slider</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section full-width" id="portfolioslider" 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_portfolio_slider ">
<div class="portfolio_slider arrows arrows_hover">
<ul class="portfolio_slider_ul">
<li>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="post-with-youtube-vimeo.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_1-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_1-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="#" class="external"><i class="icon-forward"></i></a><a href="post-with-youtube-vimeo.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
</li>
<li>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-1.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_2-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_2-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="https://themeforest.net/" class="external"><i class="icon-forward"></i></a><a href="single-project-1.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
</li>
<li>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-2.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_3-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_3-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="#" class="external"><i class="icon-forward"></i></a><a href="single-project-2.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
</li>
<li>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-3.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_4-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links double">
<a href="images/home_betheme_portfolio_flat_4-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a href="single-project-3.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
</li>
<li>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-4.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_5-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_5-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="https://themeforest.net/" class="external"><i class="icon-forward"></i></a><a href="single-project-4.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
</li>
<li>
<div class="image_frame scale-with-grid">
<div class="image_wrapper">
<a href="single-project-5.html">
<div class="mask"></div><img width="960" height="750" src="images/home_betheme_portfolio_flat_6-960x750.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links triple">
<a href="images/home_betheme_portfolio_flat_6-1200x938.jpg" class="zoom" rel="prettyphoto"><i class="icon-search"></i></a><a target="_blank" href="https://themeforest.net/" class="external"><i class="icon-forward"></i></a><a href="single-project-5.html" class="link"><i class="icon-link"></i></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section" id="shopslider" 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 column_helper">
<div class="helper">
<div class="helper_header">
<h4 class="title">Shop slider</h4>
</div>
</div>
</div>
<div class="column mcb-column one column_shop_slider">
<div class="shop_slider">
<div class="blog_slider_header">
<h4 class="title">Recent products</h4>
<div class="blog_slider_nav">
<a class="button button_js slider_prev" href="#"><span class="button_icon"><i class="icon-left-open-big"></i></span></a><a class="button button_js slider_next" href="#"><span class="button_icon"><i class="icon-right-open-big"></i></span></a>
</div>
</div>
<ul class="shop_slider_ul">
<li class="product type-product has-post-thumbnail product_cat-music product_cat-singles first instock sale shipping-taxable purchasable product-type-simple">
<div class="item_wrapper">
<div class="image_frame scale-with-grid product-loop-thumb">
<div class="image_wrapper">
<a href="product_page.html">
<div class="mask"></div><img width="500" height="500" src="images/cd_6_angle-500x500.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links">
<a class="link" href="product_page.html"><i class="icon-link"></i></a>
</div>
</div><span class="onsale"><i class="icon-star"></i></span>
</div>
<div class="desc">
<h4><a href="product_page.html">Woo Single #2</a></h4><span class="price"><del><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&#36;</span>3.00</span>
</del> <ins><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&#36;</span>2.00</span></ins>
</span>
</div>
</div>
</li>
<li class="product type-product has-post-thumbnail product_cat-albums product_cat-music instock downloadable shipping-taxable purchasable product-type-simple">
<div class="item_wrapper">
<div class="image_frame scale-with-grid product-loop-thumb">
<div class="image_wrapper">
<a href="product_page.html">
<div class="mask"></div><img width="500" height="500" src="images/cd_5_angle-500x500.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links">
<a class="link" href="product_page.html"><i class="icon-link"></i></a>
</div>
</div>
</div>
<div class="desc">
<h4><a href="product_page.html">Woo Album #4</a></h4><span class="price"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&#36;</span>9.00</span>
</span>
</div>
</div>
</li>
<li class="product type-product has-post-thumbnail product_cat-music product_cat-singles last instock downloadable shipping-taxable purchasable product-type-simple">
<div class="item_wrapper">
<div class="image_frame scale-with-grid product-loop-thumb">
<div class="image_wrapper">
<a href="product_page.html">
<div class="mask"></div><img width="500" height="500" src="images/cd_4_angle-500x500.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links">
<a class="link" href="product_page.html"><i class="icon-link"></i></a>
</div>
</div>
</div>
<div class="desc">
<h4><a href="product_page.html">Woo Single #1</a></h4><span class="price"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&#36;</span>3.00</span>
</span>
</div>
</div>
</li>
<li class="product type-product has-post-thumbnail product_cat-albums product_cat-music first instock downloadable shipping-taxable purchasable product-type-simple">
<div class="item_wrapper">
<div class="image_frame scale-with-grid product-loop-thumb">
<div class="image_wrapper">
<a href="product_page.html">
<div class="mask"></div><img width="500" height="500" src="images/cd_3_angle-500x500.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links">
<a class="link" href="product_page.html"><i class="icon-link"></i></a>
</div>
</div>
</div>
<div class="desc">
<h4><a href="product_page.html">Woo Album #3</a></h4><span class="price"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&#36;</span>9.00</span>
</span>
</div>
</div>
</li>
<li class="post-697 product type-product has-post-thumbnail product_cat-albums product_cat-music instock downloadable shipping-taxable purchasable product-type-simple">
<div class="item_wrapper">
<div class="image_frame scale-with-grid product-loop-thumb">
<div class="image_wrapper">
<a href="product_page.html">
<div class="mask"></div><img width="500" height="500" src="images/cd_2_angle-500x500.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links">
<a class="link" href="product_page.html"><i class="icon-link"></i></a>
</div>
</div>
</div>
<div class="desc">
<h4><a href="product_page.html">Woo Album #2</a></h4><span class="price"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&#36;</span>9.00</span>
</span>
</div>
</div>
</li>
</ul>
<div class="slider_pagination"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section" id="clients" 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 column_helper">
<div class="helper">
<div class="helper_header">
<h4 class="title">Clients</h4>
</div>
</div>
</div>
<div class="column mcb-column one column_clients ">
<ul class="clients clearfix clients_tiles">
<li style="width:16.667%">
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 1">
<div class="gs-wrapper"><img width="145" height="75" src="images/home_betheme_client_1-145x75.png" class="scale-with-grid wp-post-image" alt="">
</div>
</a>
</div>
</li>
<li style="width:16.667%">
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 2">
<div class="gs-wrapper"><img width="145" height="75" src="images/home_betheme_client_2-145x75.png" class="scale-with-grid wp-post-image" alt="">
</div>
</a>
</div>
</li>
<li style="width:16.667%">
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 3">
<div class="gs-wrapper"><img width="145" height="75" src="images/home_betheme_client_3-145x75.png" class="scale-with-grid wp-post-image" alt="">
</div>
</a>
</div>
</li>
<li style="width:16.667%">
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 4">
<div class="gs-wrapper"><img width="145" height="75" src="images/home_betheme_client_4-145x75.png" class="scale-with-grid wp-post-image" alt="">
</div>
</a>
</div>
</li>
<li style="width:16.667%">
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 5">
<div class="gs-wrapper"><img width="145" height="75" src="images/home_betheme_client_5-145x75.png" class="scale-with-grid wp-post-image" alt="">
</div>
</a>
</div>
</li>
<li style="width:16.667%">
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 6">
<div class="gs-wrapper"><img width="145" height="75" src="images/home_betheme_client_6-145x75.png" class="scale-with-grid wp-post-image" alt="">
</div>
</a>
</div>
</li>
</ul>
</div>
<div class="column mcb-column one column_clients ">
<ul class="clients clearfix ">
<li style="width:16.667%">
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 1">
<div class="gs-wrapper"><img width="145" height="75" src="images/home_betheme_client_1-145x75.png" class="scale-with-grid wp-post-image" alt="">
</div>
</a>
</div>
</li>
<li style="width:16.667%">
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 2">
<div class="gs-wrapper"><img width="145" height="75" src="images/home_betheme_client_2-145x75.png" class="scale-with-grid wp-post-image" alt="">
</div>
</a>
</div>
</li>
<li style="width:16.667%">
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 3">
<div class="gs-wrapper"><img width="145" height="75" src="images/home_betheme_client_3-145x75.png" class="scale-with-grid wp-post-image" alt="">
</div>
</a>
</div>
</li>
<li style="width:16.667%">
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 4">
<div class="gs-wrapper"><img width="145" height="75" src="images/home_betheme_client_4-145x75.png" class="scale-with-grid wp-post-image" alt="">
</div>
</a>
</div>
</li>
<li style="width:16.667%">
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 5">
<div class="gs-wrapper"><img width="145" height="75" src="images/home_betheme_client_5-145x75.png" class="scale-with-grid wp-post-image" alt="">
</div>
</a>
</div>
</li>
<li style="width:16.667%">
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 6">
<div class="gs-wrapper"><img width="145" height="75" src="images/home_betheme_client_6-145x75.png" class="scale-with-grid wp-post-image" alt="">
</div>
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section" id="clientsslider" 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 column_helper">
<div class="helper">
<div class="helper_header">
<h4 class="title">Clients slider</h4>
</div>
</div>
</div>
<div class="column mcb-column one column_clients_slider">
<div class="clients_slider">
<div class="clients_slider_header">
<h4 class="title">Our clients</h4><a class="button button_js slider_prev" href="#"><span class="button_icon"><i class="icon-left-open-big"></i></span></a><a class="button button_js slider_next" href="#"><span class="button_icon"><i class="icon-right-open-big"></i></span></a>
</div>
<ul class="clients clients_slider_ul">
<li>
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 1"><img width="145" height="75" src="images/home_betheme_client_1-145x75.png" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
</li>
<li>
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 2"><img width="145" height="75" src="images/home_betheme_client_2-145x75.png" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
</li>
<li>
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 3"><img width="145" height="75" src="images/home_betheme_client_3-145x75.png" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
</li>
<li>
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 4"><img width="145" height="75" src="images/home_betheme_client_4-145x75.png" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
</li>
<li>
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 5"><img width="145" height="75" src="images/home_betheme_client_5-145x75.png" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
</li>
<li>
<div class="client_wrapper">
<a target="_blank" href="#" title="Client 6"><img width="145" height="75" src="images/home_betheme_client_6-145x75.png" class="scale-with-grid wp-post-image" alt="">
</a>
</div>
</li>
</ul>
</div>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section" id="testimonials-item" 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 column_helper">
<div class="helper">
<div class="helper_header">
<h4 class="title">Testimonials</h4>
</div>
</div>
</div>
<div class="column mcb-column one column_testimonials">
<div class="testimonials_slider ">
<div class="slider_pager slider_images"></div>
<ul class="testimonials_slider_ul">
<li>
<div class="single-photo-img"><img width="85" height="85" src="images/home_betheme_ourteam_5-85x85.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="bq_wrapper">
<blockquote>
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna.
</blockquote>
</div>
<div class="hr_dots">
<span></span><span></span><span></span>
</div>
<div class="author">
<h5><a target="_blank" href="#">Tom Johnson</a></h5><span class="company">CodeCanyon</span>
</div>
</li>
<li>
<div class="single-photo-img"><img width="85" height="85" src="images/home_betheme_ourteam_3-85x85.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="bq_wrapper">
<blockquote>
Ut et iaculis ante, vel scelerisque tortor. Nulla dignissim, tellus sed aliquam ullamcorper, erat sem feugiat est, vitae dictum mi enim nec lectus.
</blockquote>
</div>
<div class="hr_dots">
<span></span><span></span><span></span>
</div>
<div class="author">
<h5><a target="_blank" href="#">John Doe</a></h5><span class="company">Muffin Group</span>
</div>
</li>
<li>
<div class="single-photo-img"><img width="85" height="85" src="images/home_betheme_ourteam_1-85x85.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="bq_wrapper">
<blockquote>
Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus.
</blockquote>
</div>
<div class="hr_dots">
<span></span><span></span><span></span>
</div>
<div class="author">
<h5><a target="_blank" href="http://themeforest.net/">Joan Avina</a></h5><span class="company">Themeforest</span>
</div>
</li>
<li>
<div class="single-photo-img"><img width="85" height="85" src="images/home_betheme_ourteam_2-85x85.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="bq_wrapper">
<blockquote>
Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus. Integer ultrices posuere cubilia.
</blockquote>
</div>
<div class="hr_dots">
<span></span><span></span><span></span>
</div>
<div class="author">
<h5><a target="_blank" href="#">Gordon Dale</a></h5><span class="company">Muffin Group</span>
</div>
</li>
</ul>
</div>
</div>
<div class="column mcb-column one column_testimonials ">
<div class="testimonials_slider single-photo">
<ul class="testimonials_slider_ul">
<li>
<div class="single-photo-img"><img width="85" height="85" src="images/home_betheme_ourteam_5-85x85.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="bq_wrapper">
<blockquote>
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna.
</blockquote>
</div>
<div class="hr_dots">
<span></span><span></span><span></span>
</div>
<div class="author">
<h5><a target="_blank" href="#">Tom Johnson</a></h5><span class="company">CodeCanyon</span>
</div>
</li>
<li>
<div class="single-photo-img"><img width="85" height="85" src="images/home_betheme_ourteam_3-85x85.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="bq_wrapper">
<blockquote>
Ut et iaculis ante, vel scelerisque tortor. Nulla dignissim, tellus sed aliquam ullamcorper, erat sem feugiat est, vitae dictum mi enim nec lectus.
</blockquote>
</div>
<div class="hr_dots">
<span></span><span></span><span></span>
</div>
<div class="author">
<h5><a target="_blank" href="#">John Doe</a></h5><span class="company">Muffin Group</span>
</div>
</li>
<li>
<div class="single-photo-img"><img width="85" height="85" src="images/home_betheme_ourteam_1-85x85.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="bq_wrapper">
<blockquote>
Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus.
</blockquote>
</div>
<div class="hr_dots">
<span></span><span></span><span></span>
</div>
<div class="author">
<h5><a target="_blank" href="http://themeforest.net/">Joan Avina</a></h5><span class="company">Themeforest</span>
</div>
</li>
<li>
<div class="single-photo-img"><img width="85" height="85" src="images/home_betheme_ourteam_2-85x85.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="bq_wrapper">
<blockquote>
Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus. Integer ultrices posuere cubilia.
</blockquote>
</div>
<div class="hr_dots">
<span></span><span></span><span></span>
</div>
<div class="author">
<h5><a target="_blank" href="#">Gordon Dale</a></h5><span class="company">Muffin Group</span>
</div>
</li>
</ul>
<div class="slider_pager slider_pagination"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section" id="testimonialslist" 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 column_helper">
<div class="helper">
<div class="helper_header">
<h4 class="title">Testimonials list</h4>
</div>
</div>
</div>
<div class="column mcb-column one column_testimonials_list">
<div class="testimonials_list ">
<div class="item ">
<div class="photo">
<div class="image_frame no_link scale-with-grid has_border">
<div class="image_wrapper"><img width="780" height="780" src="images/home_betheme_ourteam_5.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
</div>
</div>
<div class="desc">
<h4><a target="_blank" href="#">Tom Johnson</a></h4>
<p class="subtitle">
CodeCanyon
</p>
<hr class="hr_color">
<div class="blockquote">
<blockquote>
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna.
</blockquote>
</div>
</div>
</div>
<div class="item ">
<div class="photo">
<div class="image_frame no_link scale-with-grid has_border">
<div class="image_wrapper">
<img width="780" height="780" src="images/home_betheme_ourteam_3.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
</div>
</div>
<div class="desc">
<h4><a target="_blank" href="#">John Doe</a></h4>
<p class="subtitle">
Muffin Group
</p>
<hr class="hr_color">
<div class="blockquote">
<blockquote>
Ut et iaculis ante, vel scelerisque tortor. Nulla dignissim, tellus sed aliquam ullamcorper, erat sem feugiat est, vitae dictum mi enim nec lectus.
</blockquote>
</div>
</div>
</div>
<div class="item ">
<div class="photo">
<div class="image_frame no_link scale-with-grid has_border">
<div class="image_wrapper"><img width="780" height="780" src="images/home_betheme_ourteam_1.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
</div>
</div>
<div class="desc">
<h4><a target="_blank" href="http://themeforest.net/">Joan Avina</a></h4>
<p class="subtitle">
Themeforest
</p>
<hr class="hr_color">
<div class="blockquote">
<blockquote>
Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus.
</blockquote>
</div>
</div>
</div>
<div class="item ">
<div class="photo">
<div class="image_frame no_link scale-with-grid has_border">
<div class="image_wrapper"><img width="780" height="780" src="images/home_betheme_ourteam_2.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
</div>
</div>
<div class="desc">
<h4><a target="_blank" href="#">Gordon Dale</a></h4>
<p class="subtitle">
Muffin Group
</p>
<hr class="hr_color">
<div class="blockquote">
<blockquote>
Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus. Integer ultrices posuere cubilia.
</blockquote>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section" id="offerslider" 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 column_helper">
<div class="helper">
<div class="helper_header">
<h4 class="title">Offer slider</h4>
<div class="links">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section full-width" style="padding-top:0px; padding-bottom:0px; background-color:#fff">
<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_offer ">
<div class="offer">
<ul class="offer_ul">
<li class="offer_li">
<div class="image_wrapper"><img width="960" height="540" src="images/home_betheme_offerslider_1.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="desc_wrapper align_left has-link">
<div class="title">
<h3>Curabitur massa</h3><a href="#" class="button button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
<div class="desc">
<p class="big">
Vitae adipiscing turpis. Aenean ligula nibh, mo lest ie id viverra a, dapibus at dolor. In iaculis viverra ne que, ac eleifend ante lobortis.
</p>
<div class="hr_dots" style="margin: 0 auto 30px">
<span></span><span></span><span></span>
</div>
<h5>Nam malesuada:</h5>
<ul class="list_mixed">
<li class="list_check">
Donec blandit purus in euismod ullamcorper.
</li>
<li class="list_star">
Proin id varius felis.
</li>
</ul>
<div class="idea_box">
<div class="icon">
<i class="icon-lamp"></i>
</div>
<div class="desc">
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ultricies dolor a purus varius.
</div>
</div>
</div>
</div>
</li>
<li class="offer_li">
<div class="image_wrapper"><img width="960" height="540" src="images/home_betheme_offerslider_2.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="desc_wrapper align_left has-link">
<div class="title">
<h3>Nulla ultrices</h3><a href="#" class="button button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
<div class="desc">
<p class="big">
Vitae adipiscing turpis. Aenean ligula nibh, mo lest ie id viverra a, dapibus at dolor. In iaculis viverra ne que, ac eleifend ante lobortis.
</p>
<div class="hr_dots" style="margin: 0 auto 30px">
<span></span><span></span><span></span>
</div>
<h5>Nam malesuada:</h5>
<ul class="list_mixed">
<li class="list_check">
Donec blandit purus in euismod ullamcorper.
</li>
<li class="list_star">
Proin id varius felis.
</li>
</ul>
<div class="idea_box">
<div class="icon">
<i class="icon-lamp"></i>
</div>
<div class="desc">
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ultricies dolor a purus varius.
</div>
</div>
</div>
</div>
</li>
<li class="offer_li">
<div class="image_wrapper"><img width="960" height="540" src="images/home_betheme_offerslider_3.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="desc_wrapper align_left has-link">
<div class="title">
<h3>Vivamus quis</h3><a href="#" class="button button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
<div class="desc">
<p class="big">
Vitae adipiscing turpis. Aenean ligula nibh, mo lest ie id viverra a, dapibus at dolor. In iaculis viverra ne que, ac eleifend ante lobortis.
</p>
<div class="hr_dots" style="margin: 0 auto 30px">
<span></span><span></span><span></span>
</div>
<h5>Nam malesuada:</h5>
<ul class="list_mixed">
<li class="list_check">
Donec blandit purus in euismod ullamcorper.
</li>
<li class="list_star">
Proin id varius felis.
</li>
</ul>
<div class="idea_box">
<div class="icon">
<i class="icon-lamp"></i>
</div>
<div class="desc">
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ultricies dolor a purus varius.
</div>
</div>
</div>
</div>
</li>
</ul><a class="button button_large button_js slider_prev" href="#"><span class="button_icon"><i class="icon-up-open-big"></i></span></a>
<div class="slider_pagination">
<span class="current">1</span> / <span class="count">1</span>
</div><a class="button button_large button_js slider_next" href="#"><span class="button_icon"><i class="icon-down-open-big"></i></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section" id="offersliderthumb" style="padding-top:50px; padding-bottom:20px;">
<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_helper">
<div class="helper">
<div class="helper_header">
<h4 class="title">Offer slider thumb</h4>
<div class="links">
</div>
</div>
</div>
</div>
<div class="column mcb-column one column_offer_thumb ">
<div class="offer_thumb ">
<ul class="offer_thumb_ul">
<li class="offer_thumb_li id_1">
<div class="image_wrapper"><img width="780" height="537" src="images/home_betheme_offersliderthumb_3.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="desc_wrapper align_left no-link">
<div class="desc">
<h4>Class aptent taciti sociosqu ad litora torquent</h4>
<p class="big">
Donec a nunc. Suspendisse est. Sed mauris ac lectus. Nullam augue pulvinar odio. Morbi tincidunt. Nulla facilisi. Morbi mauris lacus vestibulum vehicula
</p>
<p>
Nunc sit amet, consectetuer eget, ultricies iaculis et, posuere dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per conubia nostra, per inceptos hymenaeos. Fusce nulla eu scelerisque tincidunt. Praesent odio eu dui sed felis cursus.
</p>
<p>
Maecenas nec tincidunt in, mollis aliquam, nulla luctus nulla nulla, egestas ipsum scelerisque vel, ipsum. Curabitur tempor. Quisque est ullamcorper lorem semper convallis.
</p>
</div>
</div>
<div class="thumbnail" style="display:none"><img src="images/home_betheme_offersliderthumb_3_icon.png" class="scale-with-grid" alt="">
</div>
</li>
<li class="offer_thumb_li id_2">
<div class="image_wrapper"><img width="780" height="537" src="images/home_betheme_offersliderthumb_2.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="desc_wrapper align_left no-link">
<div class="desc">
<h4>Quisque est ullamcorper lorem semper convallis.</h4>
<p class="big">
Praesent in eleifend in, dapibus aliquam. Nunc erat erat eu sem pede sit amet dignissim turpis. Mauris at sapien eu pede bibendum tempus. Suspendisse fermentum molestie vitae, facilisis dignissim massa.
</p>
<p>
Cum sociis natoque penatibus et luctus et magnis dis parturient montes, nascetur ridiculus mus. Morbi urna viverra neque, vitae leo. Donec a nunc. Suspendisse est. Sed mauris ac lectus. Nullam augue pulvinar odio. Morbi tincidunt. Nulla facilisi. Morbi mauris lacus.
</p>
<p>
Maecenas nec tincidunt in, mollis aliquam, nulla luctus nulla nulla, egestas ipsum scelerisque vel, ipsum. Curabitur tempor. Quisque est ullamcorper lorem semper convallis.
</p>
</div>
</div>
<div class="thumbnail" style="display:none"><img src="images/home_betheme_offersliderthumb_2_icon.png" class="scale-with-grid" alt="">
</div>
</li>
<li class="offer_thumb_li id_3">
<div class="image_wrapper"><img width="780" height="537" src="images/home_betheme_offersliderthumb_1.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="desc_wrapper align_left no-link">
<div class="desc">
<h4>Phasellus fermentum in dolor ellentesque facilisis nulla imperdiet.</h4>
<p class="big">
Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna.
</p>
<p>
Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi.
</p>
<p>
Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non
</p>
</div>
</div>
<div class="thumbnail" style="display:none"><img src="images/home_betheme_offersliderthumb_1_icon.png" class="scale-with-grid" alt="">
</div>
</li>
<li class="offer_thumb_li id_4">
<div class="image_wrapper"><img width="780" height="537" src="images/home_betheme_offersliderthumb_4.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="desc_wrapper align_left no-link">
<div class="desc">
<h4>Cras rhoncus eu posuere eget eros nullam laoreet.</h4>
<p class="big">
Nullam et malesuada fames ac arcu. Suspendisse rutrum ligula, semper id, urna. Nulla nec neque. In ornare risus. Phasellus placerat id, cursus non, nulla. Duis ac lacus. Nulla mi quis lacus et quam.
</p>
<p>
Integer mi ligula, nonummy velit odio condimentum ante. Fusce ullamcorper. Suspendisse in aliquam ut, eleifend ac, sodales wisi a arcu. Cras rhoncus eu, posuere eget, eros. Nullam laoreet.
</p>
<p>
Proin porttitor ullamcorper, lorem id mi. Fusce tempor tristique, leo sit amet, consectetuer adipiscing eget, dui. Nullam euismod, nulla ipsum primis in faucibus eros diam elit justo.
</p>
</div>
</div>
<div class="thumbnail" style="display:none"><img src="images/home_betheme_offersliderthumb_4_icon.png" class="scale-with-grid" alt="">
</div>
</li>
</ul>
<div class="slider_pagination"></div>
</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_offer_thumb ">
<div class="offer_thumb bottom">
<ul class="offer_thumb_ul">
<li class="offer_thumb_li id_1">
<div class="image_wrapper"><img width="780" height="537" src="images/home_betheme_offersliderthumb2_2.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="desc_wrapper align_left has-link">
<div class="title">
<h3>Morbi egestas</h3><a href="#" class="button button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
<div class="desc">
<p class="big">
Vitae adipiscing turpis. Aenean ligula nibh, mo lest ie id viverra a, dapibus at dolor. In iaculis viverra ne que, ac eleifend ante lobortis.
</p>
<div class="hr_dots" style="margin: 0 auto 30px">
<span></span><span></span><span></span>
</div>
<h5>Nam malesuada:</h5>
<ul class="list_mixed">
<li class="list_check">
Donec blandit purus in euismod ullamcorper.
</li>
<li class="list_star">
Proin id varius felis.
</li>
</ul>
<div class="idea_box">
<div class="icon">
<i class="icon-lamp"></i>
</div>
<div class="desc">
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ultricies dolor a purus varius.
</div>
</div>
</div>
</div>
<div class="thumbnail" style="display:none"><img src="images/home_betheme_offersliderthumb2_2_icon.png" class="scale-with-grid" alt="Morbi egestas" />
</div>
</li>
<li class="offer_thumb_li id_2">
<div class="image_wrapper"><img width="780" height="537" src="images/home_betheme_offersliderthumb2_1.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="desc_wrapper align_left has-link">
<div class="title">
<h3>Dapibus felis</h3><a href="#" class="button button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
<div class="desc">
<p class="big">
Vitae adipiscing turpis. Aenean ligula nibh, mo lest ie id viverra a, dapibus at dolor. In iaculis viverra ne que, ac eleifend ante lobortis.
</p>
<div class="hr_dots" style="margin: 0 auto 30px">
<span></span><span></span><span></span>
</div>
<h5>Nam malesuada:</h5>
<ul class="list_mixed">
<li class="list_check">
Donec blandit purus in euismod ullamcorper.
</li>
<li class="list_star">
Proin id varius felis.
</li>
</ul>
<div class="idea_box">
<div class="icon">
<i class="icon-lamp"></i>
</div>
<div class="desc">
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ultricies dolor a purus varius.
</div>
</div>
</div>
</div>
<div class="thumbnail" style="display:none"><img src="images/home_betheme_offersliderthumb2_1_icon.png" class="scale-with-grid" alt="Dapibus felis" />
</div>
</li>
<li class="offer_thumb_li id_3">
<div class="image_wrapper"><img width="780" height="537" src="images/home_betheme_offersliderthumb2_3.jpg" class="scale-with-grid wp-post-image" alt="">
</div>
<div class="desc_wrapper align_left has-link">
<div class="title">
<h3>Aenean metus</h3><a href="#" class="button button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Read more</span></a>
</div>
<div class="desc">
<p class="big">
Vitae adipiscing turpis. Aenean ligula nibh, mo lest ie id viverra a, dapibus at dolor. In iaculis viverra ne que, ac eleifend ante lobortis.
</p>
<div class="hr_dots" style="margin: 0 auto 30px">
<span></span><span></span><span></span>
</div>
<h5>Nam malesuada:</h5>
<ul class="list_mixed">
<li class="list_check">
Donec blandit purus in euismod ullamcorper.
</li>
<li class="list_star">
Proin id varius felis.
</li>
</ul>
<div class="idea_box">
<div class="icon">
<i class="icon-lamp"></i>
</div>
<div class="desc">
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ultricies dolor a purus varius.
</div>
</div>
</div>
</div>
<div class="thumbnail" style="display:none"><img src="images/home_betheme_offersliderthumb2_3_icon.png" class="scale-with-grid" alt="Aenean metus" />
</div>
</li>
</ul>
<div class="slider_pagination"></div>
</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">
&copy; 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 src="../plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script src="../plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="../plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
<script src="../plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="../plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
<script src="../plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="../plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="../plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="../plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
<script src="../plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
<script>
var tpj = jQuery;
var revapi3;
tpj(document).ready(function() {
if (tpj("#rev_slider_3_2").revolution == undefined) {
revslider_showDoubleJqueryError("#rev_slider_3_2");
} else {
revapi3 = tpj("#rev_slider_3_2").show().revolution({
sliderType: "standard",
sliderLayout: "auto",
dottedOverlay: "none",
delay: 3000,
navigation: {
keyboardNavigation: "off",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
onHoverStop: "off",
arrows: {
style: "gyges",
enable: true,
hide_onmobile: false,
hide_onleave: true,
hide_delay: 200,
hide_delay_mobile: 1200,
tmp: '',
left: {
h_align: "left",
v_align: "center",
h_offset: 30,
v_offset: 0
},
right: {
h_align: "right",
v_align: "center",
h_offset: 30,
v_offset: 0
}
},
bullets: {
enable: true,
hide_onmobile: false,
style: "hermes",
hide_onleave: false,
direction: "horizontal",
h_align: "center",
v_align: "bottom",
h_offset: 0,
v_offset: 20,
space: 15,
tmp: ''
}
},
gridwidth: 1240,
gridheight: 868,
lazyType: "none",
shadow: 0,
spinner: "spinner0",
stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1,
shuffle: "off",
autoHeight: "off",
disableProgressBar: "on",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
startWithSlide: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
});
}
});
/*]]>*/
</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>