Find file
Fetching contributors…
Cannot retrieve contributors at this time
212 lines (184 sloc) 13.2 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="" xml:lang="en" lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="title" content="Fizzy Lizzy" />
<meta name="description" content="Award-winning blend of fruit juice + fizzy water with no added sugars or preservatives; average of 60% juice/bottle available in eight delicious flavors." />
<meta name="keywords" content="fizzy lizzy, healthy soda, natural" />
<meta name="robots" content="index, follow" />
<meta name="language" content="en" />
<title>Fizzy Lizzy Drinks</title>
<meta name="viewport" content="width=960"/>
<link rel="shortcut icon" href="">
<link rel="alternate" type="application/rss+xml" href="">
<link rel="apple-touch-icon" href=""></link>
<script type="text/javascript" src=""></script>
<script type="text/javascript">
function getUrlVars(){
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++){
hash = hashes[i].split('=');
vars[hash[0]] = hash[1];
return vars;
var showposts = getUrlVars()["showposts"];
if(!showposts && window.location == ""){
var uri = window.location.pathname.replace("/","");
if(uri == "grape" || uri == "pineapple" || uri == "rasplemon" || uri == "grapefruit" || uri == "apple" || uri == "cranberry" || uri == "tangerinepassion"){
uri = 'drinks';
} else if(uri == "tflchs" || uri == "sofi" || uri == "lizzy" || uri == "faqs"){
uri = 'aboutus';
} else if(showposts){
uri = 'shoutouts';
$('.primary_nav ul li.'+uri).addClass('current');
<link rel="stylesheet" type="text/css" media="screen" href="" />
<link rel="stylesheet" type="text/css" media="screen" href="" />
<style type="text/css">
body {
font: 16px/1.4 'NobileRegular', Calibri, Arial, sans-serif;
a { text-decoration: none; color: #622323; }
a:hover { color: #ee3524; }
.eyebrow { height: 3px; background-color: #350100; }
.header { width: 1000px; margin: 0 auto; padding: 0 12px; overflow: hidden; }
.header h1.logo { float: left; width: 150px; height: 150px; margin: 5px 0 0 65px; }
.header h1.logo a { display: block; width: 150px; height: 150px; text-indent: -9000px; overflow: hidden; background: transparent url( no-repeat -1px -1px ; }
.header .primary_nav { float: right; width: 710px; margin: 45px 0 0 ; border: 3px solid #e9dcbb; border-width: 3px 0; }
.header .primary_nav li { display: inline-block; padding: 8px 5px; }
.header .primary_nav li a { display:block; padding: 5px 5px 5px; text-decoration:none; font: 15px/1 'NobileBold', Calibri, Arial, sans-serif; color: #ee3524; }
sup { font-size:0.6em; vertical-align: super; }
.header .primary_nav li.current { padding-left: 4px; background: transparent url( no-repeat 0 8px; }
.header .primary_nav li.current a { padding-right: 8px; background: #e2b059 url( no-repeat right top; letter-spacing: -0.5px; color: #fff; }
.hero { position:relative; width: 1024px; height: 340px; margin: 0 auto -12px; background: transparent url( no-repeat left bottom; }
.hero ul.flavors { overflow: hidden; }
.hero ul.flavors li { float: left; width: 14.28%; }
.hero ul.flavors li a { display: block; }
.hero ul.flavors li a img { display: block; width: 137px; margin: 0 auto; }
.hero ul.flavors li a:hover img { width: 150px; }
.main_content_container { padding: 21px 0 0; background: #f1dcbb url( repeat-x 0 0; }
.main_content_container .main_content { width: 980px; margin: 0 auto; padding: 0 0 30px 10px; overflow: hidden; color: #aa3d3d; }
body.home .main_content_container .main_content { background: transparent url( no-repeat 0 0; }
body.inner .main_content_container .main_content { background: transparent url( no-repeat 200px -115px; }
.main_content_container .main_content .half_col { width: 50%; float: left; }
.main_content_container .main_content .half_col h3 { margin-top: 25px; font: 19px/1.3 'NobileBold', Arial, sans-serif; }
.main_content_container .main_content .half_col a.banner,
.main_content_container .main_content .half_col a.banner img { display: block; }
.main_content_container .main_content .half_col a.banner img { margin-bottom: 10px; }
.main_content_container .main_content .colA { float: left; width: 300px; margin-right: 40px; }
.main_content_container .main_content .colB { float: left; width: 640px }
.main_content_container .main_content .colA img { display: block; margin: 0 auto; }
.main_content_container .main_content h1 { margin-top: 40px; font: 44px/1.2 'NobileBold', Arial, sans-serif; letter-spacing: -2px; }
.main_content_container .main_content h2 { margin: 20px 0; font: 19px/1.4 'MatizRegular', Arial, sans-serif; letter-spacing: -1px; }
.main_content_container .main_content p { margin-top: 24px; font: 16px/1.4 'NobileRegular', Arial, sans-serif; }
.main_content_container .main_content table { width: 100%; margin: 24px 0 40px; padding: 0 8px; color: #fff; }
.main_content_container .main_content table td { padding: 10px 10px; background: #aba197; border-right: 2px solid #514f56; font: 16px/1 'NobileBold', Arial, sans-serif; text-align: center; }
.main_content_container .main_content table td:last-child { border-right-width: 0; }
.footer_container { padding: 21px 0 ; background: #350100 url( repeat-x 0 0; }
.footer_container .footer { width: 980px; margin: 0 auto; padding: 10px 0 0 10px; overflow: hidden; background: transparent url( no-repeat 0 0; overflow: hidden; color: #fff; }
.footer a { color: #ee3524; }
.footer .main_callout { float: left; width: 440px; margin: 5px 80px 0 0; }
.footer .main_callout h4 { float:left; font: 26px/1 'NobileBold', Arial, sans-serif; text-align: right; text-transform: uppercase; }
.footer .main_callout h4 span { display: block; font-size: 48px; }
.footer .main_callout .desc { float: right; width: 235px; }
.footer .main_callout p { font: 12px/1.4 'NobileBold', Arial, sans-serif; }
.footer .social { float: left; width: 240px; margin-top: 10px; }
.footer .social dl dt { display: none; }
.footer .social dl dd { margin-bottom: 8px; font-size: 11px; color: #808080; }
.footer .social dl dd.twitter { padding-left: 20px; background: transparent url( no-repeat 0 0; }
.footer .social dl dd.rss { padding-left: 20px; background: transparent url( no-repeat 0 0; }
.footer .footer_nav { width: 220px; float: left; }
.footer .footer_nav ul { overflow: hidden; }
.footer .footer_nav ul li { float:left; width: 110px; }
.footer .footer_nav ul li a { text-decoration:none; font: 12px/1 'Lucida Grande', Verdana, sans-serif; color: #fff; }
.footer a.btn { display:block; margin-top: 5px; padding: 8px 0 5px 4px; background: #ee3524 url( no-repeat 0 6px; text-align: center; text-decoration: none; font: 16px/1 'NobileBold', Arial, sans-serif; color: #fff; }
.footer a.btn span { display:block; padding-right: 8px; background: #ee3524 url( no-repeat right top; }
<body class="inner">
<div class="eyebrow"></div><!-- /.eyebrow -->
<div class="header">
<h1 class="logo"><a href="/">Fizzy Lizzy</a></h1>
<div class="primary_nav">
<li class="aboutus"><a href="/aboutus">About Us</a></li>
<li class="drinks"><a href="/drinks">Drinks</a></li>
<li class="shoutouts"><a href="/?showposts=true">Shoutouts</a></li>
<li class="whyfizzylizzy"><a href="/whyfizzylizzy">Why Fizzy Lizzy?</a></li>
<li class="accolades"><a href="/accolades">Accolades</a></li>
<li class="contact"><a href="/contact">Contact a Fizzicist<sup>&trade;</sup></a></li>
</div><!-- /.primary_nav -->
</div><!-- /.header -->
<div class="hero">
<ul class="flavors">
<li><a href="/pineapple"><img src="" alt="Bottle" /></a></li>
<li><a href="/grape"><img src="" alt="Bottle" /></a></li>
<li><a href="/rasplemon"><img src="" alt="Bottle" /></a></li>
<li><a href="/grapefruit"><img src="" alt="Bottle" /></a></li>
<li><a href="/apple"><img src="" alt="Bottle" /></a></li>
<li><a href="/cranberry"><img src="" alt="Bottle" /></a></li>
<li><a href="/tangerinepassion"><img src="" alt="Bottle" /></a></li>
</div><!-- /.hero -->
<div class="main_content_container">
<div class="main_content">
<div class="colA" style="margin-top:100px;">
<h2>Fizzy Lizzy comes in delicious flavors (click flavor name to the right or a bottle above for ingredients + nutrition facts):</h2>
</div><!-- /.colA -->
<div class="colB">
<p>Our <a href="/rasplemon">Raspberry Lemon</a> will transport you to sun-drenched days of summer.</p>
<p>From the vineyards of Washington&rsquo;s Yakima Valley, our <a href="/grape">Yakima Grape</a> tastes so authentic you&rsquo;ll wonder where the seeds are.</p>
<p><a href="/grapefruit">Grapefruit</a> lovers, you&rsquo;ve found your drink.</p>
<p>Winner of the sofi<sup>&trade;</sup> Silver medal for &ldquo;Outstanding Cold Beverage&rdquo; and subject of critical acclaim, our <a href="/pineapple">Pineapple</a> continues to inspire breathless fan mail.</p>
<p><a href="/apple">Fuji Apple</a>. A crisp fall day at the orchard, in a bottle.</p>
<p>Light and tart, our <a href="/cranberry">Cranberry</a> is always refreshing. And so versatile.</p>
<p>Tropical paradise bottled. That&rsquo;s our <a href="/tangerinepassion">Tangerine Passion Fruit</a>.</p>
</div><!-- /.colB -->
</div><!-- /.main_content -->
</div><!-- /.main_content_container -->
<div class="footer_container">
<div class="footer">
<div class="main_callout">
<h4>Sharing is <span>Caring</span></h4>
<div class="desc">
<p>Share a flavor idea, art you&rsquo;ve made, songs, poems, love notes&hellip; anything!</p>
<a href="/submit" class="btn" style="width:135px;"><span>Shake it Up &raquo;</span></a>
</div><!-- /.main_callout -->
<script src=""></script>
<div class="social">
<dd><fb:like href="" show_faces="false" width="235" colorscheme="dark" font="lucida grande"></fb:like></dd>
<dd class="twitter">Follow <a href="" target="_blank">@FizzyLizzy</a> on Twitter</dd>
<dd class="rss">Get the <a href="/rss">RSS</a> feed.</dd>
</div><!-- /.social -->
<div class="footer_nav">
<li><a href="/aboutus">About Us</a></li>
<li><a href="/accolades">Accolades</a></li>
<li><a href="/drinks">Drinks</a></li>
<li><a href="/?showposts=true">Shoutouts</a></li>
<li><a href="/contact">Contact</a></li>
<li><a href="/whyfizzylizzy">Why Fizzy Lizzy?</a></li>
<li><a href="/wholesale">Wholesale</a></li>
<li><a href="/archive">Archive</a></li>
</div><!-- /.footer_nav -->
</div><!-- /.footer -->
</div><!-- /.footer -->