<!DOCTYPE html>
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 8)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
<head>

   <!--- Basic Page Needs
   ================================================== -->
   <meta charset="utf-8">
	<title>Bacchus Selections, The Online Wine Retailer</title>
	<meta name="description" content="">
	<meta name="author" content="">

   <!-- Mobile Specific Metas
   ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- CSS
    ================================================== -->
   <link rel="stylesheet" href="css/default.css">
	<link rel="stylesheet" href="css/layout.css">
   <link rel="stylesheet" href="css/media-queries.css">
   <link rel="stylesheet" href="css/magnific-popup.css">

   <!-- Script
   ================================================== -->
	<script src="js/modernizr.js"></script>

   <!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="favicon.png" >

</head>

<body>

   <!-- Header
   ================================================== -->
   <header id="home">

      <nav id="nav-wrap">

         <a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
	      <a class="mobile-btn" href="#" title="Hide navigation">Hide navigation</a>

         <ul id="nav" class="nav">
            <li class="current"><a class="smoothscroll" href="#home">Home</a></li>
            <li><a class="smoothscroll" href="#about">About Bacchus</a></li>
            <li><a class="smoothscroll" href="#testimonials">Testimonials</a></li>
            <li><a class="smoothscroll" href="#contact">Contact</a></li>
         </ul> <!-- end #nav -->

      </nav> <!-- end #nav-wrap -->

      <div class="row banner">
         <div class="banner-text">
            <h1 class="responsive-headline">Bacchus Selections is Offline... for now</h1>
            <h3>Thank you  for <span>your support</span> over the years. We enjoyed supplying you with <span>exotic</span> and <span>collectible wines</span> for the past four years. It is with a heavy heart that we have to pause our online wine sales for the forseeable future. 
           If you have any questions, please do not hesitate to <span>contact us</span>. Make sure to <span>sign up</span> to be notified of our <span>re-launch!</span></h3>
           
            <hr />
            <ul class="social">
               <li><a href="https://www.facebook.com/BacchusSelections"><i class="fa fa-facebook"></i></a></li>
               <li><a href="https://twitter.com/BacchusLLC"><i class="fa fa-twitter"></i></a></li>
               <li><a href="https://plus.google.com/+Bacchusselections/about"><i class="fa fa-google-plus"></i></a></li>
               <li><a href="https://www.linkedin.com/company/bacchus-selections-llc"><i class="fa fa-linkedin"></i></a></li>
               
            </ul>
            <script type="text/javascript" src="http://forms.aweber.com/form/00/869896300.js"></script>
         </div>
      </div>

      <p class="scrolldown">
         <a class="smoothscroll" href="#about"><i class="icon-down-circle"></i></a>
      </p>

   </header> <!-- Header End -->


   <!-- About Section
   ================================================== -->
   <section id="about">

      <div class="row">

         <div class="three columns">

            <img class="profile-pic"  src="images/profilepic.jpg" alt="" />

         </div>

         <div class="nine columns main-col">

            <h2>About Bacchus Selections</h2>

            <p>Bacchus Selections is a boutique online wine retailer providing quality wines from top producers. We specialize in small lots typically not found elsewhere at competitive prices, and competitive shipping prices. Each wine is hand-selected by a nationally respected sommelier. </p>

