| 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>Our Story</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="our_story" data-ns="WOK" data-section="content" data-page="ourstory">
<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">
<div class="hero text " data-nav="text">
<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>
</section>
<section class="blog_article_primary">
<div class="container">
<div class="row">
<div class="span4 visible-desktop">
<h1>PYREX:<br />OUR STORY</h1>
<div class="dashed"></div>
<img src="http://placehold.it/366x28"> <!--SOCIAL LINKS PLACEHOLDER -->
<div class="blog_article_recommended_products">
<h5>Recommended Products</h6>
<ul class="unstyled">
<li>
<div class="lifted"><img alt="Corelle" src="images/fpo/fpo-product.jpg"></div>
<h6><a href="#">PYREX</a></h6>
<div><a href="#" class="secondaryLink">Product Name</a></div>
</li>
<li >
<div class="lifted"><img alt="Corelle" src="images/fpo/fpo-product.jpg"></div>
<h6><a href="#">PYREX</a></h6>
<div><a href="#" class="secondaryLink">Product Name</a></div>
</li>
<li >
<div class="lifted"><img alt="Corelle" src="images/fpo/fpo-product.jpg"></div>
<h6><a href="#">PYREX</a></h6>
<div><a href="#" class="secondaryLink">Product Name</a></div>
</li>
<li>
<div class="lifted"><img alt="Corelle" src="images/fpo/fpo-product.jpg"></div>
<h6><a href="#">PYREX</a></h6>
<div><a href="#" class="secondaryLink">Product Name</a></div>
</li>
</ul>
</div>
</div>
<div class="span12 visible-phone visible-tablet">
<h1>PYREX:<br />OUR STORY</h1>
<div class="dashed"></div>
<img src="http://placehold.it/366x28"> <!--SOCIAL LINKS PLACEHOLDER -->
</div>
<div class="span7 offset1 blog_article_right_side visible-desktop">
<article>
<h2>The Origins of Pyrex</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt:</p>
<ul>
<li>Sed ornare volupat gravida</li>
<li>Mauris eu odio eget justo ultrices placerat</li>
<li>Nulla accumsan pellentesque lectus</li>
<li>Curabitur felis mauris, mollis viverra mollis a, sagittis et ligula</li>
<li>Pellentesque habitant morbi tristique senectus</li>
</ul>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</article>
<article>
<h2>Section header here</h2>
<div class="video-container">
<div class="peeled pull-left article_img"><img src="images/blog/blg_artcl_1.jpg" />
<div class="videoPlayPyrex video_badge img-circle">
<span>Watch Now</span>
</div>
</div>
</div>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit ametqui officia deserunt mollit anim id est laborum.ugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</article>
</div>
<div class="span12 blog_article_right_side visible-phone visible-tablet">
<article>
<h2>The Origins of Pyrex</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt:</p>
<ul>
<li>Sed ornare volupat gravida</li>
<li>Mauris eu odio eget justo ultrices placerat</li>
<li>Nulla accumsan pellentesque lectus</li>
<li>Curabitur felis mauris, mollis viverra mollis a, sagittis et ligula</li>
<li>Pellentesque habitant morbi tristique senectus</li>
</ul>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</article>
<article>
<h2>Section header here</h2>
<div class="video-container">
<div class="peeled pull-left article_img"><img src="images/blog/blg_artcl_1.jpg" />
<div class="videoPlayPyrex video_badge img-circle">
<span>Watch Now</span>
</div>
</div>
</div>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit ametqui officia deserunt mollit anim id est laborum.ugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</article>
<div class="blog_article_recommended_products">
<h5>Recommended Products</h6>
<ul class="unstyled">
<li>
<div class="lifted"><img alt="Corelle" src="images/fpo/fpo-product.jpg"></div>
<h6><a href="#">PYREX</a></h6>
<div><a href="#" class="secondaryLink">Product Name</a></div>
</li>
<li >
<div class="lifted"><img alt="Corelle" src="images/fpo/fpo-product.jpg"></div>
<h6><a href="#">PYREX</a></h6>
<div><a href="#" class="secondaryLink">Product Name</a></div>
</li>
<li >
<div class="lifted"><img alt="Corelle" src="images/fpo/fpo-product.jpg"></div>
<h6><a href="#">PYREX</a></h6>
<div><a href="#" class="secondaryLink">Product Name</a></div>
</li>
<li>
<div class="lifted"><img alt="Corelle" src="images/fpo/fpo-product.jpg"></div>
<h6><a href="#">PYREX</a></h6>
<div><a href="#" class="secondaryLink">Product Name</a></div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="brand_article">
<div class="container">
<h1>Pyrex Innovations</h1>
<div class="row">
<div class="span9">
<div class="peeled brand-img"><img src="images/our-story/pyrex-innovations.jpg">
<div class="videoPlayPyrex video_badge img-circle">
<span>Watch Now</span>
</div>
</div>
</div>
<div class="brand_article_copy span3">
<h3>AIRTIGHT LIDS</h3>
<p>Pyrex Lids 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 pyrex">Learn More</a></p>
<div class="food peppers"><img src="images/our-story/peppers.png"></div>
</div>
</div>
</div>
</section>
<section class="promo-featured-article">
<div class="fruit"><img src="images/our-story/cantelope.png" /></div>
<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>Behind <span class="bold">The Recipes</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>Party Prep 101</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>Behind <span class="bold">The Recipes</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>Party Prep 101</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="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>
<!-- 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>
<!--[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>
</body>
</html>
<!-- Localized -->