| Server IP : 157.230.181.24 / Your IP : 216.73.217.11 Web Server : Apache/2.4.58 (Ubuntu) System : Linux conductive 6.8.0-117-generic #117-Ubuntu SMP PREEMPT_DYNAMIC Tue May 5 19:26:24 UTC 2026 x86_64 User : ( 1000) PHP Version : 8.3.31 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/vhosts/dev/public/*archive/worldkitchen/wk-frontend/ |
Upload File : |
<!doctype html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Product Landing</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--
<meta name="description" content="@@description">
<meta name="keywords" content="@@keywords">
-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="scripts/vendor/html5shiv.js"></script>
<![endif]-->
<script type="text/javascript" src="http://use.typekit.net/vzo3wtf.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link href="styles/style.css" rel="stylesheet">
</head>
<body class="product_landing generic_content brand_strip_page" data-ns="WOK" data-section="shop" data-page="productlanding">
<div class="utility-nav visible-phone visible-tablet">
<div class="utility-nav-wrapper">
<!-- WOK Logo -->
<a class="logo" href="index.html"></a>
<!-- Main List Menu -->
<div class="list-menu">
<ul>
<li>
<a href="#" class="category collapsed" data-toggle="collapse" data-target="#dinnerware"><h2>DINNERWARE</h2><i class="icon-plus"></i><i class="icon-minus"></i></a>
<ul class="sub-category collapse" id="dinnerware">
<li><img src="images/fpo/catimage.jpg"/></li>
<li><a href="#">Corelle</a></li>
<li><a href="#">CorningWare</a></li>
</ul>
</li>
<li>
<a href="#" class="category collapsed" data-toggle="collapse" data-target="#bakeware"><h2>BAKEWARE</h2><i class="icon-plus"></i><i class="icon-minus"></i></a>
<ul class="sub-category collapse" id="bakeware">
<li><img src="images/fpo/catimage.jpg"/></li>
<li><a href="#">Corelle</a></li>
<li><a href="#">CorningWare</a></li>
<li><a href="#">Pyrex</a></li>
<li><a href="#">Baker's Secret</a></li>
</ul>
</li>
<li>
<a href="#" class="category collapsed" data-toggle="collapse" data-target="#cutlery"><h2>CUTLERY</h2><i class="icon-plus"></i><i class="icon-minus"></i></a>
<ul class="sub-category collapse" id="cutlery">
<li><img src="images/fpo/catimage.jpg"/></li>
<li><a href="#">Chicago Cutlery</a></li>
</ul>
</li>
<li>
<a href="#" class="category collapsed" data-toggle="collapse" data-target="#storage"><h2>STORAGE</h2><i class="icon-plus"></i><i class="icon-minus"></i></a>
<ul class="sub-category collapse" id="storage">
<li><img src="images/fpo/catimage.jpg"/></li>
<li><a href="#">Pyrex</a></li>
<li><a href="#">Snapware</a></li>
</ul>
</li>
<li>
<a href="#" class="category collapsed" data-toggle="collapse" data-target="#wedding"><h2>WEDDING</h2><i class="icon-plus"></i><i class="icon-minus"></i></a>
<ul class="sub-category collapse" id="wedding">
<li><img src="images/fpo/catimage.jpg"/></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
</ul>
</li>
<li>
<a href="#" class="category collapsed" data-toggle="collapse" data-target="#blog"><h2>BLOG</h2><i class="icon-plus"></i><i class="icon-minus"></i></a>
<ul class="sub-category collapse" id="blog">
<li><img src="images/fpo/catimage.jpg"/></li>
<li><a href="#">Menu Item</a></li>
</ul>
</li>
<li>
<a href="#" class="category collapsed" data-toggle="collapse" data-target="#entertaining"><h2>ENTERTAINING</h2><i class="icon-plus"></i><i class="icon-minus"></i></a>
<ul class="sub-category collapse" id="entertaining">
<li><img src="images/fpo/catimage.jpg"/></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
</ul>
</li>
</ul>
</div>
<!-- Events / Wishlist CTA -->
<ul class="events-wishlist">
<li><a href="#">EVENTS</a></li>
<li><a href="#">WISHLIST</a></li>
</ul>
<!-- Brand / Category Tabs -->
<ul class="brand-tabs">
<li class="brands active"><a href="#tab-brands" data-toggle="tab">BRANDS</a></li>
<li class="categories"><a href="#tab-categories" data-toggle="tab">CATEGORIES</a></li>
</ul>
<div class="brand-tabs-content">
<div class="tab-pane active" id="tab-brands">
<ul>
<li><a href="#" class="wok"></a></li>
<li><a href="#" class="corelle"></a></li>
<li><a href="#" class="pyrex"></a></li>
<li><a href="#" class="corningWare"></a></li>
<li><a href="#" class="chicagoCutlery"></a></li>
<li><a href="#" class="bakersSecret"></a></li>
<li><a href="#" class="snapware"></a></li>
</ul>
</div>
<div class="tab-pane" id="tab-categories">
<ul>
<li><a href="#" class="dinnerware">Dinnerware</a></li>
<li><a href="#" class="bakeware">Bakeware</a></li>
<li><a href="#" class="entertaining">Entertaining</a></li>
<li><a href="#" class="cutlery">Cutlery</a></li>
<li><a href="#" class="wedding">Wedding</a></li>
<li><a href="#" class="storage">Storage</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="page">
<header>
<div>
<div class="desktop-menu hidden-phone hidden-tablet header-menu">
<div class="menu-container container cart-parent">
<a class="logo" href="index.html"></a>
<div class="">
<ul class="top-nav">
<li class="first nav-item"><a href="#">events</a></li>
<li class="nav-item"><a href="#">stores</a></li>
<li class="wide-account nav-item"><a href="account-login.html">account</a></li>
<li class="wide-cart cart-parent nav-item"><a href="cart.html">cart (0)</a></li>
<li class="last nav-item typeahead-parent" id="search-input-container">
<form action="#" method="get" class="site-search">
<input name="q" class="search-input typeahead-trigger" type="text" placeholder="SEARCH" autocomplete="off" />
<button type="submit"><span class="hidden">Search</span></button>
</form>
</li>
</ul>
<ul class="brand-menu">
<li class="first"><a href="brand-landing-brand=corelle.html" class="corelle">corelle</a></li>
<li><a href="brand-landing-brand=pyrex.html" class="pyrex">pyrex</a></li>
<li><a href="brand-landing-brand=corningware.html" class="corningWare">corningware</a></li>
<li><a href="brand-landing-brand=chicagocutlery.html" class="chicagoCutlery">chicago cutlery</a></li>
<li><a href="brand-landing-brand=bakerssecret.html" class="bakersSecret">bakers secret</a></li>
<li><a href="brand-landing-brand=snapware.html" class="snapware">snapware</a><span class="divider"></span></li>
<li class="last explore-menu">explore by category <i class="icon-double-angle-down"></i></li>
</ul>
</div>
<div class="span4 account-hopup">
<a href="#" class="close" data-dismiss="modal">+</a>
<h4>Your Account</h4>
<div class="orderdetails-header">
<div class="checkout-mini-cart">
<div class="mini-cart-product clearfix">
<div class="mini-cart-product-details">
<div class="mini-cart-name">
<a href="account-landing.html">My Account</a>
</div>
</div>
</div>
<div class="mini-cart-product clearfix">
<div class="mini-cart-product-details">
<div class="mini-cart-name">
Share my Activity: <a href="#">Yes</a>
</div>
</div>
</div>
<div class="mini-cart-product clearfix">
<div class="mini-cart-product-details">
<div class="mini-cart-name">
<a href="account-order-history.html">My Orders</a>
</div>
</div>
</div>
<div class="mini-cart-product clearfix">
<div class="mini-cart-product-details">
<div class="mini-cart-name">
<a href="index.html">Logout</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="span4 mini-cart-hopup">
<a href="#" class="close" data-dismiss="modal">+</a>
<h4>Your Cart</h4>
<div class="orderdetails-header">
<div class="checkout-mini-cart">
<div class="mini-cart-product clearfix latest-added">
<div class="mini-cart-image">
<a href="#">
<img class="lifted" title=", ropyal" alt=", ropyal, small" src="images/fpo/placeholder.jpg">
</a>
</div>
<div class="mini-cart-product-details">
<div class="mini-cart-name">
<a href="#">Quilted Jacket</a>
</div>
<div class="mini-cart-attributes">
<div class="attribute">
<span class="label">Color:</span>
<span class="value"> ropyal </span>
</div>
<div class="attribute">
<span class="label">Size:</span>
<span class="value"> S </span>
</div>
<div class="mini-cart-quanitity">
<span class="label">Qty:</span>
<span class="value">1</span>
</div>
<div class="mini-cart-pricing">
<!-- span class="label">Price:</span -->
<span class="mini-cart-price">$110.99</span>
</div>
</div>
</div>
</div>
<div class="mini-cart-product clearfix">
<div class="mini-cart-image">
<a href="#">
<img class="lifted" title=", ropyal" alt=", ropyal, small" src="images/fpo/placeholder.jpg">
</a>
</div>
<div class="mini-cart-product-details">
<div class="mini-cart-name">
<a href="#">Quilted Jacket</a>
</div>
<div class="mini-cart-attributes">
<div class="attribute">
<span class="label">Color:</span>
<span class="value"> ropyal </span>
</div>
<div class="attribute">
<span class="label">Size:</span>
<span class="value"> S </span>
</div>
<div class="mini-cart-quanitity">
<span class="label">Qty:</span>
<span class="value">1</span>
</div>
<div class="mini-cart-pricing">
<!-- span class="label">Price:</span -->
<span class="mini-cart-price">$110.99</span>
</div>
</div>
</div>
</div>
</div>
</div>
<h5>Order Subtotal: $<span>XX.00</span></h5>
<div class="mini-cart-buttons">
<a href="shipping.html" class="button-fancy-large button checkout curled"> Checkout </a>
<a href="cart.html" class="button-fancy-large button curled"> View Cart </a>
</div>
</div>
</div>
</div>
<div class="mobile-menu visible-phone visible-tablet header-menu">
<div class="menu">
<ul>
<li><div class="menu-button"><a href="#"><span class="hidden-phone">Menu</span></a></div></li>
<li class="hidden-phone"><a href="#">Events</a></li>
<li><a href="#">Stores</a></li>
<li><a href="account-login.html">Account</a></li>
<li class="cart-parent">
<a href="cart.html">Cart (0)</a>
<div class="span4 mini-cart-hopup">
<a href="#" class="close" data-dismiss="modal">+</a>
<h4>Your Cart</h4>
<div class="orderdetails-header">
<div class="checkout-mini-cart">
<div class="mini-cart-product clearfix latest-added">
<div class="mini-cart-image">
<a href="#">
<img class="lifted" title=", ropyal" alt=", ropyal, small" src="images/fpo/placeholder.jpg">
</a>
</div>
<div class="mini-cart-product-details">
<div class="mini-cart-name">
<a href="#">Quilted Jacket</a>
</div>
<div class="mini-cart-attributes">
<div class="attribute">
<span class="label">Color:</span>
<span class="value"> ropyal </span>
</div>
<div class="attribute">
<span class="label">Size:</span>
<span class="value"> S </span>
</div>
<div class="mini-cart-quanitity">
<span class="label">Qty:</span>
<span class="value">1</span>
</div>
<div class="mini-cart-pricing">
<!-- span class="label">Price:</span -->
<span class="mini-cart-price">$110.99</span>
</div>
</div>
</div>
</div>
<div class="mini-cart-product clearfix">
<div class="mini-cart-image">
<a href="#">
<img class="lifted" title=", ropyal" alt=", ropyal, small" src="images/fpo/placeholder.jpg">
</a>
</div>
<div class="mini-cart-product-details">
<div class="mini-cart-name">
<a href="#">Quilted Jacket</a>
</div>
<div class="mini-cart-attributes">
<div class="attribute">
<span class="label">Color:</span>
<span class="value"> ropyal </span>
</div>
<div class="attribute">
<span class="label">Size:</span>
<span class="value"> S </span>
</div>
<div class="mini-cart-quanitity">
<span class="label">Qty:</span>
<span class="value">1</span>
</div>
<div class="mini-cart-pricing">
<!-- span class="label">Price:</span -->
<span class="mini-cart-price">$110.99</span>
</div>
</div>
</div>
</div>
</div>
</div>
<h5>Order Subtotal: $<span>XX.00</span></h5>
<div class="mini-cart-buttons">
<a href="shipping.html" class="button-fancy-large button checkout curled"> Checkout </a>
<a href="cart.html" class="button-fancy-large button curled"> View Cart </a>
</div>
</div>
</li>
</ul>
<div class="search-parent typeahead-parent" id="mobile-search-input-container">
<a class="phone-search-trigger"></a>
<form action="#" method="get" class="site-search">
<input name="q" class="search-input typeahead-trigger" type="text" placeholder="SEARCH" autocomplete="off" />
<button type="submit"><span class="hidden">Search</span></button>
</form>
</div>
</div>
<!-- <div class="container">
<div class="logo-parent">
<a class="logo" href="/"></a>
</div>
</div>
-->
<div class="logo"></div>
<div class="span4 mini-cart-hopup">
<a href="#" class="close" data-dismiss="modal">+</a>
<h4>Your Cart</h4>
<div class="orderdetails-header">
<div class="checkout-mini-cart">
<div class="mini-cart-product clearfix latest-added">
<div class="mini-cart-image">
<a href="#">
<img class="lifted" title=", ropyal" alt=", ropyal, small" src="images/fpo/placeholder.jpg">
</a>
</div>
<div class="mini-cart-product-details">
<div class="mini-cart-name">
<a href="#">Quilted Jacket</a>
</div>
<div class="mini-cart-attributes">
<div class="attribute">
<span class="label">Color:</span>
<span class="value"> ropyal </span>
</div>
<div class="attribute">
<span class="label">Size:</span>
<span class="value"> S </span>
</div>
<div class="mini-cart-quanitity">
<span class="label">Qty:</span>
<span class="value">1</span>
</div>
<div class="mini-cart-pricing">
<!-- span class="label">Price:</span -->
<span class="mini-cart-price">$110.99</span>
</div>
</div>
</div>
</div>
<div class="mini-cart-product clearfix">
<div class="mini-cart-image">
<a href="#">
<img class="lifted" title=", ropyal" alt=", ropyal, small" src="images/fpo/placeholder.jpg">
</a>
</div>
<div class="mini-cart-product-details">
<div class="mini-cart-name">
<a href="#">Quilted Jacket</a>
</div>
<div class="mini-cart-attributes">
<div class="attribute">
<span class="label">Color:</span>
<span class="value"> ropyal </span>
</div>
<div class="attribute">
<span class="label">Size:</span>
<span class="value"> S </span>
</div>
<div class="mini-cart-quanitity">
<span class="label">Qty:</span>
<span class="value">1</span>
</div>
<div class="mini-cart-pricing">
<!-- span class="label">Price:</span -->
<span class="mini-cart-price">$110.99</span>
</div>
</div>
</div>
</div>
</div>
</div>
<h5>Order Subtotal: $<span>XX.00</span></h5>
<div class="mini-cart-buttons">
<a href="shipping.html" class="button-fancy-large button checkout curled"> Checkout </a>
<a href="cart.html" class="button-fancy-large button curled"> View Cart </a>
</div>
</div>
</div>
</div>
<div id="explore-dropdown">
<div class="container">
<div class="row">
<div class="span2">
<figure class="dinnerware">
<a href="#">
<img src="images/menu/dinnerware.jpg" alt="DINNERWARE"/>
<figcaption>DINNERWARE</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="bakeware">
<a href="#">
<img src="images/menu/bakeware.jpg" alt="BAKEWARE"/>
<figcaption>BAKEWARE</figcaption>
</a>
</figure>
</div>
<div class="span4">
<figure class="wedding">
<a href="#">
<img src="images/menu/wedding.jpg" alt="WEDDING"/>
<figcaption>WEDDING</figcaption>
</a>
</figure>
</div>
<div class="span4">
<figure class="entertaining">
<a href="#">
<img src="images/menu/entertaining.jpg" alt="ENTERTAINING"/>
<figcaption>ENTERTAINING</figcaption>
</a>
</figure>
</div>
</div>
<div class="row">
<div class="span2">
<figure class="cutlery">
<a href="#">
<img src="images/menu/cutlery.jpg" alt="CUTLERY"/>
<figcaption>CUTLERY</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="storage">
<a href="#">
<img src="images/menu/storage.jpg" alt="STORAGE"/>
<figcaption>STORAGE</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/menu/blog.jpg" alt="BLOG"/>
<figcaption>BLOG</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="video">
<a href="#">
<img src="images/menu/video.jpg" alt="VIDEO"/>
<figcaption>VIDEO</figcaption>
</a>
</figure>
</div>
<div class="span4">
<ul class="contextual-submenu">
<li><a href="#">Holiday Inspiration</a></li>
<li><a href="#">Outdoor Entertaining</a></li>
<li><a href="#">Weeknight Quicktips</a></li>
<li><a href="#">4th of July Recipes</a></li>
<li><a href="#">Thanksgiving Ideas</a></li>
<li><a href="#">Birthday Parties</a></li>
<li><a href="#">Holiday Cookie Recipes</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<div class="brand-nav-strip">
<div class="container">
<div>
<ul>
<li><a href="index.html" class="logo"></a></li>
<li class="current-brand-button">
<div></div>
</li>
<li>
<div class="view-more-brands-link">
<a href="#" class="view-brand-nav-tray">More Brands</a>
<i class="icon-double-angle-down"></i>
</div>
</li>
</ul>
</div>
</div>
<div class="brand-nav-tray">
<div class="container">
<p class="tray-info">Explore our world of brands</p>
<ul class="brand-nav-tray-menu">
<li><a href='brand-landing-brand=corelle.html' class='corelle'>corelle</a></li>
<li><a href='brand-landing-brand=pyrex.html' class='pyrex'>pyrex</a></li>
<li><a href='brand-landing-brand=corningware.html' class='corningware'>corningware</a></li>
<li><a href='brand-landing-brand=chicagocutlery.html' class='chicagocutlery'>chicagocutlery</a></li>
<li><a href='brand-landing-brand=bakerssecret.html' class='bakerssecret'>bakerssecret</a></li>
<li><a href='brand-landing-brand=snapware.html' class='snapware'>snapware</a></li>
</ul>
</div>
</div>
</div>
<div class="brand-strip visible-desktop">
<div class="container">
<ul class="">
<li class="products"><a href="#">Products</a></li>
<li class="collections"><a href="#">Collections</a></li>
<li class="patterns"><a href="#">Patterns</a></li>
<li class="entertaining"><a href="#">Entertaining</a></li>
<li class="innovations"><a href="#">Innovations</a></li>
<li class="our-story"><a href="#">Our Story</a></li>
<li class="blog"><a href="#">Blog</a></li>
<li class="video"><a href="#">Video</a></li>
<li class="visible-phone view-more"><a href="#">View More Brands <i class="icon-double-angle-right"></i></a></li>
</ul>
</div>
</div>
<div class="breadcrumbs">
<div class="container">
<div>
<h2>Products</h2>
<ul><li><a href='index.html'>Home</a><span class='delimiter'>/</span></li><li><a href='index.html'>Corelle</a><span class='delimiter'>/</span></li><li><a href='#' class='current'>Products</a></li></ul>
</div>
</div>
</div>
<section class="main-carousel">
<div class="branding container">
<span class="branding-logo"></span>
</div>
<!-- the nav variable decides what type of navigation the carousel has. "text" creates a text nav in a black stripe at the bottom, which disappears on mobile and tablet - such as on the homepage. "dot" creates a dot navigation that remains on mobile abd tablet, but drops below the image on mobile. see homepage.html and brand-landing html for example -->
<div class="hero dot with_shelf" data-nav="dot">
<div class="carousel">
<div class="carousel-cta-container">
<div class="container">
<a href="#" class="carousel-cta carousel-prev">‹</a>
<a href="#" class="carousel-cta carousel-next">›</a>
</div>
</div>
<ul class="slides">
<li data-text="corelle">
<div class="carousel-img-wrap">
<img src="images/carousel/corelle.jpg" />
</div>
<div class="slide-info-wrapper">
<div class="container">
<div class="slide-info">
<h1>Plates for </br> Every Occasion</h1>
<p class="visible-desktop">Lorem ipsum Quis magna ut est et id aute mollit ut ullamco in labore aliquip Duis veniam cupidatat consequat ut eu eu aliqua consequat incididunt est et sed magna.</p>
<a href="#" class="button cta">EXPLORE CORELLE PRODUCTS</a>
</div>
</div>
</div>
<a class="brand-logo">
<img src="images/brand-logo/corelle.png"/>
</a>
</li>
<li data-text="pyrex">
<div class="carousel-img-wrap">
<img src="images/carousel/pyrex.jpg" />
</div>
<div class="slide-info-wrapper">
<div class="container">
<div class="slide-info">
<h1>Plates for </br> Every Occasion</h1>
<p class="visible-desktop">Lorem ipsum Quis magna ut est et id aute mollit ut ullamco in labore aliquip Duis veniam cupidatat consequat ut eu eu aliqua consequat incididunt est et sed magna.</p>
<a href="#" class="button cta">EXPLORE PYREX PRODUCTS</a>
</div>
</div>
</div>
<a class="brand-logo">
<img src="images/brand-logo/pyrex.png"/>
</a>
</li>
<li data-text="corningware">
<div class="carousel-img-wrap">
<img src="images/carousel/corningware.jpg" />
</div>
<div class="slide-info-wrapper">
<div class="container">
<div class="slide-info">
<h1>Plates for </br> Every Occasion</h1>
<p class="visible-desktop">Lorem ipsum Quis magna ut est et id aute mollit ut ullamco in labore aliquip Duis veniam cupidatat consequat ut eu eu aliqua consequat incididunt est et sed magna.</p>
<a href="#" class="button cta">EXPLORE CORNINGWARE PRODUCTS</a>
</div>
</div>
</div>
<a class="brand-logo">
<img src="images/brand-logo/corningware.png"/>
</a>
</li>
<li data-text="chicago cutlery">
<div class="carousel-img-wrap">
<img src="images/carousel/chicagoCutlery.jpg" />
</div>
<div class="slide-info-wrapper">
<div class="container">
<div class="slide-info">
<h1>Plates for </br> Every Occasion</h1>
<p class="visible-desktop">Lorem ipsum Quis magna ut est et id aute mollit ut ullamco in labore aliquip Duis veniam cupidatat consequat ut eu eu aliqua consequat incididunt est et sed magna.</p>
<a href="#" class="button cta">EXPLORE CHICAGO CUTLERY PRODUCTS</a>
</div>
</div>
</div>
<a class="brand-logo">
<img src="images/brand-logo/chicagoCutlery.png"/>
</a>
</li>
<li data-text="baker's secret">
<div class="carousel-img-wrap">
<img src="images/carousel/bakersSecret.jpg" />
</div>
<div class="slide-info-wrapper">
<div class="container">
<div class="slide-info">
<h1>Plates for </br> Every Occasion</h1>
<p class="visible-desktop">Lorem ipsum Quis magna ut est et id aute mollit ut ullamco in labore aliquip Duis veniam cupidatat consequat ut eu eu aliqua consequat incididunt est et sed magna.</p>
<a href="#" class="button cta">EXPLORE BAKER'S SECRET PRODUCTS</a>
</div>
</div>
</div>
<a class="brand-logo">
<img src="images/brand-logo/bakersSecret.png"/>
</a>
</li>
<li data-text="snapware">
<div class="carousel-img-wrap">
<img src="images/carousel/snapware.jpg" />
</div>
<div class="slide-info-wrapper">
<div class="container">
<div class="slide-info">
<h1>Plates for </br> Every Occasion</h1>
<p class="visible-desktop">Lorem ipsum Quis magna ut est et id aute mollit ut ullamco in labore aliquip Duis veniam cupidatat consequat ut eu eu aliqua consequat incididunt est et sed magna.</p>
<a href="#" class="button cta">EXPLORE SNAPWARE PRODUCTS</a>
</div>
</div>
</div>
<a class="brand-logo">
<img src="images/brand-logo/snapware.png"/>
</a>
</li>
</ul>
<div class="hero-nav"></div>
</div>
</div>
<!-- the nav variable decides what type of navigation the carousel has - dot nav or text nav This is so the shelf will know where it has to position itself see homepage.html and brand-landing html for example -->
<div class="product-shelf ">
<div class="container shelf-toggle-wrapper">
<h2 id="shelf-toggle"><span>VIEW PRODUCTS</span> <i class="icon-double-angle-up"></i></h2>
</div>
<div class="container shelf-products">
<ul class="slides">
<li class="product" data-text="corelle">
<div class="row">
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Dinnner Plate"/>
<figcaption>corelle Bandhani Dinnner Plate</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Mug"/>
<figcaption>corelle Bandhani Mug</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Bowl"/>
<figcaption>corelle Bandhani Bowl</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Lunch Plate"/>
<figcaption>corelle Bandhani Lunch Plate</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Set"/>
<figcaption>corelle Bandhani Set</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Bowl"/>
<figcaption>corelle Bandhani Bowl</figcaption>
</a>
</figure>
</div>
</div>
</li>
<li class="product" data-text="pyrex">
<div class="row">
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Dinnner Plate"/>
<figcaption>pyrex Bandhani Dinnner Plate</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Mug"/>
<figcaption>pyrex Bandhani Mug</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Bowl"/>
<figcaption>pyrex Bandhani Bowl</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Lunch Plate"/>
<figcaption>pyrex Bandhani Lunch Plate</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Set"/>
<figcaption>pyrex Bandhani Set</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Bowl"/>
<figcaption>pyrex Bandhani Bowl</figcaption>
</a>
</figure>
</div>
</div>
</li>
<li class="product" data-text="corningware">
<div class="row">
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Dinnner Plate"/>
<figcaption>corningware Bandhani Dinnner Plate</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Mug"/>
<figcaption>corningware Bandhani Mug</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Bowl"/>
<figcaption>corningware Bandhani Bowl</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Lunch Plate"/>
<figcaption>corningware Bandhani Lunch Plate</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Set"/>
<figcaption>corningware Bandhani Set</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Bowl"/>
<figcaption>corningware Bandhani Bowl</figcaption>
</a>
</figure>
</div>
</div>
</li>
<li class="product" data-text="chicago cutlery">
<div class="row">
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Dinnner Plate"/>
<figcaption>chicago cutlery Bandhani Dinnner Plate</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Mug"/>
<figcaption>chicago cutlery Bandhani Mug</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Bowl"/>
<figcaption>chicago cutlery Bandhani Bowl</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Lunch Plate"/>
<figcaption>chicago cutlery Bandhani Lunch Plate</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Set"/>
<figcaption>chicago cutlery Bandhani Set</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Bowl"/>
<figcaption>chicago cutlery Bandhani Bowl</figcaption>
</a>
</figure>
</div>
</div>
</li>
<li class="product" data-text="baker's secret">
<div class="row">
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Dinnner Plate"/>
<figcaption>baker's secret Bandhani Dinnner Plate</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Mug"/>
<figcaption>baker's secret Bandhani Mug</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Bowl"/>
<figcaption>baker's secret Bandhani Bowl</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Lunch Plate"/>
<figcaption>baker's secret Bandhani Lunch Plate</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Set"/>
<figcaption>baker's secret Bandhani Set</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Bowl"/>
<figcaption>baker's secret Bandhani Bowl</figcaption>
</a>
</figure>
</div>
</div>
</li>
<li class="product" data-text="snapware">
<div class="row">
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Dinnner Plate"/>
<figcaption>snapware Bandhani Dinnner Plate</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Mug"/>
<figcaption>snapware Bandhani Mug</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Bowl"/>
<figcaption>snapware Bandhani Bowl</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Lunch Plate"/>
<figcaption>snapware Bandhani Lunch Plate</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Set"/>
<figcaption>snapware Bandhani Set</figcaption>
</a>
</figure>
</div>
<div class="span2">
<figure class="blog">
<a href="#">
<img src="images/fpo/fpo-product.jpg" alt="Bandhani Bowl"/>
<figcaption>snapware Bandhani Bowl</figcaption>
</a>
</figure>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<nav class="sub_nav visible-desktop">
<div class="container">
<ul class="unstyled">
<li><a href="#dinnerware-set">Dinnerware Sets</a></li>
<li><a href="#plates">Plates</a></li>
<li><a href="#bowls">Bowls</a></li>
<li><a href="#serveware">Serveware</a></li>
<li><a href="#bakeware-set">Bakeware</a></li>
</ul>
</div>
</nav>
<div class="accordion hidden-desktop" id="explore-category">
<div class="group">
<div class="heading">
<a href="#category-menu" class="accordion-toggle" data-toggle="collapse" data-parent="#explore-category"><h5>Categories <i class="icon-plus pull-right"></i></h5></a>
</div>
<div id="category-menu" class="body collapse">
<div class="inner">
<ul class="unstyled">
<li><a href="#dinnerware-set">Dinnerware Sets</a></li>
<li><a href="#plates">Plates</a></li>
<li><a href="#bowls">Bowls</a></li>
<li><a href="#serveware">Serveware</a></li>
<li><a href="#bakeware-set">Bakeware</a></li>
</ul>
</div>
</div>
</div>
</div>
<section class="product_landing_gallery">
<div class="container">
<div class="row row_header">
<div class="peas visible-desktop"> </div>
<a name="dinnerware-set"></a>
<div class="span3 product-heading">
<h5>DINNERWARE SETS</h5>
</div>
<div class="top-button-wrapper hidden-desktop pull-right">
<a class="curled button corelleButton" href="#">View All 36 Dinnerware Sets</a>
</div>
<div class="span9 visible-desktop">
<p class="sub_header">Popular Dinnerware Sets</p>
</div>
<div class="span12 visible-tablet">
<p class="sub_header">Popular Dinnerware Sets</p>
</div>
</div>
<div class="row">
<div class="span3 hidden-phone">
<div class="lifted"><img src="images/product/img_13.jpg"></div>
</div>
<!-- desktop-brand-item.html -->
<div class="span3">
<div class="quickview-wrap">
<!-- <div class="quickview button">
<a href="#quickview-modal" role="button" class="" data-toggle="modal">Quickview</a>
</div> -->
<a href="#quickview-modal" role="button" class="quickview button" data-toggle="modal">
<div class="qv-text">Quickview</div>
</a>
<div class="quickview-image lifted">
<img src="images/fpo/fpo-product.jpg" />
</div>
</div>
<div class="product_desc">
<p><a href="#">Product 1 Name Goes Here</a></p>
<p><a href="#">$00.00</a></p>
<!-- <p>Product 1 Name Goes Here</p>
<p>$00.00</p> -->
</div>
</div>
<!-- desktop-brand-item.html -->
<div class="span3">
<div class="quickview-wrap">
<!-- <div class="quickview button">
<a href="#quickview-modal" role="button" class="" data-toggle="modal">Quickview</a>
</div> -->
<a href="#quickview-modal" role="button" class="quickview button" data-toggle="modal">
<div class="qv-text">Quickview</div>
</a>
<div class="quickview-image lifted">
<img src="images/fpo/fpo-product.jpg" />
</div>
</div>
<div class="product_desc">
<p><a href="#">Product 2</a></p>
<p><a href="#">$00.00</a></p>
<!-- <p>Product 2</p>
<p>$00.00</p> -->
</div>
</div>
<div class="visible-desktop">
<!-- desktop-brand-item.html -->
<div class="span3">
<div class="quickview-wrap">
<!-- <div class="quickview button">
<a href="#quickview-modal" role="button" class="" data-toggle="modal">Quickview</a>
</div> -->
<a href="#quickview-modal" role="button" class="quickview button" data-toggle="modal">
<div class="qv-text">Quickview</div>
</a>
<div class="quickview-image lifted">
<img src="images/fpo/fpo-product.jpg" />
</div>
</div>
<div class="product_desc">
<p><a href="#">Product 3</a></p>
<p><a href="#">$00.00</a></p>
<!-- <p>Product 3</p>
<p>$00.00</p> -->
</div>
</div>
</div>
<div class="span9 button-wrapper visible-desktop">
<a class="curled button corelleButton" href="#">View All 36 Dinnerware Sets</a>
<div class="dashed"></div>
</div>
</div>
<div class="row row_header">
<a name="plates"></a>
<div class="span3 product-heading">
<h5>PLATES</h5>
</div>
<div class="top-button-wrapper hidden-desktop pull-right">
<a class="curled button corelleButton" href="#">View All 36 Plates</a>
</div>
<div class="span9 visible-desktop">
<p class="sub_header">Popular Plates</p>
</div>
<div class="span12 visible-tablet">
<p class="sub_header">Popular Plates</p>
</div>
</div>
<div class="row">
<div class="span3 hidden-phone">
<div class="lifted"><img src="images/product/img_13.jpg"></div>
</div>
<div class="span3">
<a href="#">
<div class="lifted prod_img"><img src="images/fpo/fpo-product.jpg"></div>
<div class="product_desc">
<p>Product Name</p>
<p>$00.00</p>
</div>
</a>
</div>
<div class="span3">
<a href="#">
<div class="lifted prod_img"><img src="images/fpo/fpo-product.jpg"></div>
<div class="product_desc">
<p>Product Name</p>
<p>$00.00</p>
</div>
</a>
</div>
<div class="span3 visible-desktop">
<a href="#">
<div class="lifted prod_img"><img src="images/fpo/fpo-product.jpg"></div>
<div class="product_desc">
<p>Product Name</p>
<p>$00.00</p>
</div>
</a>
</div>
<div class="span9 button-wrapper visible-desktop">
<a class="curled button corelleButton" href="#">View All 36 Dinnerware Sets</a>
<div class="dashed"></div>
</div>
</div>
<div class="row row_header">
<a name="bowls"></a>
<div class="span3 product-heading">
<h5>BOWLS</h5>
</div>
<div class="top-button-wrapper hidden-desktop pull-right">
<a class="curled button corelleButton" href="#">View All 36 Bowls</a>
</div>
<div class="span9 visible-desktop">
<p class="sub_header">Popular Bowls</p>
</div>
<div class="span12 visible-tablet">
<p class="sub_header">Popular Bowls</p>
</div>
</div>
<div class="row">
<div class="span3 hidden-phone">
<div class="lifted"><img src="images/product/img_13.jpg"></div>
</div>
<div class="span3">
<a href="#">
<div class="lifted prod_img"><img src="images/fpo/fpo-product.jpg"></div>
<div class="product_desc">
<p>Product Name</p>
<p>$00.00</p>
</div>
</a>
</div>
<div class="span3">
<a href="#">
<div class="lifted prod_img"><img src="images/fpo/fpo-product.jpg"></div>
<div class="product_desc">
<p>Product Name</p>
<p>$00.00</p>
</div>
</a>
</div>
<div class="span3 visible-desktop">
<a href="#">
<div class="lifted prod_img"><img src="images/fpo/fpo-product.jpg"></div>
<div class="product_desc">
<p>Product Name</p>
<p>$00.00</p>
</div>
</a>
</div>
<div class="span9 button-wrapper visible-desktop">
<a class="curled button corelleButton" href="#">View All 36 Dinnerware Sets</a>
<div class="dashed"></div>
</div>
</div>
<div class="row row_header">
<a name="serveware"></a>
<div class="span3 product-heading">
<h5>SERVEWARE</h5>
</div>
<div class="top-button-wrapper hidden-desktop pull-right">
<a class="curled button corelleButton" href="#">View All 36 Serveware Sets</a>
</div>
<div class="span9 visible-desktop">
<p class="sub_header">Popular Serveware Sets</p>
</div>
<div class="span12 visible-tablet">
<p class="sub_header">Popular Serveware Sets</p>
</div>
</div>
<div class="row">
<div class="span3 hidden-phone">
<div class="lifted"><img src="images/product/img_13.jpg"></div>
</div>
<div class="span3">
<a href="#">
<div class="lifted prod_img"><img src="images/fpo/fpo-product.jpg"></div>
<div class="product_desc">
<p>Product Name</p>
<p>$00.00</p>
</div>
</a>
</div>
<div class="span3">
<a href="#">
<div class="lifted prod_img"><img src="images/fpo/fpo-product.jpg"></div>
<div class="product_desc">
<p>Product Name</p>
<p>$00.00</p>
</div>
</a>
</div>
<div class="span3 visible-desktop">
<a href="#">
<div class="lifted prod_img"><img src="images/fpo/fpo-product.jpg"></div>
<div class="product_desc">
<p>Product Name</p>
<p>$00.00</p>
</div>
</a>
</div>
<div class="span9 button-wrapper visible-desktop">
<a class="curled button corelleButton" href="#">View All 36 Dinnerware Sets</a>
<div class="dashed"></div>
</div>
</div>
<div class="row row_header">
<a name="bakeware-set"></a>
<div class="span3 product-heading">
<h5>BAKEWARE</h5>
</div>
<div class="top-button-wrapper hidden-desktop pull-right">
<a class="curled button corelleButton" href="#">View All 36 Bakeware Products</a>
</div>
<div class="span9 visible-desktop">
<p class="sub_header">Popular Bakeware</p>
</div>
<div class="span12 visible-tablet">
<p class="sub_header">Popular Bakeware</p>
</div>
</div>
<div class="row">
<div class="span3 hidden-phone">
<div class="lifted"><img src="images/product/img_13.jpg"></div>
</div>
<div class="span3">
<a href="#">
<div class="lifted prod_img"><img src="images/fpo/fpo-product.jpg"></div>
<div class="product_desc">
<p>Product Name</p>
<p>$00.00</p>
</div>
</a>
</div>
<div class="span3">
<a href="#">
<div class="lifted prod_img"><img src="images/fpo/fpo-product.jpg"></div>
<div class="product_desc">
<p>Product Name</p>
<p>$00.00</p>
</div>
</a>
</div>
<div class="span3 visible-desktop">
<a href="#">
<div class="lifted prod_img"><img src="images/fpo/fpo-product.jpg"></div>
<div class="product_desc">
<p>Product Name</p>
<p>$00.00</p>
</div>
</a>
</div>
<div class="span9 button-wrapper visible-desktop">
<a class="curled button corelleButton" href="#">View All 36 Dinnerware Sets</a>
<div class="dashed"></div>
</div>
<div class="coffee visible-desktop"> </div>
</div>
</div>
</section>
<section class="product_landing_collection">
<div class="container">
<h1>INTRODUCING <span class="light">THE LIVINGWARE COLLECTION</span></h1>
<div class="row">
<div class="span6">
<div class="lifted"><img src="images/product/img_14.jpg" /></div>
</div>
<div class="span6">
<div class="cinnamon visible-desktop"> </div>
<div class="prod_collection_desc">
<h3>THE LIVINGWARE COLLECTION</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p><a class="button curled" href="#">VIEW DETAILS</a></p>
</div>
<div class="mini-carousel">
<div class="mini">
<div class="carousel" data-size="170">
<ul class="slides">
<li>
<div class="lifted"><img src="images/fpo/fpo-product.jpg" /></div>
<p class="flex-caption">Product Name</p>
</li>
<li>
<div class="lifted"><img src="images/fpo/fpo-product.jpg" /></div>
<p class="flex-caption">Product Name</p>
</li>
<li>
<div class="lifted"><img src="images/fpo/fpo-product.jpg" /></div>
<p class="flex-caption">Product Name</p>
</li>
<li>
<div class="lifted"><img src="images/fpo/fpo-product.jpg" /></div>
<p class="flex-caption">Product Name</p>
</li>
<li>
<div class="lifted"><img src="images/fpo/fpo-product.jpg" /></div>
<p class="flex-caption">Product Name</p>
</li>
<li>
<div class="lifted"><img src="images/fpo/fpo-product.jpg" /></div>
<p class="flex-caption">Product Name</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="product_landing_innovation">
<div class="container">
<div class="row">
<div class="span4 span_innovation">
<h1>INNOVATION</h1>
<div class="product_innov">
<div class="lifted front_img"><img src="images/product/img_8.jpg">
<div class="circle videoPlay">
<span>Watch Now</span>
</div>
</div>
</div>
<div class="product_innov_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p>
<p><a class="button curled" href="#">LEARN MORE</a></p>
</div>
</div>
<div class="span4">
<div class="events">
<div class="evnt_dashed visible-desktop"> </div>
<h2>Upcoming<br>Events</h2>
<p class="event_date">02/30</p>
<p class="event_subheadline">SETTING A TABLE WITH LILY SMITH</p>
<p class="event_copy">Learn the tricks of the trade<br>with Chef Jones Smith.</p>
<p class="event_btn"><a class="button curled">EVENT DETAILS</a></p>
</div>
</div>
<div class="span4">
<h1><span class="light">OUR</span> STORY</h1>
<div class="product_innov">
<div class="lifted front_img"><img src="images/product/img_8.jpg"></div>
</div>
<div class="product_innov_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p>
<p><a class="button curled" href="#">LEARN MORE</a></p>
</div>
</div>
</div>
</div>
</section>
<section class="social_live">
<div class="container">
<div class="row">
<div class="span6">
<div class="whats-happening">
<h4>What’s Happening Now</h4>
<ul class="unstyled">
<li>
<div class="span5 offset1">
<div class="post-img">
<img src="images/social/product-01.png">
</div>
<div class="post-meta">
<div class="user-image">
<img src="images/social/user-01.png">
</div>
<div class="user-post">
<div class="username"><h6>Marta Pozzan Liked</h6></div>
<div class="item">
<a href="#">Corelle® Vive™ Nouveau 10-1/4” Dinner Plate</a>
</div>
</div>
<!-- <div class="row-fluid"> -->
<div class="timestamp">
<p>2 minutes ago via <span class="service">Facebook</span><a href="#"><i class="icon-facebook-sign icon-4"></i></a></p>
</div>
<!-- </div> -->
</div>
</div>
</li>
<li>
<div class="span5 offset1">
<div class="post-img">
<img src="images/social/product-02.png">
</div>
<div class="post-meta">
<div class="user-image">
<img src="images/social/user-01.png">
</div>
<div class="user-post">
<div class="username"><h6>Marta Pozzan Liked</h6></div>
<div class="item">
<a href="#">Corelle® Square Kyoto Leaves</a>
</div>
</div>
<!-- <div class="row-fluid"> -->
<div class="timestamp">
<p>2 minutes ago via <span class="service">Facebook</span><a href="#"><i class="icon-facebook-sign icon-4"></i></a></p>
</div>
<!-- </div> -->
</div>
</div>
</li>
<li>
<div class="prev-next">
<div class="left">
<a href="#"><i class="icon-double-angle-left"></i>See Previous 2</a>
</div>
<div class="right">
<a href="#">See Next 2<i class="icon-double-angle-right"></i></a>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="span6">
<div class="row-fluid">
<div class="kitchen-talk">
<div class="comments">
<h3>Kitchen Talk</h3>
<ul class="unstyled">
<li class="service_twitter">
<p class="talk_timestamp">5:45pm - 01/16/13</p>
<p class="talk_content">For every tweet with #WorldKitchen, we'll lorem ipsum dolor sit amet</p>
<p class="talk_trackback"><a href="#todo">http://wut.com/pebkac</a></p>
</li>
<li class="service_twitter">
<p class="talk_timestamp">5:45pm - 01/16/13</p>
<p class="talk_content">For every tweet with #WorldKitchen, we'll lorem ipsum dolor sit amet</p>
<p class="talk_trackback"><a href="#todo">http://wut.com/pebkac</a></p>
</li>
<li class="service_twitter">
<p class="talk_timestamp">5:45pm - 01/16/13</p>
<p class="talk_content">For every tweet with #WorldKitchen, we'll lorem ipsum dolor sit amet</p>
<p class="talk_trackback"><a href="#todo">http://wut.com/pebkac</a></p>
</li>
<li>
<h6><a href="#todo">See More Activity</a></h6>
</li>
</ul>
</div>
<div class="notebook-wrap">
<div class="notebook"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row callout">
<h5>WORLD KITCHEN BRANDS HAVE BEEN LEADING THE HOUSEWARES INDUSTRY FOR OVER 100 YEARS.</h5>
<a href="#">FIND OUT MORE <i class="icon-double-angle-right"></i></a>
</div>
<div class="row">
<div class="divider primary"></div>
<div class="span4 subscribe hidden-phone">
<h4>Stay Up To Date</h4>
<p>Be the first to know about brand & product news, events and promotions.</p>
<form action="#" class="newsletter subscriptionAJAX">
<input name="email" class="email-input" type="email" data-error-container="form.newsletter" data-error-message="Please enter a valid email" data-type="email" data-required="true" placeholder="EMAIL ADDRESS"><button type="submit" class="btn">SUBMIT</button>
</form>
</div>
<div class="span2 menu-list">
<h4>Customer Service <i class="icon-plus toggle visible-phone"></i></h4>
<ul class="customer-service hidden-phone">
<li><a href="#">Contact Us</a></li>
<li><a href="#">Shipping & Delivery</a></li>
<li><a href="#">Track My Order</a></li>
<li><a href="#">Site Map</a></li>
<li><a href="#">FAQ's</a></li>
<li><a href="#">Returns</a></li>
<li><a href="#">Got a Game Changer?</a></li>
<li><a href="#">Find a Retailer</a></li>
</ul>
</div>
<div class="divider secondary"></div>
<div class="span4 menu-list">
<h4>Our Brands <i class="icon-plus toggle visible-phone"></i></h4>
<ul class="our-brands hidden-phone">
<li><a href="#">Baker's Secret</a></li>
<li><a href="#">Chicago Cutlery</a></li>
<li><a href="#">Corelle</a></li>
<li><a href="#">CorningWare</a></li>
<li><a href="#">Pyrex</a></li>
<li><a href="#">Snapware</a></li>
<li><a href="#">Revere</a></li>
<li><a href="#">Visions</a></li>
<li><a href="#">Magnalite</a></li>
<li><a href="#">Hearthstrone</a></li>
</ul>
</div>
<div class="span2 menu-list">
<h4>About Us <i class="icon-plus toggle visible-phone"></i></h4>
<ul class="about-us hidden-phone">
<li><a href="#">Who We Are</a></li>
<li><a href="#">What We Stand For</a></li>
<li><a href="#">Our Culture</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Press</a></li>
</ul>
</div>
<div class="span4 subscribe visible-phone">
<form class="newsletter-phone subscriptionAJAX">
<input name="email" autofocus class="email-input" type="email" data-error-container="form.newsletter-phone" data-error-message="Please enter a valid email" data-type="email" data-required="true" placeholder="EMAIL ADDRESS"><button type="submit" class="btn">SUBMIT</button>
</form>
</div>
</div>
<div class="row legal">
<div class="copyright span6">Copyright © 2013 WorldKitchen, LLC. All Rights Reserved</div>
<div class="region-switcher span4 offset2 hidden-phone">Region: USA <a href="#">CHANGE REGION <i class="icon-double-angle-right"></i></a></div>
</div>
</div>
</footer>
</div>
<div id="quickview-modal" class="modal quickview-detail hide fade corelle" tabindex="-1" role="dialog">
<div class="modal-header">
<a href="#" class="close" data-dismiss="modal">+</a>
</div>
<div class="modal-body">
<div class="row-fluid">
<!-- <div class="span7">
<div class="main-image">
<div class="lifted"><img src="/images/product/img_3.jpg"></div>
</div>
<div class="product-thumbs">
<div class="lifted"><img src="/images/product/img_2.jpg"></div>
<div class="lifted"><img src="/images/product/img_2.jpg"></div>
<div class="lifted"><img src="/images/product/img_4.jpg"></div>
</div>
</div> -->
<div class="span6">
<!--
When user clicks on a thumbnail, .main-image img src will get
updated with src supplied in data-qv-image from .product-thumbs
below. See scripts/modules.js#quickviewCarousel() for details.
-->
<div class="main-image">
<div class="lifted"><img src="images/product/img_2_big.jpg"></div>
</div>
<div class="product-thumbs">
<div class="lifted">
<a href="#" class="active" data-qv-image="/images/product/img_2_big.jpg">
<img src="images/product/quickview-altprod-01.png">
</a>
</div>
<div class="lifted">
<a href="#" data-qv-image="/images/product/img_3_big.jpg">
<img src="images/product/quickview-altprod-02.png">
</a>
</div>
<div class="lifted">
<a href="#" data-qv-image="/images/product/img_4_big.jpg">
<img src="images/product/quickview-altprod-03.png">
</a>
</div>
</div>
</div>
<div class="span6 product-info">
<a href="#"><h2>Classic Cafe Black</h2></a>
<div><p>Corell Livingware, the original break and chip resistant glass dinnerware. Trust that it can stand up to the rigors of everyday life and still look great.</p></div>
<div class="add-to"><a href="#">+ Read More</a></div>
<p class="product-stars">
<i class="icon-star"></i>
<i class="icon-star"></i>
<i class="icon-star"></i>
<i class="icon-star"></i>
<span class="light"><i class="icon-star"></i></span>
<span class="light"> (42)</span>
</p>
<p>MSRP: $12.34</p>
<form>
<div class="select-color">
<label>Color <span class="selected-color">White/Black</span></label>
<!-- <div class="brand-select curled"> -->
<div class="brand-select">
<div class="color-chip"></div>
<select>
<option value="black" data-color="#000" selected="selected">Black</option>
<option value="white" data-color="#fff">White</option>
</select>
</div>
</div>
<div class="select-quantity">
<label>Quantity</label>
<!-- <div class="brand-select curled"> -->
<div class="brand-select">
<select>
<option selected="selected">1</option>
<option>2</option>
<option>3</option>
</select>
</div>
</div>
<div class="form-row clearfix">
<button class="button add-cart curled btn-block" type="submit">add to cart</button>
<a class="button find-store curled btn-block" href="#">find a retailer</a>
</div>
</form>
<div class="social-share">>> Social Widget Goes Here <<</div>
<div class="add-to"><a href="#">+ Add to Wishlist</a></div>
<div class="product-features">
<h4>Features</h4>
<ul>
<li>Brilliant Black 10-1/4' Dinner Plate (4-Pack)</li>
<li>Dishwasher safe for long lasting patterns</li>
<li>Microwave and oven safe for versatility</li>
<li>Patterns won't wash wear or scratch off</li>
<li>Break and chip Resistance for carefree durability</li>
<li>Stackability for cupboard space efficiency</li>
<li>3 Year Limited Warranty</li>
</ul>
</div>
<div class="add-to"><a href="#">Product Details <i class="icon-double-angle-right"></i></a></div>
</div>
</div>
<!-- <section class="product_detail_top">
<div class="container">
include('product-detail/product-detail-top.html')
</div>
</section> -->
</div>
<!-- <div class="modal-footer">
<p>...and an optional .modal-footer!</p>
</div> -->
</div>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
<script src="scripts/vendor/jquery.js"></script>
<script src="scripts/vendor/plugins.js"></script>
<script src="scripts/app.js"></script>
<!-- brand.js is development code only to display brand-specific content. this should
be removed in production and replaced by GRI server-side scripting -->
<script type="text/javascript">
var globalTempVar = {
init: function () {
var search = window.location && location.search,
querys = search && search.replace(/^\?/,'').split('&'),
brands = querys && $.map(querys, function (value) {
var pairs = value.split('=');
if (pairs[0] === 'brand') {
return pairs[1];
}
}),
brand = brands.length && brands[0],
$body = $('body');
if (brand) {
$body.addClass(brand).addClass('branded').attr('data-brand-id', brand);
globalTempVar.setCurrentBrandButton(brand);
}
},
setCurrentBrandButton: function (brand) {
$('.current-brand-button > div').addClass(brand);
}
};
globalTempVar.init();
</script>
</body>
</html>
<!-- Localized -->