envex/index.html

## index.html
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js ie7"> <![endif]-->
<!--[if IE 8]>         <html class="no-js ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

    <link rel="stylesheet" href="inc/css/main.css">

  </head>
  <body id="top">

    <!--[if lt IE 7]>
        <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
    <![endif]-->

    <div id="nav">

      <div class="row">

        <div class="twelve columns">

          <h1><a href="#top">Tasting Room</a></h1>

          <div id="countdown_container">

            <p class="btn"><a href="">Order Now</a></p>
            <p id="countdown" data-date="2012-09-30"></p>
            <p class="deal_ends">Don’t miss out! This deal ends in</p>

          </div> <!-- countdown -->

        </div> <!-- twelve -->

      </div> <!-- row -->

    </div> <!-- nav -->

    <ol class="curtains">

      <li class="cover" id="header">

        <div class="row">

          <div class="twelve columns">

            <h2>It’s Happy Hour somewhere.</h2>
            <h3>Get the best wine deal on the web right now!</h3>

            <p class="btn yellow"><a href="#the_content" class="curtain-links">I’m Ready. Show me the deal.</a></p>

          </div> <!-- twelve -->

        </div> <!-- row -->

      </li>
      <li id="the_content" class="fixed">

        <div id="content">

          <div class="row">

            <div class="twelve columns top">

              <h1>Road Trip: Mendocino Wine Sampler</h1>
              <h2>Six Mini Wine Bottles from Mendocino County</h2>
              <h3><em>Six 50ml (1.7 oz.) mini bottles</em></h3>

            </div> <!-- twelve -->

          </div> <!-- row -->

          <div class="row">

            <div class="four columns">

              <div class="price_tag">

                <h3>A <strong>$60</strong> Value</h3>
                <p>Only</p>
                <h2>$29<sup>99</sup></h2>

              </div> <!-- price_tag -->

              <div class="rating">
                <div class="stars four-half"></div>
                <p>Average rating 4.5 stars</p>
              </div> <!-- rating -->

              <h2>Product Description</h2>

              <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat....</p>

              <p class="btn big"><a href="">only 19 left! order now</a></p>

              <!-- <p class="credit_cards"><img src="img/credit_cards.png" alt="Credit Cards" /></p> -->

              <p class="offer"><small><em>*See <a href="#details" class="show_modal">offer details</a> for more information.</em></small></p>

            </div> <!-- four -->

            <div class="eight columns">

              <div class="blurb">
                <p>Buy 4+ of today’s special offer and take an additional 10% off your purchase*</p>
                <p>Use code: <strong>WINETHIEF</strong></p>
              </div> <!-- blurb -->

             <!-- <img src="img/product_image.jpg" alt="" />  -->

            </div> <!-- eight -->

          </div> <!-- row -->

          <div class="row big_social">

            <div class="eight columns">

              <div class="item">

                <h2>Friends don’t let friends miss out on wine deals.</h2>

                <div class="facebook">

                  <div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>

                </div> <!-- facebook -->

                <div class="twitter">

                  <a href="https://twitter.com/share" class="twitter-share-button" data-size="large">Tweet</a>

                </div> <!-- twitter -->

              </div> <!-- item -->

            </div> <!-- eight -->

            <div class="four columns">

              <div class="item newsletter">

                <h2>Never miss a deal.</h2>

                <p>Join our mailing list to get notified immediatly when our next deal starts.</p>

                <form method="POST" action="/">

                  <div class="row">

                    <div class="seven columns">

                      <label for="email">Your email address</label>
                      <input type="text" name="email" value="" id="email">

                    </div> <!-- seven -->

                    <div class="five columns">

                      <input type="submit" value="Subscribe" class="submit" />

                    </div> <!-- five -->

                  </div> <!-- row -->

                </form>

              </div> <!-- item -->

            </div> <!-- four -->

          </div> <!-- row -->

          <div class="row">

            <div class="four columns">

              <!-- <p><a href="#"><img src="img/forbes.png" alt="Forbes" /></a></p> -->

            </div> <!-- four -->

            <div class="four columns">

              <!-- <p><a href="#"><img src="img/wine_spectator.png" alt="Wine Spectator" /></a></p> -->

            </div> <!-- four -->

            <div class="four columns">

              <p class="quality"><a href="#guarantee" class="show_modal">Learn about our 100% quality guarantee</a></p>

            </div> <!-- four -->

          </div> <!-- row -->

        </div> <!-- content -->

        <div id="faq">

          <div class="row">

            <div class="four columns top">

              <h1>FAQs</h1>

            </div> <!-- four -->

            <div class="eight columns text-right">

              <p>Ask your quick question by tweeting us <a href="">@TastingRoom.com</a></p>

            </div> <!-- eight -->

          </div> <!-- row -->

          <div class="row">

            <div class="four columns">

              <blockquote>
                <p>Why are these wines offered at such low prices? Did you steal them from the winery?<br /><span>– Alison K., Brooklyn NY</span></p>
                <!-- <img src="img/faq_img.png" /> -->
              </blockquote>

              <p>No. Our CFO won’t let us (boo). We actually work directly with wineries from all over the world (cut out the middle man!) in order to bring you Samplers and Wines by the Glass.  That is one way we ensure that the samplers you taste will taste just like the wines in the full sized bottles. As a result, sometimes we have a few extra bottles here and there and rather than let the team here drink them we thought it would be nice to offer them to you at ridiculously low prices. Cuz we are cool like that.</p>

            </div> <!-- four -->

            <div class="four columns">

              <blockquote>
                <p>I got an amazing deal on a bottle of 2009 Laetitia Pinot Noir a few weeks ago during Happy Hour. I want more. Can you help me out?<br /><span>– Kate M., San Francisco, CA</span></p>
                <!-- <img src="img/faq_img.png" /> -->
              </blockquote>

              <p>Sorry. Once we sell through the Happy Hour inventory the item is gone for good.  Rest assured that we have other, equally great wines in our wine store but they aren’t and may never be available on Happy Hour.  So, if you see something you like – stock up.</p>

            </div> <!-- four -->

            <div class="four columns">

              <blockquote>
                <p>I get a ton of daily deal offers. Why should I try yours?<br /><span>– Leslie E., Atlanta, GA</span></p>
                <!-- <img src="img/faq_img.png" /> -->
              </blockquote>

              <p>We hear you. There are a lot of sites out there slinging all types of deals. The only reason you should consider our wines is because every wine on TastingRoom.com has gone through rigorous testing to make sure that you, our customer, receive only the best. And it’s not as simple as swirl, sniff, sip, spit and repeat.</p>

              <p>All wines featured on TastingRoom.com undergo a three-part approval process: compliance, analytics and taste. If they don’t pass all three tests, we won’t sell them! </p>

            </div> <!-- four -->

          </div> <!-- row -->

        </div> <!-- faq -->

        <div id="sub">

          <div class="row">

            <div class="four columns">

              <h2>About the Tasting Room</h2>

              <p><a href="http://www.tastingroom.com/articles/TASTE">TastingRoom.com</a> offers wine lovers an innovative new way to discover, taste and mttttacquire wine that expands and enriches the wine-drinking experience. Our service lets you discover and consume wine in a variety of exclusive formats delivered directly to your home.</p>

            </div> <!-- four -->

            <div class="four columns">

              <h2>we guarantee our wines’ quality</h2>

              <p>Our innovative T.A.S.T.E. (Total Anaerobic Sample Transfer Environment) Technology® ensures our wine products reflect the same delicious flavors you expect in the full bottles. Learn more about our breakthrough transfer technology here.</p>

            </div> <!-- four -->

            <div class="four columns">

              <h2>connect with us</h2>

              <ul class="social">
                <li class="facebook"><a href="">Facebook</a></li>
                <li class="twitter"><a href="">Twitter</a></li>
                <li class="pinterest"><a href="">Pinterest</a></li>
                <li class="youtube"><a href="">YouTube</a></li>
              </ul>

              <p class="btn"><a href="">Visit the tasting Room website</a></p>

            </div> <!-- four -->

          </div> <!-- row -->

        </div> <!-- sub -->

        <div id="footer">

          <div class="row">

            <div class="six columns">

              <!-- <p><img src="img/merchant_logos.png" alt="" /></p> -->

            </div> <!-- six -->

            <div class="six columns text-right">

              <p>Copyright &copy; 2012 TastingRoom.com, Inc.</p>

            </div> <!-- six -->

          </div> <!-- row -->

        </div> <!-- footer -->

      </li>

    </ol>

    <div id="sold_out" class="reveal-modal large">

      <p><img src="img/soldout.jpg" alt="" /></p>

      <h2>We sold out of this deal in 8h 22m 16s.</h2>
      <h3>Never miss another wine deal</h3>

      <p>Join our mailing list to get <br />notified immediatly when our next deal starts.</p>

    </div>

    <div id="guarantee" class="reveal-modal small">

      <h2>Our 100% Wine Quality Guarantee</h2>
      <h3>About it line</h3>

      <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. </p>

      <p class="btn"><a href="">Visit our site</a></p>

      <a class="close-reveal-modal">&#215;</a>

    </div> <!-- guarantee -->

    <div id="details" class="reveal-modal small">

      <h2>Offer Details</h2>

      <a class="close-reveal-modal">&#215;</a>

    </div> <!-- guarantee -->

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="inc/js/libs/jquery-1.8.1.min.js"><\/script>')</script>

    <script src="inc/js/main.min.js"></script>

    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=502034306491261";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <!-- 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>

  </body>

