Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
188 lines (160 sloc) 10.6 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="title" content="Fizzy Lizzy" />
<meta name="description" content="It's soda" />
<meta name="keywords" content="fizzy lizzy, healthy soda, natural" />
<meta name="robots" content="index, follow" />
<meta name="language" content="en" />
<title>Fizzy Lizzy - Yakima Grape</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
document.ready(function(){
$('.connect_widget_text').css('color','#fff');
});
</script>
<link rel="stylesheet" type="text/css" media="screen" href="http://look.justindickinson.com/fizzylizzy/css/font-face.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://look.justindickinson.com/fizzylizzy/css/reset.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></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.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}
var showposts = getUrlVars()["showposts"];
if(!showposts && window.location == "http://newthemedev.tumblr.com/"){
window.location="http://newthemedev.tumblr.com/home";
}
</script>
<style type="text/css">
body {
font: 16px/1.4 'NobileRegular', Arial, sans-serif;
}
a { text-decoration: none; }
.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 100px; text-indent: -9000px; overflow: hidden; background: transparent url(http://look.justindickinson.com/fizzylizzy/images/fl_sprite.png) no-repeat -1px -1px ; }
.header .primary_nav { float: right; width: 635px; 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; }
.header .primary_nav li sup { font-size:0.6em; vertical-align: super; }
.header .primary_nav li.current { padding-left: 4px; background: transparent url(http://look.justindickinson.com/fizzylizzy/images/btn_nav_left.png) no-repeat 0 8px; }
.header .primary_nav li.current a { padding-right: 8px; background: #e2b059 url(http://look.justindickinson.com/fizzylizzy/images/btn_nav_right.png) no-repeat right top; letter-spacing: -0.5px; color: #fff; }
.main_content_container { padding: 21px 0 0; background: #f1dcbb url(http://look.justindickinson.com/fizzylizzy/images/border_main.png) repeat-x 0 0; }
.main_content_container .main_content { width: 980px; margin: 0 auto; padding: 0 0 0 10px; overflow: hidden; color: #aa3d3d; }
body.home .main_content_container .main_content { background: transparent url(http://look.justindickinson.com/fizzylizzy/images/texture_home_bubbles.png) no-repeat 0 0; }
body.inner .main_content_container .main_content { background: transparent url(http://look.justindickinson.com/fizzylizzy/images/texture_main_logo.png) 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(http://look.justindickinson.com/fizzylizzy/images/border_footer.png) repeat-x 0 0; }
.footer_container .footer { width: 980px; margin: 0 auto; padding: 10px 0 0 10px; overflow: hidden; background: transparent url(http://look.justindickinson.com/fizzylizzy/images/texture_footer_bubbles.png) 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(http://look.justindickinson.com/fizzylizzy/images/icon_footer_twitter.png) no-repeat 0 0; }
.footer .social dl dd.rss { padding-left: 20px; background: transparent url(http://look.justindickinson.com/fizzylizzy/images/icon_footer_rss.png) no-repeat 1px 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(http://look.justindickinson.com/fizzylizzy/images/btn_footer_left.png) 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(http://look.justindickinson.com/fizzylizzy/images/btn_footer_right.png) no-repeat right top; }
</style>
</head>
<body class="inner">
<div class="eyebrow"></div><!-- /.eyebrow -->
<div class="logo_texture"></div><!-- /.logo_texture -->
<div class="header">
<h1 class="logo">Fizzy Lizzy</h1>
<div class="primary_nav">
<ul>
<li class="current"><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Drinks</a></li>
<li><a href="#">Why Fizzy Lizzy?</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Contact a Fizzicist<sup>&trade;</sup></a></li>
</ul>
</div><!-- /.primary_nav -->
</div><!-- /.header -->
<div class="main_content_container">
<div class="main_content">
<div class="colA"><img src="http://look.justindickinson.com/fizzylizzy/images/btl_detail_grape.png" alt="Bottle" /></div><!-- /.colA -->
<div class="colB">
<h1>Yakima Grape</h1>
<h2>From the vineyards of Washington&rsquo;s Yakima Valley, our Yakima Grape tastes so authentic you&rsquo;ll wonder where the seeds are.</h2>
<p>All-natural ingredients: triple-filtered carbonated water, concord grape juice concentrate, white grape juice concentrate, lemon juice concentrate, natural flavor, vitamin C.</p>
<p>Nutrition facts: serving size = 1 bottle (12oz/355ml) Calories: 120 Total Fat: 0g Sodium: 10mg Total Carbohydrates: 30g Sugars*: 30g Vitamin C: 100%</p>
<p>*All sugars from fruit juice.</p>
<p>Not a significant source of saturated fat, trans fat, cholesterol, dietary fiber, vitamin A, calcium or iron.</p>
<table>
<tr>
<td>53% Juice &bull; 47% Fizzy Water</td>
<td>NO ADDED SUGARS</td>
<td>AWARD WINNING</td>
</tr>
</table>
</a></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="#" class="btn" style="width:135px;"><span>Shake it Up &raquo;</span></a>
</div>
</div><!-- /.main_callout -->
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<div class="social">
<dl>
<dt>Facebook</dt>
<dd><fb:like href="https://www.facebook.com/TheFizzyLizzy" show_faces="false" width="235" colorscheme="dark" font="lucida grande"></fb:like></dd>
<dt>Twitter</dt>
<dd class="twitter">Follow <a href="#">@FizzyLizzy</a> on Twitter</dd>
<dt>RSS</dt>
<dd class="rss">Get the <a href="#">RSS</a> feed.</dd>
</dl>
</div><!-- /.social -->
<div class="footer_nav">
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Drinks</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Why Fizzy Lizzy?</a></li>
<li><a href="#">Wholesale</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Archive</a></li>
</ul>
</div><!-- /.footer_nav -->
</div><!-- /.footer -->
</div><!-- /.footer_container -->
</body>
</html>