<!DOCTYPE html>
<html class="wide wow-animation smoothscroll" lang="en">
  <head>
    <!-- Site Title-->
    <title>CU Fueling Station | Contacts</title>
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <!-- Stylesheets-->
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,300italic%7CMr+Dafoe">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">
    <link href="https://fonts.googleapis.com/css?family=Kameron" rel="stylesheet">
		<!--[if lt IE 10]>
    <div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
    <script src="js/html5shiv.min.js"></script>
		<![endif]-->
  </head>
  <body>
    <!-- Page-->
    <div class="page">
      <div id="page-loader">
        <div class="cssload-container">
          <div class="cssload-speeding-wheel"></div>
        </div>
      </div>
      
      <!-- Page header-->
      <?php include 'includes/header.php';?>
      
      <section class="section section-lg text-center bg-white">
        <div class="shell">
         <div class="range">
          <div class="cell-md-6"><!--<img src="images/CC-Verticle.jpg" alt="">-->
          
          <hr class="divider divider-md divider-primary">
          <h2>Contact Us</h2>
          <div class="range range-center">
            <div class="cell-lg-6 cell-md-7" style="max-width: 90%; width: 90%; flex-basis: 90%; webkit flex-basis: 90%;">
              <!-- RD Mailform-->
              <form class="rd-mailform rd-mailform_style-1" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php" style="text-align: center;">
                <div class="form-wrap form-wrap-label-aside">
                  <label class="form-label form-label-outside" for="contact-name">Name:</label>
                  <input class="form-input" id="contact-name" type="text" name="name" data-constraints="@Required" placeholder="First & Last names, please">
                </div>
                <div class="form-wrap form-wrap-label-aside">
                  <label class="form-label form-label-outside" for="contact-email">E-mail:</label>
                  <input class="form-input" id="contact-email" type="email" name="email" data-constraints="@Email @Required" placeholder="ex. Name@Domain.com">
                </div>
                <div class="form-wrap form-wrap-label-aside">
                  <label class="form-label form-label-outside" for="contact-phone">Phone:</label>
                  <input class="form-input" id="contact-phone" type="text" name="phone" data-constraints="@Numeric" placeholder="ex. (###) ###-####">
                </div>
                <div class="form-wrap form-wrap-label-aside">
                  <label class="form-label form-label-outside" for="contact-message">Message:</label>
                  <textarea class="form-input" id="contact-message" name="message" data-constraints="@Required" placeholder="Please enter your message here."></textarea>
                </div>
                <button class="button button-sm button-primary" type="submit">Submit</button>
                <p>We will get back to you within 24 hours.<br>For more immediate response, please call<br>Pasta Jay’s at 303-444-5800.</p>
              </form>
            </div>
          </div>
          
          </div>
          <div class="cell-md-6" style="align-items: flex-start; justify-content: flex-start; text-align: left;">
          <hr class="divider divider-md divider-primary">
          <h2 style="text-align: center;">Location &amp; Hours</h2>
			<h4 style="display:inline-block;">2150 Stadium Dr, Boulder, CO 80302<br>Champions Center<br>Champions Club Cafe<br>3<sup>rd</sup> Floor</h4><br class="veil reveal-md-block">
			<p>*Parking is available in structure across <br>courtyard. Entrance on Stadium Drive.</p>
          <div class="list-terms-wrapper" style="margin-top: 15px;">
            <h4>8am - 3pm<br>Monday - Friday<br>Closed Weekends</h4>
          </div>
          <div style="background-image:url(images/post-classic-1-886x668.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover; width: 100%; height: 350px; margin-top: 10px;"></div>
          <!--
          <div class="range range-left">
            <div class="cell-lg-6 cell-md-7" style="max-width: 100%; width: 100%; flex-basis: 100%; webkit flex-basis: 100%;">
              <h2 style="text-align: center;">Get Directions</h2>
              <form class="rd-mailform_style-1 text-left" data-form-output="form-output-global" data-form-type="contact" method="get" action="http://maps.google.com/maps">
              Enter address or leave <span style="white-space: nowrap;">"My Location"</span> to navigate from your current location:<br>
                <div class="form-wrap form-wrap-label-aside" style="margin-top: 10px;">
                  <label class="form-label form-label-outside" for="location-input">Location:</label>
                  <input class="form-input" id="location-input" type="text" name="saddr" autocomplete="on" Value="My Location">
                </div>
                <input name="daddr" type="hidden" value="2150 Stadium Dr, Boulder, CO 80302" /><br>
                <input class="button button-sm button-primary" type="submit" value="Get Directions" style="margin-top: 10px;"/>
              </form>
            </div>
          </div>-->
          </div>
         </div>
        </div>
      </section>
      
      <section class="section">
        <!-- RD Google Map-->
        <div class="rd-google-map rd-google-map__model" data-zoom="16" data-y="40.0104961" data-x="-105.2663314" data-styles="">
          <ul class="map_locations">
            <li data-y="40.0104961" data-x="-105.2663314">
              <dl>
                <dt>Address:</dt>
                <dd>2150 Stadium Dr, Boulder, CO 80302</dd>
              </dl>
              <dl>
                <dt>We are open:</dt>
                <dd>Mn-Fr: 8am - 3pm</dd>
              </dl>
            </li>
          </ul>
        </div>
      </section>
     <!-- <section class="section section-lg text-center bg-white">
        <div class="shell">
          <hr class="divider divider-md divider-primary">
          <h1>Contact Us</h1>
          <div class="range range-center">
            <div class="cell-lg-6 cell-md-7">
                <form class="rd-mailform rd-mailform_style-1" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
                <div class="form-wrap form-wrap-label-aside">
                  <label class="form-label form-label-outside" for="contact-name">Name:</label>
                  <input class="form-input" id="contact-name" type="text" name="name" data-constraints="@Required" placeholder="Enter please your name">
                </div>
                <div class="form-wrap form-wrap-label-aside">
                  <label class="form-label form-label-outside" for="contact-email">E-mail:</label>
                  <input class="form-input" id="contact-email" type="email" name="email" data-constraints="@Email @Required" placeholder="Enter please your e-mail">
                </div>
                <div class="form-wrap form-wrap-label-aside">
                  <label class="form-label form-label-outside" for="contact-phone">Phone:</label>
                  <input class="form-input" id="contact-phone" type="text" name="phone" data-constraints="@Numeric" placeholder="Enter please your phone">
                </div>
                <div class="form-wrap form-wrap-label-aside">
                  <label class="form-label form-label-outside" for="contact-message">Message:</label>
                  <textarea class="form-input" id="contact-message" name="message" data-constraints="@Required" placeholder="Enter please your message"></textarea>
                </div>
                <button class="button button-sm button-primary" type="submit">Submit</button>
              </form>
            </div>
          </div>
        </div>
      </section>-->
      
      <!-- RD Flickr
      <section class="section">
        <div class="owl-carousel owl-flex flickr" data-tags="tm62271" data-flickr-id="141855984@N03" data-items="2" data-xs-items="3" data-sm-items="4" data-md-items="5" data-lg-items="6" data-xl-items="8" data-loop="false" data-mouse-drag="true">
          <div data-type="flickr-item"><a class="thumb-overlay" href="#" target="_blank" data-link="href"><img data-image_z="src" data-title="alt" src="images/_blank.png" alt="">
              <div class="thumb-centered__caption"><span class="icon icon-lg fa-flickr"></span></div></a></div>
          <div data-type="flickr-item"><a class="thumb-overlay" href="#" target="_blank" data-link="href"><img data-image_z="src" data-title="alt" src="images/_blank.png" alt="">
              <div class="thumb-centered__caption"><span class="icon icon-lg fa-flickr"></span></div></a></div>
          <div data-type="flickr-item"><a class="thumb-overlay" href="#" target="_blank" data-link="href"><img data-image_z="src" data-title="alt" src="images/_blank.png" alt="">
              <div class="thumb-centered__caption"><span class="icon icon-lg fa-flickr"></span></div></a></div>
          <div data-type="flickr-item"><a class="thumb-overlay" href="#" target="_blank" data-link="href"><img data-image_z="src" data-title="alt" src="images/_blank.png" alt="">
              <div class="thumb-centered__caption"><span class="icon icon-lg fa-flickr"></span></div></a></div>
          <div data-type="flickr-item"><a class="thumb-overlay" href="#" target="_blank" data-link="href"><img data-image_z="src" data-title="alt" src="images/_blank.png" alt="">
              <div class="thumb-centered__caption"><span class="icon icon-lg fa-flickr"></span></div></a></div>
          <div data-type="flickr-item"><a class="thumb-overlay" href="#" target="_blank" data-link="href"><img data-image_z="src" data-title="alt" src="images/_blank.png" alt="">
              <div class="thumb-centered__caption"><span class="icon icon-lg fa-flickr"></span></div></a></div>
          <div data-type="flickr-item"><a class="thumb-overlay" href="#" target="_blank" data-link="href"><img data-image_z="src" data-title="alt" src="images/_blank.png" alt="">
              <div class="thumb-centered__caption"><span class="icon icon-lg fa-flickr"></span></div></a></div>
          <div data-type="flickr-item"><a class="thumb-overlay" href="#" target="_blank" data-link="href"><img data-image_z="src" data-title="alt" src="images/_blank.png" alt="">
              <div class="thumb-centered__caption"><span class="icon icon-lg fa-flickr"></span></div></a></div>
        </div>
      </section> -->
      
		<!-- Page Footer-->
	  <?php include 'includes/footer.php';?>
	  
    </div>
    <!-- Global Mailform Output-->
    <div class="snackbars" id="form-output-global"></div>
    <!-- PhotoSwipe Gallery-->
    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
      <div class="pswp__bg"></div>
      <div class="pswp__scroll-wrap">
        <div class="pswp__container">
          <div class="pswp__item"></div>
          <div class="pswp__item"></div>
          <div class="pswp__item"></div>
        </div>
        <div class="pswp__ui pswp__ui--hidden">
          <div class="pswp__top-bar">
            <div class="pswp__counter"></div>
            <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
            <button class="pswp__button pswp__button--share" title="Share"></button>
            <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
            <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
            <div class="pswp__preloader">
              <div class="pswp__preloader__icn">
                <div class="pswp__preloader__cut">
                  <div class="pswp__preloader__donut"></div>
                </div>
              </div>
            </div>
          </div>
          <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
            <div class="pswp__share-tooltip"></div>
          </div>
          <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
          <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
          <div class="pswp__caption">
            <div class="pswp__caption__cent"></div>
          </div>
        </div>
      </div>
    </div>
    <!-- Javascript-->
    <script src="js/core.min.js"></script>
    <script src="js/script.js"></script>
  </body>
</html>