</html>
	<!DOCTYPE html>
	<!--[if lt IE 7]> <html class="no-js lt-ie7"> <![endif]-->
	<!--[if IE 7]> <html class="no-js ie7"> <![endif]-->
	<!--[if IE 8]> <html class="no-js ie8"> <![endif]-->
	<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title></title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width">

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

	<link rel="stylesheet" href="inc/css/main.css">

	</head>
	<body id="top">

	<!--[if lt IE 7]>
	<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
	<![endif]-->

	<div id="nav">

	<div class="row">

	<div class="twelve columns">

	<h1><a href="#top">Tasting Room</a></h1>

	<div id="countdown_container">

	<p class="btn"><a href="">Order Now</a></p>
	<p id="countdown" data-date="2012-09-30"></p>
	<p class="deal_ends">Don’t miss out! This deal ends in</p>

	</div> <!-- countdown -->

	</div> <!-- twelve -->

	</div> <!-- row -->

	</div> <!-- nav -->

	<ol class="curtains">

	<li class="cover" id="header">

	<div class="row">

	<div class="twelve columns">

	<h2>It’s Happy Hour somewhere.</h2>
	<h3>Get the best wine deal on the web right now!</h3>

	<p class="btn yellow"><a href="#the_content" class="curtain-links">I’m Ready. Show me the deal.</a></p>

	</div> <!-- twelve -->

	</div> <!-- row -->

	</li>
	<li id="the_content" class="fixed">

	<div id="content">

	<div class="row">

	<div class="twelve columns top">

	<h1>Road Trip: Mendocino Wine Sampler</h1>
	<h2>Six Mini Wine Bottles from Mendocino County</h2>
	<h3><em>Six 50ml (1.7 oz.) mini bottles</em></h3>

	</div> <!-- twelve -->

	</div> <!-- row -->

	<div class="row">

	<div class="four columns">

	<div class="price_tag">

	<h3>A <strong>$60</strong> Value</h3>
	<p>Only</p>
	<h2>$29<sup>99</sup></h2>

	</div> <!-- price_tag -->

	<div class="rating">
	<div class="stars four-half"></div>
	<p>Average rating 4.5 stars</p>
	</div> <!-- rating -->

	<h2>Product Description</h2>

	<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat....</p>

	<p class="btn big"><a href="">only 19 left! order now</a></p>

	<!-- <p class="credit_cards"><img src="img/credit_cards.png" alt="Credit Cards" /></p> -->

	<p class="offer"><small><em>*See <a href="#details" class="show_modal">offer details</a> for more information.</em></small></p>

	</div> <!-- four -->

	<div class="eight columns">

	<div class="blurb">
	<p>Buy 4+ of today’s special offer and take an additional 10% off your purchase*</p>
	<p>Use code: <strong>WINETHIEF</strong></p>
	</div> <!-- blurb -->

	<!-- <img src="img/product_image.jpg" alt="" /> -->

	</div> <!-- eight -->

	</div> <!-- row -->

	<div class="row big_social">

	<div class="eight columns">

	<div class="item">

	<h2>Friends don’t let friends miss out on wine deals.</h2>

	<div class="facebook">

	<div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>

	</div> <!-- facebook -->

	<div class="twitter">

	<a href="https://twitter.com/share" class="twitter-share-button" data-size="large">Tweet</a>

	</div> <!-- twitter -->

	</div> <!-- item -->

	</div> <!-- eight -->

	<div class="four columns">

	<div class="item newsletter">

	<h2>Never miss a deal.</h2>

	<p>Join our mailing list to get notified immediatly when our next deal starts.</p>

	<form method="POST" action="/">

	<div class="row">

	<div class="seven columns">

	<label for="email">Your email address</label>
	<input type="text" name="email" value="" id="email">

	</div> <!-- seven -->

	<div class="five columns">

	<input type="submit" value="Subscribe" class="submit" />

	</div> <!-- five -->

	</div> <!-- row -->

	</form>

	</div> <!-- item -->

	</div> <!-- four -->

	</div> <!-- row -->

	<div class="row">

	<div class="four columns">

	<!-- <p><a href="#"><img src="img/forbes.png" alt="Forbes" /></a></p> -->

	</div> <!-- four -->

	<div class="four columns">

	<!-- <p><a href="#"><img src="img/wine_spectator.png" alt="Wine Spectator" /></a></p> -->

	</div> <!-- four -->

	<div class="four columns">

	<p class="quality"><a href="#guarantee" class="show_modal">Learn about our 100% quality guarantee</a></p>

	</div> <!-- four -->

	</div> <!-- row -->

	</div> <!-- content -->

	<div id="faq">

	<div class="row">

	<div class="four columns top">

	<h1>FAQs</h1>

	</div> <!-- four -->

	<div class="eight columns text-right">

	<p>Ask your quick question by tweeting us <a href="">@TastingRoom.com</a></p>

	</div> <!-- eight -->

	</div> <!-- row -->

	<div class="row">

	<div class="four columns">

	<blockquote>
	<p>Why are these wines offered at such low prices? Did you steal them from the winery?<br /><span>– Alison K., Brooklyn NY</span></p>
	<!-- <img src="img/faq_img.png" /> -->
	</blockquote>

	<p>No. Our CFO won’t let us (boo). We actually work directly with wineries from all over the world (cut out the middle man!) in order to bring you Samplers and Wines by the Glass. That is one way we ensure that the samplers you taste will taste just like the wines in the full sized bottles. As a result, sometimes we have a few extra bottles here and there and rather than let the team here drink them we thought it would be nice to offer them to you at ridiculously low prices. Cuz we are cool like that.</p>

	</div> <!-- four -->

	<div class="four columns">

	<blockquote>
	<p>I got an amazing deal on a bottle of 2009 Laetitia Pinot Noir a few weeks ago during Happy Hour. I want more. Can you help me out?<br /><span>– Kate M., San Francisco, CA</span></p>
	<!-- <img src="img/faq_img.png" /> -->
	</blockquote>

	<p>Sorry. Once we sell through the Happy Hour inventory the item is gone for good. Rest assured that we have other, equally great wines in our wine store but they aren’t and may never be available on Happy Hour. So, if you see something you like – stock up.</p>

	</div> <!-- four -->

	<div class="four columns">

	<blockquote>
	<p>I get a ton of daily deal offers. Why should I try yours?<br /><span>– Leslie E., Atlanta, GA</span></p>
	<!-- <img src="img/faq_img.png" /> -->
	</blockquote>

	<p>We hear you. There are a lot of sites out there slinging all types of deals. The only reason you should consider our wines is because every wine on TastingRoom.com has gone through rigorous testing to make sure that you, our customer, receive only the best. And it’s not as simple as swirl, sniff, sip, spit and repeat.</p>

	<p>All wines featured on TastingRoom.com undergo a three-part approval process: compliance, analytics and taste. If they don’t pass all three tests, we won’t sell them! </p>

	</div> <!-- four -->

	</div> <!-- row -->

	</div> <!-- faq -->

	<div id="sub">

	<div class="row">

	<div class="four columns">

	<h2>About the Tasting Room</h2>

	<p><a href="http://www.tastingroom.com/articles/TASTE">TastingRoom.com</a> offers wine lovers an innovative new way to discover, taste and mttttacquire wine that expands and enriches the wine-drinking experience. Our service lets you discover and consume wine in a variety of exclusive formats delivered directly to your home.</p>

	</div> <!-- four -->

	<div class="four columns">

	<h2>we guarantee our wines’ quality</h2>

	<p>Our innovative T.A.S.T.E. (Total Anaerobic Sample Transfer Environment) Technology® ensures our wine products reflect the same delicious flavors you expect in the full bottles. Learn more about our breakthrough transfer technology here.</p>

	</div> <!-- four -->

	<div class="four columns">

	<h2>connect with us</h2>

	<ul class="social">
	<li class="facebook"><a href="">Facebook</a></li>
	<li class="twitter"><a href="">Twitter</a></li>
	<li class="pinterest"><a href="">Pinterest</a></li>
	<li class="youtube"><a href="">YouTube</a></li>
	</ul>

	<p class="btn"><a href="">Visit the tasting Room website</a></p>

	</div> <!-- four -->

	</div> <!-- row -->

	</div> <!-- sub -->

	<div id="footer">

	<div class="row">

	<div class="six columns">

	<!-- <p><img src="img/merchant_logos.png" alt="" /></p> -->

	</div> <!-- six -->

	<div class="six columns text-right">

	<p>Copyright © 2012 TastingRoom.com, Inc.</p>

	</div> <!-- six -->

	</div> <!-- row -->

	</div> <!-- footer -->

	</li>

	</ol>

	<div id="sold_out" class="reveal-modal large">

	<p><img src="img/soldout.jpg" alt="" /></p>

	<h2>We sold out of this deal in 8h 22m 16s.</h2>
	<h3>Never miss another wine deal</h3>

	<p>Join our mailing list to get <br />notified immediatly when our next deal starts.</p>

	</div>

	<div id="guarantee" class="reveal-modal small">

	<h2>Our 100% Wine Quality Guarantee</h2>
	<h3>About it line</h3>

	<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. </p>

	<p class="btn"><a href="">Visit our site</a></p>

	<a class="close-reveal-modal">×</a>

	</div> <!-- guarantee -->

	<div id="details" class="reveal-modal small">

	<h2>Offer Details</h2>

	<a class="close-reveal-modal">×</a>

	</div> <!-- guarantee -->

	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
	<script>window.jQuery \|\| document.write('<script src="inc/js/libs/jquery-1.8.1.min.js"><\/script>')</script>

	<script src="inc/js/main.min.js"></script>

	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

	<div id="fb-root"></div>
	<script>(function(d, s, id) {
	var js, fjs = d.getElementsByTagName(s)[0];
	if (d.getElementById(id)) return;
	js = d.createElement(s); js.id = id;
	js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=502034306491261";
	fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>

	<!-- 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>

	</body>

	</html>