| 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>Brand 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>
<!-- ********
NOTE TO INTEGRATION TEAM:
INSERT "data-brand-id" WITH APPROPRIATE BRAND ID VALUE
********
-->
<body class="brand_landing brand_strip_page" data-ns="WOK" data-section="shop" data-page="brandlanding" data-brand-id="">
<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>
<section class="main-carousel">
<!-- 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 dot">
<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>
<section class="product-navigation">
<div class="container">
<div class="row">
<div class="product featured span6">
<a href="#">
<div class="img_contain lifted">
<img src="images/fpo/prod-nav-large.jpg" alt="">
</div>
<h2>PARING KNIVES</h2>
</a>
</div>
<div class="product span3">
<a href="#">
<div class="img_contain">
<img src="images/fpo/fpo-product.jpg" alt="">
</div>
<h2>PARING KNIVES</h2>
</a>
</div>
<div class="product span3">
<a href="#">
<div class="img_contain">
<img src="images/fpo/fpo-product.jpg" alt="">
</div>
<h2>PARING KNIVES</h2>
</a>
</div>
<div class="product span3">
<a href="#">
<div class="img_contain">
<img src="images/fpo/fpo-product.jpg" alt="">
</div>
<h2>PARING KNIVES</h2>
</a>
</div>
<div class="product promo span3">
<a href="#">
<div class="img_contain">
<img src="images/fpo/small_promo.png" alt="">
</div>
</a>
</div>
<div class="product span3">
<a href="#">
<div class="img_contain">
<img src="images/fpo/fpo-product.jpg" alt="">
</div>
<h2>PARING KNIVES</h2>
</a>
</div>
<div class="product span3">
<a href="#">
<div class="img_contain">
<img src="images/fpo/fpo-product.jpg" alt="">
</div>
<h2>PARING KNIVES</h2>
</a>
</div>
<div class="product span3">
<a href="#">
<div class="img_contain">
<img src="images/fpo/fpo-product.jpg" alt="">
</div>
<h2>PARING KNIVES</h2>
</a>
</div>
</div>
</div>
</section>
<section class="brand_article">
<div class="container">
<h1>Innovations</h1>
<div class="row">
<div class="brand_article_image span9">
<div class="peeled"><img src="images/fpo/vid-thumb.jpg"></div>
</div>
<div class="brand_article_copy span3">
<h3>STAINLESS STEEL BLADE</h3>
<p>Chicago Cutlery blades are lorem ipsum sit amet consect lorem ipsum dolor sit consectitur ambulare vincit doleo ergo cogito sum. Finestra dolor ipsum dolor sit amet vincit. Vitrelle lorem ipsum dolor sit ametconsectitur ambulare vincit doleo ergo cogito sum. </p>
<p><a class="curled button">Learn More</a></p>
<div class="food">
</div>
</div>
</div>
</div>
</section>
<section class="most_liked">
<div class="container">
<h1>Most <strong>Liked</strong></h1>
<div class="most-liked-see-all">
<a href="#"> See All Products <i class="icon-double-angle-right"></i></a>
</div>
<div class="flexslider-wrap"><div class="flexslider">
<ul class="slides">
<li>
<div class="innerslide">
<img src="images/fpo/fpo-product.jpg" />
<div class="brandname">Corelle</div>
<div class="prodname">Product Name</div>
<div class="likebtn">
FB like button goes here
</div>
</div>
</li>
<li>
<div class="innerslide">
<img src="images/fpo/fpo-product.jpg" />
<div class="brandname">Corelle</div>
<div class="prodname">Product Name</div>
<div class="likebtn">
FB like button goes here
</div>
</div>
</li>
<li>
<div class="innerslide">
<img src="images/fpo/fpo-product.jpg" />
<div class="brandname">Corelle</div>
<div class="prodname">Product Name</div>
<div class="likebtn">
FB like button goes here
</div>
</div>
</li>
<li>
<div class="innerslide">
<img src="images/fpo/fpo-product.jpg" />
<div class="brandname">Corelle</div>
<div class="prodname">Product Name</div>
<div class="likebtn">
FB like button goes here
</div>
</div>
</li>
<li>
<div class="innerslide">
<img src="images/fpo/flower-plate.png" />
<div class="brandname">Corelle</div>
<div class="prodname">Product Name</div>
<div class="likebtn">
FB like button goes here
</div>
</div>
</li>
<li>
<div class="innerslide">
<img src="images/fpo/flower-plate.png" />
<div class="brandname">Corelle</div>
<div class="prodname">Product Name</div>
<div class="likebtn">
FB like button goes here
</div>
</div>
</li>
<li>
<div class="innerslide">
<img src="images/fpo/flower-plate.png" />
<div class="brandname">Corelle</div>
<div class="prodname">Product Name</div>
<div class="likebtn">
FB like button goes here
</div>
</div>
</li>
<li>
<div class="innerslide">
<img src="images/fpo/flower-plate.png" />
<div class="brandname">Corelle</div>
<div class="prodname">Product Name</div>
<div class="likebtn">
FB like button goes here
</div>
</div>
</li>
</ul>
</div></div>
</div>
</section>
<section class="collection">
<div class="container">
<div class="collection-header">
<h1><span class="bold">The Essentials</span> Collection</h1>
</div>
<div class="row">
<div class="collection-image span6">
<div class="lifted"><img src="images/brand/collection-big-knife-block.png"></div>
</div>
<div class="span6">
<div class="collection-description">
<h3>The Essentials Collection</h3>
<p>Lorem ipsum Pariatur in sint et ad culpa officia tempor cupidatat eu in consectetur Duis.</p>
<a class="button peeled" href="#">View Details</a>
</div>
<div class="flexslider visible-desktop">
<ul class="slides">
<li>
<div class="lifted"><img src="images/brand/collection-item-knife-01.png"></div>
</li>
<li>
<div class="lifted"><img src="images/brand/collection-item-knife-02.png"></div>
</li>
<li>
<div class="lifted"><img src="images/brand/collection-item-knife-03.png"></div>
</li>
<li>
<div class="lifted"><img src="images/brand/collection-item-knife-01.png"></div>
</li>
<li>
<div class="lifted"><img src="images/brand/collection-item-knife-02.png"></div>
</li>
<li>
<div class="lifted"><img src="images/brand/collection-item-knife-03.png"></div>
</li>
<li>
<div class="lifted"><img src="images/brand/collection-item-knife-01.png"></div>
</li>
<li>
<div class="lifted"><img src="images/brand/collection-item-knife-02.png"></div>
</li>
<li>
<div class="lifted"><img src="images/brand/collection-item-knife-03.png"></div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="promo-featured-article">
<div class="container">
<div class="row">
<div class="span4 visible-desktop">
<div class="large-promo">
<div class="lifted image">
<img src="images/brand/large-promo.png">
</div>
<div class="promo-wrap">
<div class="promo-header">
<h1>Knife <span class="bold">Skills 101</span></h1>
</div>
<div class="promo-text">
<p>Lorem ipsum Pariatur in sint et ad culpa officia tempor cupidatat eu in consectetur Duis.</p>
<a class="button peeled" href="#">Read More</a>
</div>
</div>
</div>
</div>
<div class="span8 visible-desktop">
<div class="featured-article-line"></div>
<div class="featured-article">
<div class="featured-header">
<h1><span class="bold">Featured</span> Article</h1>
</div>
<div class="featured-images">
<div class="image-front lifted">
<img src="images/brand/featured-article-front.png">
</div>
<div class="image-back">
<div class="lifted">
<img src="images/brand/featured-article-back.png">
</div>
</div>
</div>
<div class="featured-description">
<h3>Tips for chopping veggies</h3>
<p>Lorem ipsum Pariatur in sint et ad culpa officia tempor cupidatat eu in consectetur Duis.</p>
<a class="button peeled hidden-tablet hidden-phone" href="#">Read More</a>
<a class="visible-tablet visible-phone" href="#">Read More</a>
</div>
</div>
</div>
<div class="span6 visible-tablet visible-phone">
<div class="large-promo">
<div class="lifted image">
<img src="images/brand/large-promo.png">
</div>
<div class="promo-wrap">
<div class="promo-header">
<h1>Knife <span class="bold">Skills 101</span></h1>
</div>
<div class="promo-text">
<p>Lorem ipsum Pariatur in sint et ad culpa officia tempor cupidatat eu in consectetur Duis.</p>
<a class="button peeled" href="#">Read More</a>
</div>
</div>
</div>
</div>
<div class="span6 visible-tablet visible-phone">
<div class="featured-article-line"></div>
<div class="featured-article">
<div class="featured-header">
<h1><span class="bold">Featured</span> Article</h1>
</div>
<div class="featured-images">
<div class="image-front lifted">
<img src="images/brand/featured-article-front.png">
</div>
<div class="image-back">
<div class="lifted">
<img src="images/brand/featured-article-back.png">
</div>
</div>
</div>
<div class="featured-description">
<h3>Tips for chopping veggies</h3>
<p>Lorem ipsum Pariatur in sint et ad culpa officia tempor cupidatat eu in consectetur Duis.</p>
<a class="button peeled hidden-tablet hidden-phone" href="#">Read More</a>
<a class="visible-tablet visible-phone" href="#">Read More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="olapic-carousel">
<h2>#WorldKitchen on </h2>
<p>Share your Twitter or instagram photos by tagging them with #worldkitchen</p>
<div id="olapic_specific_widget"></div>
<a class="curled button" href="instagram-landing.html">See All Photos</a>
</section>
<section class="events-story">
<div class="container">
<div class="row">
<div class="span4">
<div class="events-line"></div>
<div class="events">
<div class="row">
<!-- <div class="span4 visible-desktop"> -->
<div class="">
<div class="event-header"><h2>Upcoming Events</h2></div>
<div class="date"><p>04/30</p></div>
<div class="event-title"><h3>Slicing & Dicing Tutorial</h3></div>
<div class="event-text"><p>Learn the tricks of the trade with Chef Jones.</p></div>
<!-- <a class="button peeled hidden-tablet hidden-phone" href="#">Event Details</a> -->
<a class="button peeled" href="#">Event Details</a>
<!-- <a class="visible-tablet visible-phone" href="#">Event Details</a> -->
</div>
<!-- <div class="span6 visible-tablet visible-phone"> -->
<!-- <div class="visible-tablet visible-phone">
<div class="event-header"><h2>Upcoming Events</h2></div>
<div class="date"><p>04/30</p></div>
<div class="event-title"><h3>Slicing & Dicing Tutorial</h3></div>
<div class="event-text"><p>Learn the tricks of the trade with Chef Jones.</p></div>
<a class="button peeled" href="#">Event Details</a>
</div> -->
</div>
</div>
<!-- <div class="events-circle"></div> -->
</div>
<div class="span8">
<div class="story-header">
<div class="row">
<h1>Our<span class="bold"> Story</span></h1>
</div>
<div class="row visible-desktop">
<div class="span5">
<div class="lifted">
<img src="images/brand/our-story.png">
</div>
</div>
<div class="span3">
<div class="story-text">
<h3>Since 1930</h3>
<p>Lorem ipsum Pariatur in sint et ad culpa officia tempor cupidatat eu in consectetur Duis.</p>
<a class="button peeled hidden-tablet hidden-phone" href="#">Learn More</a>
<a class="visible-tablet visible-phone" href="#">Learn More</a>
</div>
</div>
</div>
<div class="row visible-tablet visible-phone">
<div class="span8">
<div class="lifted">
<img src="images/brand/our-story.png">
</div>
</div>
<div class="span8">
<div class="story-text">
<h3>Since 1930</h3>
<p>Lorem ipsum Pariatur in sint et ad culpa officia tempor cupidatat eu in consectetur Duis.</p>
<a class="button peeled hidden-tablet hidden-phone" href="#">Learn More</a>
<a class="visible-tablet visible-phone" href="#">Learn More</a>
</div>
</div>
</div>
</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>
<section class="footer_nav">
<div class="container">
<div class="row">
<div class="footer-nav">
<div class="tabs">
<a href="#" id="brand" class="selected">Explore World Kitchen by Brand</a>
<a href="#" id="category">Explore World Kitchen by Category</a>
</div>
<ul class="brand-menu">
<li>
<a href="brand-landing-brand=corelle.html" class="corelle">
<img alt="corelle" src="images/brand-logo/corelle.png"/>
<span>Dinnerware</span>
</a>
</li>
<li>
<a href="brand-landing-brand=pyrex.html" class="pyrex">
<img alt="pyrex" src="images/brand-logo/pyrex.png"/>
<span>Bakeware</span>
</a>
</li>
<li>
<a href="brand-landing-brand=corningware.html" class="corningWare">
<img alt="corningware" src="images/brand-logo/corningware.png"/>
<span>Entertaining</span>
</a>
</li>
<li>
<a href="brand-landing-brand=chicagocutlery.html" class="chicagoCutlery">
<img alt="chicago cutlery" src="images/brand-logo/chicagoCutlery.png"/>
<span>Cutlery</span>
</a>
</li>
<li>
<a href="brand-landing-brand=bakerssecret.html" class="bakersSecret">
<img alt="baker's secret" src="images/brand-logo/bakersSecret.png"/>
<span>Wedding</span>
</a>
</li>
<li>
<a href="brand-landing-brand=snapware.html" class="snapware">
<img alt="snapware" src="images/brand-logo/snapware.png"/>
<span>Storage</span>
</a>
</li>
</ul>
</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>
<!--[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 -->