| 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>Video 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="video_landing" data-ns="WOK" data-section="media" data-page="videolanding">
<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="breadcrumbs">
<div class="container">
<div>
<h2>Videos</h2>
<ul><li><a href='index.html'>Home</a><span class='delimiter'>/</span></li><li><a href='#' class='current'>Videos</a></li></ul>
</div>
</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 " 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>
<div class="sub_nav visible-desktop">
<div class="container">
<ul class="unstyled">
<li><a href="#tabletop">Tabletop Videos</a></li>
<li><a href="#recipe">Recipe Videos</a></li>
<li><a href="#party">Party Ideas</a></li>
<li><a href="#storage-video">Storage Videos</a></li>
<li><a href="#cooking">Cooking Tips</a></li>
</ul>
</div>
</div>
<div class="accordion hidden-desktop" id="explore-category">
<div class="group">
<div class="heading">
<a href="#category-menu" class="category 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="#tabletop">Tabletop Videos</a></li>
<li><a href="#recipe">Recipe Videos</a></li>
<li><a href="#party">Party Ideas</a></li>
<li><a href="#storage-video">Storage Videos</a></li>
<li><a href="#cooking">Cooking Tips</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="video_category">
<div class="sub_nav visible-desktop">
<div class="container">
<ul class="unstyled">
<li><a href="#tabletop">Tabletop Videos</a></li>
<li><a href="#recipe">Recipe Videos</a></li>
<li><a href="#party">Party Ideas</a></li>
<li><a href="#storage-video">Storage Videos</a></li>
<li><a href="#cooking">Cooking Tips</a></li>
</ul>
</div>
</div>
<div class="accordion hidden-desktop" id="explore-category">
<div class="group">
<div class="heading">
<a href="#category-menu" class="category 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="#tabletop">Tabletop Videos</a></li>
<li><a href="#recipe">Recipe Videos</a></li>
<li><a href="#party">Party Ideas</a></li>
<li><a href="#storage-video">Storage Videos</a></li>
<li><a href="#cooking">Cooking Tips</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="tabletop" class="container">
<div class="row">
<div class="span8 offset2 visible-desktop">
<h1><span>Tabletop</span> Videos</h1>
</div>
<div class="span2 visible-desktop">
<h5 class="pull-right"><a href="#">See All Videos <i class="icon-double-angle-right"></i></a></h5>
</div>
<div class="span12 hidden-desktop">
<h1><span>Tabletop</span> Videos</h1>
<h5 ><a href="#">See All Videos <i class="icon-double-angle-right"></i></a></h5>
</div>
</div>
<div class="row visible-desktop visible-tablet">
<ul class="unstyled">
<li class="span3">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-cat-1.jpg" /></div>
<h3>Serveware Tips</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
<li class="span3">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-cat-2.jpg" /></div>
<h3>Tabletop Tips for Entertaining</h3>
<div class="circle videoPlay" href="#">Watch Now</div>
</a>
</li>
<li class="span3">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-cat-3.jpg" /></div>
<h3>Setting Your Table</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
<li class="span3 hidden-tablet">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-cat-4.jpg" /></div>
<h3>Tabletop Video</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
</ul>
</div>
<div class="row visible-phone">
<div class="span12">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-cat-4.jpg" /></div>
<h3>Tabletop Storage</h3>
</a>
</div>
</div>
<div class="dashed"> </div>
</div>
<div id="recipe" class="container">
<div class="row">
<div class="span8 offset2 visible-desktop">
<h1><span>Recipe</span> Videos</h1>
</div>
<div class="span2 visible-desktop">
<h5 class="pull-right"><a href="#">See All Videos <i class="icon-double-angle-right"></i></a></h5>
</div>
<div class="span12 hidden-desktop">
<h1><span>Recipe</span> Videos</h1>
<h5 ><a href="#">See All Videos <i class="icon-double-angle-right"></i></a></h5>
</div>
</div>
<div class="row visible-desktop visible-tablet">
<ul class="unstyled">
<li class="span3">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-recipe-1.jpg" /></div>
<h3>Chicken Casserole</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
<li class="span3">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-recipe-2.jpg" /></div>
<h3>Carmelized Onions</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
<li class="span3">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-recipe-3.jpg" /></div>
<h3>Herb Crusted Fish</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
<li class="span3 hidden-tablet">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-recipe-4.jpg" /></div>
<h3>Chocolate Chip Cookies</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
</ul>
</div>
<div class="row visible-phone">
<div class="span12">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-recipe-4.jpg" /></div>
<h3>Chocolate Chip Cookies</h3>
</a>
</div>
</div>
<div class="dashed"> </div>
</div>
<div id="party" class="container">
<div class="row">
<div class="span8 offset2 visible-desktop">
<h1><span>Party</span> Ideas</h1>
</div>
<div class="span2 visible-desktop">
<h5 class="pull-right"><a href="#">See All Videos <i class="icon-double-angle-right"></i></a></h5>
</div>
<div class="span12 hidden-desktop">
<h1><span>Party</span> Ideas</h1>
<h5 ><a href="#">See All Videos <i class="icon-double-angle-right"></i></a></h5>
</div>
</div>
<div class="row visible-desktop visible-tablet">
<ul class="unstyled">
<li class="span3">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-party-1.jpg" /></div>
<h3>Birthday Party</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
<li class="span3">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-party-2.jpg" /></div>
<h3>10 Delicious Treats for Kids</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
<li class="span3">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-party-3.jpg" /></div>
<h3>Dessert on a Dime</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
<li class="span3 hidden-tablet">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-party-4.jpg" /></div>
<h3>Bridal Shower Cupcakes</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
</ul>
</div>
<div class="row visible-phone">
<div class="span12">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-party-4.jpg" /></div>
<h3>Bridal Shower Cupcakes</h3>
</a>
</div>
</div>
<div class="dashed"> </div>
</div>
<div id="storage-video" class="container">
<div class="row">
<div class="span8 offset2 visible-desktop">
<h1><span>Storage</span> Videos</h1>
</div>
<div class="span2 visible-desktop">
<h5 class="pull-right"><a href="#">See All Videos <i class="icon-double-angle-right"></i></a></h5>
</div>
<div class="span12 hidden-desktop">
<h1><span>Storage</span> Videos</h1>
<h5 ><a href="#">See All Videos <i class="icon-double-angle-right"></i></a></h5>
</div>
</div>
<div class="row visible-desktop visible-tablet">
<ul class="unstyled">
<li class="span3">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-storage-1.jpg" /></div>
<h3>Cereal Storage</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
<li class="span3">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-storage-2.jpg" /></div>
<h3>Countertop Snack Storage</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
<li class="span3">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-storage-3.jpg" /></div>
<h3>Storing Leftovers</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
<li class="span3 hidden-tablet">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-storage-4.jpg" /></div>
<h3>Fridge Storage</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
</ul>
</div>
<div class="row visible-phone">
<div class="span12">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-storage-4.jpg" /></div>
<h3>Fridge Storage</h3>
</a>
</div>
</div>
<div class="dashed"> </div>
</div>
<div id="cooking" class="container">
<div class="row">
<div class="span8 offset2 visible-desktop">
<h1><span>Cooking</span> Tips</h1>
</div>
<div class="span2 visible-desktop">
<h5 class="pull-right"><a href="#">See All Videos <i class="icon-double-angle-right"></i></a></h5>
</div>
<div class="hidden-desktop">
<h1><span>Cooking</span> Tips</h1>
<h5 ><a href="#">See All Videos <i class="icon-double-angle-right"></i></a></h5>
</div>
</div>
<div class="row visible-desktop visible-tablet">
<ul class="unstyled">
<li class="span3">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-cooking-1.jpg" /></div>
<h3>How to Chop</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
<li class="span3">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-cooking-2.jpg" /></div>
<h3>Measuring Your Ingredients</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
<li class="span3">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-cooking-3.jpg" /></div>
<h3>Stovetop Efficiency</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
<li class="span3 hidden-tablet">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-cooking-4.jpg" /></div>
<h3>Cooking Tips Video</h3>
<div class="circle videoPlay">Watch Now</div>
</a>
</li>
</ul>
</div>
<div class="row visible-phone">
<div class="span12">
<a href="#" class="thumb_brand">
<div class="peeled"><img src="images/video/video-cooking-1.jpg" /></div>
<h3>How to Chop</h3>
</a>
</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>
</body>
</html>
<!-- Localized -->