<p>We are focused on bringing back the old fashioned way of doing business—not offering large volumes but instead tiny gems, sometimes hard to find, in limited quantity. The story and culture of the wine is important to Bacchus Selections--we are not trying to be everything to everyone
            </p>

            
         </div> <!-- end .main-col -->

      </div>

   </section> <!-- About Section End-->


  


 




   <!-- Testimonials Section
   ================================================== -->
   <section id="testimonials">

      <div class="text-container">

         <div class="row">

            <div class="two columns header-col">

               <h1><span>Testimonials</span></h1>

            </div>

            <div class="ten columns flex-container">

               <div class="flexslider">

                  <ul class="slides">

                     <li>
                        <blockquote>
                           <p>I love the selection of rare wines from obscure wine regions. Even better is the customer service, which is always hands on and really helpful. 
                           </p>
                           <cite>Alan B</cite>
                        </blockquote>
                     </li> <!-- slide ends -->

                     <li>
                        <blockquote>
                           <p>Working with Bacchus Selections was a wonderful opportunity. I have been their wine buyer and sommelier for the past few year. It was an exhillarating experience. I am already missing Bacchus, but I can't wait to see what comes next! It's going to be amazing.  
                           </p>
                           <cite>Keith Wallace</cite>
                        </blockquote>
                     </li> <!-- slide ends -->

                  </ul>

               </div> <!-- div.flexslider ends -->

            </div> <!-- div.flex-container ends -->

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

       </div>  <!-- text-container ends -->

   </section> <!-- Testimonials Section End-->


   <!-- Contact Section
   ================================================== -->
   <section id="contact">

         <div class="row section-head">

            <div class="two columns header-col">

               <h1><span>Get In Touch.</span></h1>

            </div>

            <div class="ten columns">

                  <p class="lead">Feel free to contact us if you have any questions. If you have a gift certificate, it will be honored at several places, including the Wine School of Philadelphia. 
                  </p>

            </div>

         </div>

         <div class="row">

            <div class="eight columns">

               <!-- form -->
               <form action="" method="post" id="contactForm" name="contactForm">
					<fieldset>

                  <div>
						   <label for="contactName">Name <span class="required">*</span></label>
						   <input type="text" value="" size="35" id="contactName" name="contactName">
                  </div>

                  <div>
						   <label for="contactEmail">Email <span class="required">*</span></label>
						   <input type="text" value="" size="35" id="contactEmail" name="contactEmail">
                  </div>

                  <div>
						   <label for="contactSubject">Subject</label>
						   <input type="text" value="" size="35" id="contactSubject" name="contactSubject">
                  </div>

                  <div>
                     <label for="contactMessage">Message <span class="required">*</span></label>
                     <textarea cols="50" rows="15" id="contactMessage" name="contactMessage"></textarea>
                  </div>

                  <div>
                     <button class="submit">Submit</button>
                     <span id="image-loader">
                        <img alt="" src="images/loader.gif">
                     </span>
                  </div>

					</fieldset>
				   </form> <!-- Form End -->

               <!-- contact-warning -->
               <div id="message-warning"> Error boy</div>
               <!-- contact-success -->
				   <div id="message-success">
                  <i class="fa fa-check"></i>Your message was sent, thank you!<br>
				   </div>

            </div>


            <aside class="four columns footer-widgets">

               <div class="widget widget_contact">

					   <h4>Address</h4>
					   <p class="address">
						   Bacchus Selections<br>
						   548 Market St #73692 <br>
						   San Francisco, CA 94104 <br>
						  
					   </p>

				   </div>

               <div class="widget widget_tweets">

                  <h4 class="widget-title"></h4>

                  <ul id="twitter">
                     <li>
                        <span>
                       
                        </span>
                        <b></b>
                     </li>
                     <li>
                        <span>
                       
                        </span>
                        <b></b>
                     </li>
                  </ul>

		         </div>

            </aside>

      </div>

   </section> <!-- Contact Section End-->


   <!-- footer
   ================================================== -->
   <footer>

      <div class="row">

         <div class="twelve columns">

            <ul class="social-links">
                <li><a href="https://www.facebook.com/BacchusSelections"><i class="fa fa-facebook"></i></a></li>
               <li><a href="https://twitter.com/BacchusLLC"><i class="fa fa-twitter"></i></a></li>
               <li><a href="https://plus.google.com/+Bacchusselections/about"><i class="fa fa-google-plus"></i></a></li>
               <li><a href="https://www.linkedin.com/company/bacchus-selections-llc"><i class="fa fa-linkedin"></i></a></li>
            </ul>

            <ul class="copyright">
               <li>&copy; 2014 Keith Wallace</li>
               <li>Design by <a title="Keith Wallace" href="http://www.vinology.com/">Keith Wallace</a></li>
       
            </ul>

         </div>

         <div id="go-top"><a class="smoothscroll" title="Back to Top" href="#home"><i class="icon-up-open"></i></a></div>

      </div>

   </footer> <!-- Footer End-->

   <!-- Java Script
   ================================================== -->
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   <script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>
   <script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>

   <script src="js/jquery.flexslider.js"></script>
   <script src="js/waypoints.js"></script>
   <script src="js/jquery.fittext.js"></script>
   <script src="js/magnific-popup.js"></script>
   <script src="js/init.js"></script>

</body>

</html>