website/theme/product_page.html

1080 lines
91 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'>
</head>
<body class="woocommerce woocommerce-page with_aside aside_right color-custom style-default layout-full-width header-plain header-fw minimalist-header sticky-header sticky-white ab-hide subheader-both-center menuo-last menuo-right mm-vertical mobile-tb-hide mobile-mini-mr-ll">
<div id="Wrapper">
<div id="Header_wrapper">
<header id="Header">
<div class="header_placeholder"></div>
<div id="Top_bar">
<div class="container">
<div class="column one">
<div class="top_bar_left clearfix">
<div class="logo">
<span id="logo"><img class="logo-main scale-with-grid" src="images/theme.png" alt="theme"><img class="logo-sticky scale-with-grid" src="images/theme.png" alt="theme"><img class="logo-mobile scale-with-grid" src="images/theme.png" alt="theme"><img class="logo-mobile-sticky scale-with-grid" src="images/theme.png" alt="theme"></span>
</div>
<div class="menu_wrapper">
<nav id="menu" class="menu-main-menu-container">
<ul id="menu-main-menu" class="menu">
<li>
<a href="http://bit.ly/1WCOsgu"><span>Home</span></a>
</li>
<li>
<a href="about.html"><span>Pages</span></a>
<ul class="mfn-megamenu">
<li>
<ul>
<li>
<a href="about.html"><span><i class="icon-info"></i> About</span></a>
</li>
<li>
<a href="careers.html"><span><i class="icon-heart-empty-fa"></i> Careers</span></a>
</li>
<li>
<a href="contact.html"><span><i class="icon-address"></i> Contact</span></a>
</li>
<li>
<a href="under-construction.html"><span><i class="icon-traffic-cone"></i> Under Construction</span></a>
</li>
</ul>
</li>
<li>
<ul>
<li>
<a href="error.html"><span><i class="icon-traffic-cone"></i> Error 404</span></a>
</li>
<li>
<a href="features.html"><span><i class="icon-star-empty"></i> Features</span></a>
</li>
<li>
<a href="gallery.html"><span><i class="icon-picture"></i> Gallery</span></a>
</li>
<li>
<a href="blank-page.html"><span><i class="icon-doc"></i> Blank Page</span></a>
</li>
</ul>
</li>
<li>
<ul>
<li>
<a href="help-center.html"><span><i class="icon-lifebuoy"></i> Help Center</span></a>
</li>
<li>
<a href="how-it-works.html"><span><i class="icon-graduation-cap"></i> How it works?</span></a>
</li>
<li>
<a href="our-team.html"><span><i class="icon-users"></i> Our team</span></a>
</li>
<li>
<a href="features.html"><span><i class="icon-comment-fa"></i> Features</span></a>
</li>
</ul>
</li>
<li>
<ul>
<li>
<a href="press.html"><span><i class="icon-newspaper"></i> Press</span></a>
</li>
<li>
<a href="pricing.html"><span><i class="icon-money-line"></i> Pricing</span></a>
</li>
<li>
<a href="sidebar.html"><span><i class="icon-list-add"></i> Sidebar</span></a>
</li>
<li>
<a href="dual-sidebars.html"><span><i class=" icon-pause"></i> Dual Sidebars</span></a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="typography.html"><span>Shortcodes</span></a>
<ul class="mfn-megamenu">
<li class="hide-border">
<a class="mfn-megamenu-title" href="typography.html"><span>Typography</span></a>
<ul>
<li>
<a href="typography.html#alert"><span>Alert</span></a>
</li>
<li>
<a href="typography.html#basic"><span>Basic</span></a>
</li>
<li>
<a href="typography.html#tooltip"><span>Blockquote</span></a>
</li>
<li>
<a href="typography.html#buttons"><span>Buttons</span></a>
</li>
<li>
<a href="typography.html#columns"><span>Columns</span></a>
</li>
<li>
<a href="typography.html#contentlink"><span>Content Link</span></a>
</li>
<li>
<a href="typography.html#divider"><span>Divider</span></a>
</li>
<li>
<a href="typography.html#dropcap"><span>Dropcap</span></a>
</li>
<li>
<a href="typography.html#fancylink"><span>Fancy Link</span></a>
</li>
<li>
<a href="typography.html#googlefont"><span>Google Font</span></a>
</li>
<li>
<a href="typography.html#dropcap"><span>Highlight</span></a>
</li>
<li>
<a href="typography.html#divider"><span>Hr</span></a>
</li>
<li>
<a href="typography.html#icons"><span>Icons</span></a>
</li>
<li>
<a href="typography.html#iconbar"><span>Icon Bar</span></a>
</li>
<li>
<a href="typography.html#iconblock"><span>Icon Block</span></a>
</li>
<li>
<a href="typography.html#idea"><span>Idea</span></a>
</li>
</ul>
</li>
<li>
<ul>
<li>
<a href="typography.html#image"><span>Image</span></a>
</li>
<li>
<a href="typography.html#lists"><span>Lists &#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="current_page_item 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 id="Subheader">
<div class="container">
<div class="column one">
<h2 class="title">Shop</h2>
</div>
</div>
</div>
</div>
<div id="Content">
<div class="content_wrapper clearfix">
<div class="sections_group">
<div class="section">
<div class="section_wrapper clearfix">
<div class="items_group clearfix">
<div class="column one woocommerce-content">
<div class="product type-product has-post-thumbnail product_cat-posters first instock sale shipping-taxable purchasable product-type-simple">
<a class="fixed-nav fixed-nav-prev" href="product_page.html"><span class="arrow"><i class="icon-left-open-big"></i></span>
<div class="photo"><img width="80" height="80" src="images/poster_1_up-80x80.jpg" class="attachment-blog-navi size-blog-navi wp-post-image" alt="">
</div>
<div class="desc">
<h6>Ship Your Idea</h6><span class="date"><i class="icon-clock"></i>June 7, 2013</span>
</div></a><a class="fixed-nav fixed-nav-next" href="product_page.html"><span class="arrow"><i class="icon-right-open-big"></i></span>
<div class="photo"><img width="80" height="80" src="images/poster_3_up-80x80.jpg" class="attachment-blog-navi size-blog-navi wp-post-image" alt="">
</div>
<div class="desc">
<h6>Premium Quality</h6><span class="date"><i class="icon-clock"></i>June 7, 2013</span>
</div></a>
<div class="column one post-nav ">
<ul class="next-prev-nav">
<li class="prev">
<a class="button button_js" href="product_page.html"><span class="button_icon"><i class="icon-left-open"></i></span></a>
</li>
<li class="next">
<a class="button button_js" href="product_page.html"><span class="button_icon"><i class="icon-right-open"></i></span></a>
</li>
</ul>
<a class="list-nav" href="shop.html" <i class="icon-layout">
</i>Show all</a>
</div>
<div class="product_wrapper clearfix">
<div class="column one-second product_image_wrapper">
<span class="onsale"><i class="icon-star"></i></span>
<div class="images">
<div class="image_frame scale-with-grid" ontouchstart="this.classList.toggle('hover');">
<div class="image_wrapper">
<a href="images/poster_2_up.jpg" class="woocommerce-main-image zoom" title="" data-rel="prettyPhoto[product-gallery]">
<div class="mask"></div><img width="500" height="500" src="images/poster_2_up-500x500.jpg" class="scale-with-grid wp-post-image" alt="poster_2_up" title="poster_2_up" />
</a>
<div class="image_links">
<a href="images/poster_2_up.jpg" class="woocommerce-main-image zoom" title=""><i class="icon-search"></i></a>
</div>
</div>
</div>
<div class="thumbnails columns-3">
<div class="image_frame scale-with-grid" ontouchstart="this.classList.toggle('hover');">
<div class="image_wrapper">
<a href="images/poster_3_up.jpg" class="woocommerce-main-image zoom" title="" data-rel="prettyPhoto[product-gallery]">
<div class="mask"></div><img width="200" height="200" src="images/poster_3_up-200x200.jpg" class="attachment-shop_thumbnail size-shop_thumbnail" alt="poster_3_up" title="poster_3_up" caption="">
</a>
</div>
</div>
<div class="image_frame scale-with-grid" ontouchstart="this.classList.toggle('hover');">
<div class="image_wrapper">
<a href="images/poster_1_up.jpg" class="woocommerce-main-image zoom" title="" data-rel="prettyPhoto[product-gallery]">
<div class="mask"></div><img width="200" height="200" src="images/poster_1_up-200x200.jpg" class="attachment-shop_thumbnail size-shop_thumbnail" alt="poster_1_up" title="poster_1_up" caption="">
</a>
</div>
</div>
<div class="image_frame scale-with-grid" ontouchstart="this.classList.toggle('hover');">
<div class="image_wrapper">
<a href="images/poster_5_up.jpg" class="woocommerce-main-image zoom" title="" data-rel="prettyPhoto[product-gallery]">
<div class="mask"></div><img width="200" height="200" src="images/poster_5_up-200x200.jpg" class="attachment-shop_thumbnail size-shop_thumbnail" alt="poster_5_up" title="poster_5_up" caption="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="column one-second summary entry-summary">
<h1 itemprop="name" class="product_title entry-title">Flying Ninja</h1>
<div class="woocommerce-product-rating">
<div class="star-rating" title="Rated 4 out of 5">
<span style="width:80%"> <strong itemprop="ratingValue" class="rating">4</strong> out of <span itemprop="bestRating">5</span> based on <span itemprop="ratingCount" class="rating">4</span> customer ratings </span>
</div>
<a href="#reviews" class="woocommerce-review-link" rel="nofollow">(<span itemprop="reviewCount" class="count">4</span> customer reviews)</a>
</div>
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<p class="price">
<del><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&#36;</span>15.00</span></del><ins><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&#36;</span>12.00</span></ins>
</p>
<meta itemprop="price" content="12" />
<meta itemprop="priceCurrency" content="USD" />
<link itemprop="availability" href="http://schema.org/InStock" />
</div>
<br style="clear:both;" />
<div itemprop="description">
<p>
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
</p>
</div>
<form class="cart" method="post" enctype='multipart/form-data'>
<div class="quantity">
<input type="number" step="1" min="1" max="" name="quantity" value="1" title="Qty" class="input-text qty text" size="4" pattern="[0-9]*" inputmode="numeric" />
</div>
<input type="hidden" name="add-to-cart" value="690" />
<button type="submit" class="single_add_to_cart_button button alt">
Add to cart
</button>
</form>
<div class="product_meta">
<span class="posted_in">Category: <a href="product_category_page.html" rel="tag">Posters</a>.</span>
</div>
<div class="accordion">
<div class="mfn-acc accordion_wrapper open1st">
<div class="question">
<div class="title">
<i class="icon-plus acc-icon-plus"></i><i class="icon-minus acc-icon-minus"></i> Description
</div>
<div class="answer">
<p>
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
</p>
</div>
</div>
<div class="question">
<div class="title">
<i class="icon-plus acc-icon-plus"></i><i class="icon-minus acc-icon-minus"></i> Reviews (4)
</div>
<div class="answer">
<div id="reviews" class="woocommerce-Reviews">
<div id="comments">
<h2 class="woocommerce-Reviews-title">4 reviews for <span>Flying Ninja</span></h2>
<ol class="commentlist">
<li itemprop="review" itemscope itemtype="http://schema.org/Review" class="comment even thread-even depth-1" id="li-comment-28">
<div class="comment_container"><img alt='' src='http://0.gravatar.com/avatar/f0cde930b42c79145194679d5b6e3b1d?s=60&amp;r=g' class='avatar avatar-60 photo' height='60' width='60' />
<div class="comment-text">
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating" class="star-rating" title="Rated 4 out of 5">
<span style="width:80%"><strong itemprop="ratingValue">4</strong> out of 5</span>
</div>
<p class="meta">
<strong itemprop="author">Cobus Bester</strong> &ndash;
<time itemprop="datePublished" datetime="2013-06-07T11:52:25+00:00">
June 7, 2013
</time>
:
</p>
<div itemprop="description" class="description">
<p>
Really happy with this print. The colors are great, and the paper quality is good too.
</p>
</div>
</div>
</div>
</li>
<li itemprop="review" itemscope itemtype="http://schema.org/Review" class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-29">
<div class="comment_container"><img alt='' src='http://2.gravatar.com/avatar/8026a390d28369f7a2befcaeb9557359?s=60&amp;r=g' class='avatar avatar-60 photo' height='60' width='60' />
<div class="comment-text">
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating" class="star-rating" title="Rated 3 out of 5">
<span style="width:60%"><strong itemprop="ratingValue">3</strong> out of 5</span>
</div>
<p class="meta">
<strong itemprop="author">Andrew</strong> &ndash;
<time itemprop="datePublished" datetime="2013-06-07T11:56:36+00:00">
June 7, 2013
</time>
:
</p>
<div itemprop="description" class="description">
<p>
You only get the picture, not the person holding it, something they don&#8217;t mention in the description, now I&#8217;ve got to find my own person
</p>
</div>
</div>
</div>
</li>
<li itemprop="review" itemscope itemtype="http://schema.org/Review" class="comment even thread-even depth-1" id="li-comment-30">
<div class="comment_container"><img alt='' src='http://0.gravatar.com/avatar/3472757f6a3732d6470f98d7d7e9cece?s=60&amp;r=g' class='avatar avatar-60 photo' height='60' width='60' />
<div class="comment-text">
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating" class="star-rating" title="Rated 5 out of 5">
<span style="width:100%"><strong itemprop="ratingValue">5</strong> out of 5</span>
</div>
<p class="meta">
<strong itemprop="author">Coen Jacobs</strong> &ndash;
<time itemprop="datePublished" datetime="2013-06-07T12:19:25+00:00">
June 7, 2013
</time>
:
</p>
<div itemprop="description" class="description">
<p>
This is my favorite poster. In fact, I&#8217;ve ordered 5 of them!
</p>
</div>
</div>
</div>
</li>
<li itemprop="review" itemscope itemtype="http://schema.org/Review" class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-31">
<div class="comment_container"><img alt='' src='http://1.gravatar.com/avatar/7a6df00789e50714fcde1b759befcc84?s=60&amp;r=g' class='avatar avatar-60 photo' height='60' width='60' />
<div class="comment-text">
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating" class="star-rating" title="Rated 4 out of 5">
<span style="width:80%"><strong itemprop="ratingValue">4</strong> out of 5</span>
</div>
<p class="meta">
<strong itemprop="author">Stuart</strong> &ndash;
<time itemprop="datePublished" datetime="2013-06-07T12:59:49+00:00">
June 7, 2013
</time>
:
</p>
<div itemprop="description" class="description">
<p>
This is a fantastic quality print and is happily hanging framed on my wall now.
</p>
</div>
</div>
</div>
</li>
</ol>
</div>
<div id="review_form_wrapper">
<div id="review_form">
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title">Add a review <small><a rel="nofollow" id="cancel-comment-reply-link" href="product_page.html#respond" style="display:none">Cancel reply</a></small></h3>
<form action="#" method="post" id="commentform" class="comment-form">
<p class="comment-notes">
<span id="email-notes">Your email address will not be published.</span> Required fields are marked <span class="required">*</span>
</p>
<p class="comment-form-rating">
<label for="rating">Your Rating</label>
<select name="rating" id="rating" aria-required="true" required>
<option value="">Rate&hellip;</option>
<option value="5">Perfect</option>
<option value="4">Good</option>
<option value="3">Average</option>
<option value="2">Not that bad</option>
<option value="1">Very Poor</option>
</select>
</p>
<p class="comment-form-comment">
<label for="comment">Your Review <span class="required">*</span>
</label>
<textarea id="comment" name="comment" cols="45" rows="8" aria-required="true" required></textarea>
</p>
<p class="comment-form-author">
<label for="author">Name <span class="required">*</span>
</label>
<input id="author" name="author" type="text" value="" size="30" aria-required="true" required />
</p>
<p class="comment-form-email">
<label for="email">Email <span class="required">*</span>
</label>
<input id="email" name="email" type="email" value="" size="30" aria-required="true" required />
</p>
<p class="form-submit">
<input name="submit" type="submit" id="submit" class="submit" value="Submit" />
<input type='hidden' name='comment_post_ID' value='690' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p>
</form>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="related products">
<h2>Related Products</h2>
<div class="products_wrapper isotope_wrapper">
<ul class="products ">
<li class="isotope-item product">
<div class="image_frame scale-with-grid product-loop-thumb" ontouchstart="this.classList.toggle('hover');">
<div class="image_wrapper">
<a href="product_page.html">
<div class="mask"></div><img width="500" height="500" src="images/poster_5_up-500x500.jpg" class="scale-with-grid wp-post-image" alt="">
</a>
<div class="image_links double">
<a rel="nofollow" href="product_page.html" data-quantity="1" data-product_id="695" class="add_to_cart_button ajax_add_to_cart product_type_simple"><i class="icon-basket"></i></a><a class="link" href="product_page.html"><i class="icon-link"></i></a>
</div>
</div><a href="product_page.html"><span class="product-loading-icon added-cart"></span></a>
</div>
<div class="desc">
<h4><a href="product_page.html">Woo Logo</a></h4><span class="price"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&#36;</span>15.00</span>
</span>
</div>
</li>
</ul>
</div>
</div>
<meta itemprop="url" content="http://themes.muffingroup.com/be/theme/product/flying-ninja/" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar four columns">
<div class="widget-area clearfix">
<aside class="widget woocommerce widget_product_categories">
<h3>Product Categories</h3>
<ul class="product-categories">
<li>
<a href="product_category_page.html">Clothing</a>
<ul class='children'>
<li>
<a href="product_category_page.html">Hoodies</a>
</li>
<li>
<a href="product_category_page.html">T-shirts</a>
</li>
</ul>
</li>
<li>
<a href="product_category_page.html">Music</a>
<ul class='children'>
<li>
<a href="product_category_page.html">Albums</a>
</li>
<li>
<a href="product_category_page.html">Singles</a>
</li>
</ul>
</li>
<li>
<a href="product_category_page.html">Posters</a>
</li>
</ul>
</aside>
<aside class="widget woocommerce widget_products">
<h3>Products</h3>
<ul class="product_list_widget">
<li>
<a href="product_page.html" title="Woo Single #2"> <img width="200" height="200" src="images/cd_6_angle-200x200.jpg" class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" alt=""> <span class="product-title">Woo Single #2</span> </a><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>
</li>
<li>
<a href="product_page.html" title="Woo Album #4"> <img width="200" height="200" src="images/cd_5_angle-200x200.jpg" class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" alt=""> <span class="product-title">Woo Album #4</span> </a><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&#36;</span>9.00</span>
</li>
<li>
<a href="product_page.html" title="Woo Single #1"> <img width="200" height="200" src="images/cd_4_angle-200x200.jpg" class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" alt=""> <span class="product-title">Woo Single #1</span> </a><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&#36;</span>3.00</span>
</li>
<li>
<a href="product_page.html" title="Woo Album #3"> <img width="200" height="200" src="images/cd_3_angle-200x200.jpg" class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" alt=""> <span class="product-title">Woo Album #3</span> </a><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&#36;</span>9.00</span>
</li>
<li>
<a href="product_page.html" title="Woo Album #2"> <img width="200" height="200" src="images/cd_2_angle-200x200.jpg" class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" alt=""> <span class="product-title">Woo Album #2</span> </a><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&#36;</span>9.00</span>
</li>
</ul>
</aside>
<aside class="widget woocommerce widget_product_search">
<h3>Search Products</h3>
<form role="search" method="get" class="woocommerce-product-search" action="#">
<label class="screen-reader-text" for="woocommerce-product-search-field">Search for:</label>
<input type="search" id="woocommerce-product-search-field" class="search-field" placeholder="Search Products&hellip;" value="" name="s" title="Search for:" />
<input type="submit" value="Search" />
<input type="hidden" name="post_type" value="product" />
</form>
</aside>
</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>
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>