<!DOCTYPE html>
<html class="wide wow-animation smoothscroll" lang="en">
  <head>
    <!-- Site Title-->
    <title>CU Fueling Station</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]-->
	<style>
		@media (min-width: 1920px) {
		.swiper-slider_fullheight {height:calc(100vh - 222px) !important;}
		.mainlogo {max-width: 1400px; align-self: center; }
		.mainlogo2 {max-width: 30vw; position: absolute; bottom: 11%; left: 10%; }
		.hagan {background-position: top center !important; }
		}
	@media (min-width: 1400px) and (max-width: 1919px) {
		.swiper-slider_fullheight {height:calc(100vh - 222px) !important;}
		.mainlogo {max-width: 1400px; align-self: center; }
		.mainlogo2 {max-width: 30vw; position: absolute; bottom: 11%; left: 10%; }
		.hagan {background-position: top center !important; }
		}
	@media (min-width: 992px) and (max-width: 1399px) {
		.mainlogo {max-width: 60vw; max-height:calc(100vh - 180px); }
		.mainlogo2 {max-width: 40vw; position: absolute; bottom: 9%; left: 30%;}
		}
	@media (min-width: 768px) and (max-width: 991px) {
		.mainlogo {width: 70vw; max-height:calc(100vh - 80px); }
		.mainlogo2 {max-width: 50vw; position: absolute; bottom: 5%; left: 25%;}
		}	  
	@media (max-width: 767px) {
		.mainlogo {width: 90vw; max-height:calc(100vh - 50px); }
		.mainlogo2 {max-width: 60vw; position: absolute; bottom: 5%; left: 20%;}
		}	</style>
	<!--For Popups, Javalibrary-->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  </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';?>

      <!-- Swiper-->
      <section class="context-dark section">
        <div class="swiper-container swiper-slider swiper-slider_fullheight" data-simulate-touch="true" data-loop="true" data-autoplay="5000">
          <div class="swiper-wrapper">
            <div class="hagan swiper-slide" data-slide-bg="images/hagan_cover.jpg">
              <div class="swiper-slide-caption text-center" style="margin-top:-3%; align-self: flex-start; min-height: calc(100vh - 200px); max-width: 	100vw;">
                <div class="shell" style="height: 100%;">
                  <!--<hr class="divider divider-md divider-primary" data-caption-animate="fadeInUpSmall">
                  <h4 data-caption-animate="fadeInUpSmall" style="color: #212121">2016 PAC 12 South Champions!</h4>
                  <img src="images/Eat-Like-A-Champion.png" data-caption-animate="fadeInUpSmall" data-caption-delay="200" class="mainlogo" alt=""/>-->
                  <img src="images/cu_hagen_description.png" data-caption-animate="fadeInUpSmall" data-caption-delay="200" class="mainlogo2" alt=""/><!--<h1 data-caption-animate="fadeInUpSmall" data-caption-delay="200" style="font-size: 45pt; color: #212121"><br class="veil reveal-md-block">Fueling Champions.</h1><a class="button button-sm button-primary" data-caption-animate="fadeInUpSmall" data-caption-delay="350" href="#section-see-features" data-custom-scroll-to="section-see-features">View the classes</a>-->
                </div>
              </div>
            </div>
            <div class="swiper-slide" data-slide-bg="images/cover_2.jpg">
              <div class="swiper-slide-caption text-center">
                <div class="shell" style="text-shadow:1px 1px 4px #000; margin-top: -5%;">
                  <!--<h1 data-caption-animate="fadeInUpSmall" data-caption-delay="200"> It's very inspirational<br class="veil reveal-md-block">Extreme!</h1><a class="button button-sm button-primary" data-caption-animate="fadeInUpSmall" data-caption-delay="350" href="contact.php" data-custom-scroll-to="section-see-features">See Today's Menu</a>-->
                </div>
              </div>
            </div>
            <div class="swiper-slide" data-slide-bg="images/cover_3.jpg">
              <div class="swiper-slide-caption text-center">
                <div class="shell" style="text-shadow:1px 1px 4px #000; margin-top: -5%;">
                  <!--<h4 data-caption-animate="fadeInUpSmall">Each meal cost just $7</h4>
                  <a class="button button-sm button-primary" data-caption-animate="fadeInUpSmall" data-caption-delay="350" href="schedule.php" data-custom-scroll-to="section-see-features">Today's Menu</a>-->
                </div>
              </div>
            </div>
            <div class="swiper-slide" data-slide-bg="images/cover_4.jpg">
              <div class="swiper-slide-caption text-center">
                <div class="shell" style="text-shadow:1px 1px 4px #000; margin-top: -5%;"><!--<a class="button button-sm button-primary" data-caption-animate="fadeInUpSmall" data-caption-delay="350" href="schedule.php" data-custom-scroll-to="section-see-features">Today's Menu</a>-->
                </div>
              </div>
            </div>          
          </div>
          <!-- Swiper Pagination-->
          <div class="swiper-pagination"></div>
        </div>
      </section>
      <section class="section text-center section-lg bg-white">
        <div class="shell">
          <!--<hr class="divider divider-md divider-primary">-->
          <h1>Eat Like A Champion!</h1><a name="about"></a>
        </div>
      </section>
      <!-- Presentation-->
      <section class="section bg-white section-lg">
        <div class="shell">
          <div class="range">
            <div class="cell-md-6">
			<!-- Owl Carousel-->
                  <div class="owl-carousel owl-carousel-nav-bottom" data-items="1" data-stage-padding="0" data-loop="true" data-margin="0" data-mouse-drag="false" data-nav="true" data-dots="false" data-photo-swipe-gallery="gallery" data-autoplay="true" data-autoplay-speed="800" data-autoplay-timeout="800" data-nav-speed="800">
                    <div class="item"><a class="img-thumbnail-variant-1" href="images/post-classic-3-886x668.jpg" data-photo-swipe-item="" data-size="886x668">
                        <figure><img src="images/post-classic-3-886x668.jpg" alt="" width="652" height="491"/>
                        </figure>
                        <div class="caption"><span class="icon icon-lg linear-icon-magnifier"></span></div></a>
                    </div>
                    <div class="item"><a class="img-thumbnail-variant-1" href="images/post-classic-2-886x668.jpg" data-photo-swipe-item="" data-size="886x668">
                        <figure><img src="images/post-classic-2-886x668.jpg" alt="" width="652" height="491"/>
                        </figure>
                        <div class="caption"><span class="icon icon-lg linear-icon-magnifier"></span></div></a>
                    </div>
                    <div class="item"><a class="img-thumbnail-variant-1" href="images/ribs-chicken-1-886x668.jpg" data-photo-swipe-item="" data-size="886x668">
                        <figure><img src="images/ribs-chicken-1-886x668.jpg" alt="" width="652" height="491"/>
                        </figure>
                        <div class="caption"><span class="icon icon-lg linear-icon-magnifier"></span></div></a>
                    </div>
                    <div class="item"><a class="img-thumbnail-variant-1" href="images/salad-bar-886x668.jpg" data-photo-swipe-item="" data-size="886x668">
                        <figure><img src="images/salad-bar-886x668.jpg" alt="" width="652" height="491"/>
                        </figure>
                        <div class="caption"><span class="icon icon-lg linear-icon-magnifier"></span></div></a>
                    </div>
                    <div class="item"><a class="img-thumbnail-variant-1" href="images/post-classic-1-886x668.jpg" data-photo-swipe-item="" data-size="886x668">
                        <figure><img src="images/post-classic-1-886x668.jpg" alt="" width="652" height="491"/>
                        </figure>
                        <div class="caption"><span class="icon icon-lg linear-icon-magnifier"></span></div></a>
                    </div>
                  </div>
            </div>
            <div class="cell-md-6">
              <hr class="divider divider-sm divider-left">
			  <h2>Welcome To The New Fueling Station At Champions Club Cafe.</h2>
              <!--<h4 class="heading-thin">... And the Champion's Club Cafe</h4>-->
              <p>Restaurateur “Pasta” Jay Elowsky and the CU Athletic Department joined forces to create the new Fueling Station at Champions Club Cafe in the Champions Center on the CU Boulder campus.</p>
              
              <p>Jay has combined his 30 years of experience serving delicious food and friendly service with the CU Athletic Department, which has attracted talented student athletes for decades.</p>
              
                            
              <p>Their shared goal is to provide comprehensive sports nutrition in a friendly nurturing environment—to aid these extraordinary young men and women to become top sports performers, high scholastic achievers and champions in their community!</p>
              
                            
              <p>All students and the public are welcome to experience the new Fueling Station and “Eat Like a Champion!”</p>
            </div>
          </div>
        </div>
      </section>      
<!--
      <section class="section-lg bg-gray-lighter" id="section-see-features">
        <div class="shell text-center">
          <hr class="divider divider-sm divider-primary">
          <h2>Our Classes</h2>
          <div class="range range-50 range-center">
            <div class="cell-md-4 cell-sm-7">
              <div class="img-thumbnail-variant-4">
                <figure><img src="images/home-05.jpg" alt=""><a class="caption-abs" href="single-program.html">CrossFit</a></figure>
                <div class="caption-bottom box">
                  <div class="box-inner">
                    <p class="box__left">Friday</p>
                    <p class="box__right"><span class="mdi mdi-clock icon"></span>09 AM. —  10 AM.</p>
                  </div>
                  <div class="box-inner">
                    <p class="box__left">Saturday</p>
                    <p class="box__right"><span class="mdi mdi-clock icon"></span>12 PM. —  13 PM.</p>
                  </div>
                  <div class="box-inner">
                    <p class="box__left">Sunday</p>
                    <p class="box__right"><span class="mdi mdi-clock icon"></span>09 AM. —  10 AM.</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="cell-md-4 cell-sm-7">
              <div class="img-thumbnail-variant-4">
                <figure><img src="images/home-06.jpg" alt=""><a class="caption-abs" href="single-program.html">Yoga</a></figure>
                <div class="caption-center box">
                  <div class="unit unit-horizontal unit-middle unit-spacing-sm">
                    <div class="unit__left"><img class="img-circle" src="images/home-07.jpg" alt=""></div>
                    <div class="unit__body">
                      <h6><a href="coach.html">Julie Collins</a></h6>
                      <p class="small">Coach</p>
                    </div>
                  </div>
                  <div class="unit unit-horizontal unit-middle unit-spacing-sm">
                    <div class="unit__left"><img class="img-circle" src="images/home-08.jpg" alt=""></div>
                    <div class="unit__body">
                      <h6><a href="coach.html">Brenda  Flores</a></h6>
                      <p class="small">Coach</p>
                    </div>
                  </div>
                </div>
                <div class="caption-bottom box">
                  <div class="box-inner">
                    <p class="box__left">Friday</p>
                    <p class="box__right"><span class="mdi mdi-clock icon"></span>09 AM. —  10 AM.</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="cell-md-4 cell-sm-7">
              <div class="img-thumbnail-variant-4">
                <figure><img src="images/home-09.jpg" alt=""><a class="caption-abs" href="single-program.html">Fitness</a></figure>
                <div class="caption-center box">
                  <div class="unit unit-horizontal unit-middle unit-spacing-sm">
                    <div class="unit__left"><img class="img-circle" src="images/home-10.jpg" alt=""></div>
                    <div class="unit__body">
                      <h6><a href="coach.html">Steven Ayokee</a></h6>
                      <p class="small">Coach</p>
                    </div>
                  </div>
                </div>
                <div class="caption-bottom box">
                  <div class="box-inner">
                    <p class="box__left">Friday</p>
                    <p class="box__right"><span class="mdi mdi-clock icon"></span>09 AM. —  10 AM.</p>
                  </div>
                  <div class="box-inner">
                    <p class="box__left">Saturday</p>
                    <p class="box__right"><span class="mdi mdi-clock icon"></span>12 PM. —  13 PM.</p>
                  </div>
                  <div class="box-inner">
                    <p class="box__left">Sunday</p>
                    <p class="box__right"><span class="mdi mdi-clock icon"></span>09 AM. —  10 AM.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
-->
      <section class="section text-center">
        <!-- RD Parallax-->
        <div class="rd-parallax bg-image parallax-header rd-parallax-light" data-on="false" data-md-on="true" style="background-image: url(images/stadium.jpg);">
          <div class="rd-parallax-layer" data-speed="0.35" data-type="media" data-url="images/stadium.jpg"></div>
          <div class="rd-parallax-layer" data-lg-speed="0" data-type="html">
            <div class="shell section-lg">
              <hr class="divider divider-md divider-primary">
              <h4 class="heading-thin">CU Buff Champions!</h4>
              
						  <!--<article class="box-counter">
                	  		<div class="box-counter__icon linear-icon-dinner" 	style="margin-bottom: -25px;"></div>
                 			 <div class="box-counter__wrap">
                   			 <div class="counter" data-speed="5000" style="font-size: 4.5vmax; font-weight: bold;color:#cfb87c;">
                   			 "Meals php goes here"
                 			</div>
                		  	</div>
                		  <h5 class="box-counter__title" style="margin-top: -1%;">MEALS SERVED</h5>
               			 </article> -->
			  
              <!--<h1>… We’ve got<br class="veil reveal-lg-block">a Fitness Class for it!</h1><a class="button button-sm button-primary" href="schedule.php">See Menu</a>-->
                  <?php include 'includes/cunumbersgold.php';?>
            </div>
          </div>
        </div>
      </section>
      <section class="section-lg bg-white">
        <div class="shell">
          <div class="range range-md-center range-50">
            <div class="cell-md-6">
              <hr class="divide divider-sm divider-left">
              <h2>Everyone Can Eat Like A Champion!</h2>
              <!--<h4 class="heading-thin">... And the Champion's Club Cafe</h4>-->
              <p>All students and the public are invited to enjoy the same delicious performance based menus as our Colorado Buff student-athletes.  Order a quick sandwich or smoothie from the window at Champions Club Express or an all-you-can eat meal at the Champions Club Cafe and sit in the same beautiful dining room as the athletes. </p><p>Be a champion in the gym, in class, at work, at home!</p>
              <p><table width="100%" border="0">
				  <tbody>
					<tr>
					  <td width="40%" style="padding-right: 10px;text-align: left;" valign="top">Open Monday to Friday<br>8am - 3pm<br>Closed Weekends</td>
					  <td style="padding-left: 10px;text-align: left;" valign="top">Eat like a champion for $10<br>See today's menu <a href="schedule.php">here</a></td>
					</tr>
				  </tbody>
				</table>
				</p>
              <!--<h3>— Pasta Jay</h3>-->
            </div>
            <div class="cell-md-6"><img src="images/runner_smoothie_small.jpg" alt=""></div>
          </div>
        </div>
      </section>
      <section class="section text-center">
        <!-- RD Parallax-->
        <div class="rd-parallax bg-image" data-on="false" data-md-on="true" style="background-image: url(images/home-26.jpg);">
          <div class="rd-parallax-layer" data-speed="0.35" data-type="media" data-url="images/home-26.jpg"></div>
          <div class="rd-parallax-layer" data-lg-speed="0" data-type="html">
            <div class="shell section-lg">
              <hr class="divider divider-sm">
              <h2 class="context-dark">The Home Team</h2>
              <div style="width:80%;margin-left:10%;padding-bottom:3%;">
              <h5 class="quote-default__title" style="color:#fff;">Running Fueling Station is definitely a team sport!</h5></div>
              <div class="owl-carousel owl-carousel-light-dots owl-carousel-fullhigth owl-carousel-nav-style-1 owl-carousel-nav-top" data-items="1" data-sm-items="2" data-lg-items="3" data-dots="true" data-nav="true" data-loop="false" data-margin="50" data-mouse-drag="false">             
                 <div class="box bg-white"><img class="img-circle" src="images/chef_greg.png" alt="" width="193" height="193"/>
                  <h5>Gregory<br>Ageous</h5>
                  <h6>Executive<br>Chef</h6>
                  <!--<p class="small center-block">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris porta volutpat libero vel lacinia. Vivamus condimentum, magna vel imperdiet lobortis, urna quam aliquet mi, a lobortis orci magna eget ipsum. Praesent bibendum viverra tortor efficitur tempor.</p>--><a class="button button-sm button-primary" href="#">coming soon</a>
                </div>
                <div class="box bg-white"><img class="img-circle" src="images/coaches-MM-193x193.gif" alt="" width="193" height="193"/>
                  <h5>Mike<br>MacIntyre</h5>
                  <h6>Head<br>Football Coach</h6>
                  <!--<p class="small center-block">The Champion's Club Cafe - The best Fueling Station in America. It's run by Pasta Jay - Unbelievable Chefs, Unbelievable Service. It's a great place to get bigger, stronger, eat well, and stay healthy!</p>--><a id="macbtn" class="button button-sm button-primary" href="javascript:void(0)">Watch Video</a>
                </div>
                <div class="box bg-white"><img class="img-circle" src="images/coaches-JAY-193x193.gif" alt="" width="193" height="193"/>
                  <h5>Pasta Jay<br>Elowsky</h5>
                  <h6>Team<br>Owner</h6>
                  <!--<p class="small center-block">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris porta volutpat libero vel lacinia. Vivamus condimentum, magna vel imperdiet lobortis, urna quam aliquet mi, a lobortis orci magna eget ipsum. Praesent bibendum viverra tortor efficitur tempor.</p>--><a id="jaybtn" class="button button-sm button-primary" href="javascript:void(0)">Watch Video</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="section bg-white section-lg">
        <div class="shell">
          <div class="text-center">
            <hr class="divider divider-sm">
            <h2>Press</h2>
            <!--<h4 class="heading-thin">In the news...</h4>-->
          </div>
          <div class="range range-center range-50">
            <div class="cell-sm-6 cell-lg-4">
              <!-- Post classic-->
              <article class="post-classic post-minimal">
                <div class="post-inner">
                  <div class="post-label"><a class="label label-primary" href="http://www.dailycamera.com/business/ci_28839170/above-folsom-field:-pasta-jays-jay-elowsky-opening-new-cafe-at-cu">Daily Camera</a></div><img src="images/home-16.jpg" width="418" height="315" alt="">
                  <div class="post-classic-title">
                    <h5><a href="http://www.dailycamera.com/business/ci_28839170/above-folsom-field:-pasta-jays-jay-elowsky-opening-new-cafe-at-cu">Above Folsom Field: Pasta Jay’s Jay Elowsky…</a></h5>
                  </div>
                  <div class="post-classic-footer">
                    <div class="post-meta">
                      <div class="unit unit-horizontal unit-middle">
                        <!--<div class="unit__left"><img class="img-circle" src="images/home-17.jpg" width="74" height="74" alt=""></div>-->
                        <div class="unit__body">
                          <div class="post-relative"><a class="meta-author" href="http://www.dailycamera.com/business/ci_28839170/above-folsom-field:-pasta-jays-jay-elowsky-opening-new-cafe-at-cu">by<span class="meta-author__inner"> Jerd Smith</span></a></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </article>
            </div>
            <div class="cell-sm-6 cell-lg-4">
              <!-- Post classic-->
              <article class="post-classic post-minimal">
                <div class="post-inner">
                  <div class="post-label"><a class="label label-primary" href="https://colorado.rivals.com/news/helping-fuel-the-buffs-cu-dietitian-qa-part-i-2">CU Sports Nation</a></div><img src="images/home-18.jpg" width="418" height="315" alt="">
                  <div class="post-classic-title">
                    <h5><a href="https://colorado.rivals.com/news/helping-fuel-the-buffs-cu-dietitian-qa-part-i-2">Helping fuel the Buffs: CU Dietitian QA</a></h5>
                  </div>
                  <div class="post-classic-footer">
                    <div class="post-meta">
                      <div class="unit unit-horizontal unit-middle">
                        <!--<div class="unit__left"><img class="img-circle" src="images/home-19.jpg" width="74" height="74" alt=""></div>-->
                        <div class="unit__body">
                          <div class="post-relative"><a class="meta-author" href="https://colorado.rivals.com/news/helping-fuel-the-buffs-cu-dietitian-qa-part-i-2">by<span class="meta-author__inner"> Adam Munsterteiger</span></a></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </article>
            </div>
            <div class="cell-sm-6 cell-lg-4">
              <!-- Post slider-->
              <article class="post-slider post-minimal">
                <div class="post-inner">
                  <div class="post-label"><a class="label label-primary" href="http://www.sbnation.com/college-football/2017/6/6/15734370/colorado-football-2017-preview-schedule-roster">SB Nation</a></div><img src="images/home-20.jpg" width="418" height="315" alt="">
                  <div class="post-classic-title">
                    <h5><a href="http://www.sbnation.com/college-football/2017/6/6/15734370/colorado-football-2017-preview-schedule-roster">Colorado football faces life after a dream season</a></h5>
                  </div>
                  <div class="post-classic-footer">
                    <div class="post-meta">
                      <div class="unit unit-horizontal unit-middle">
                        <!--<div class="unit__left"><img class="img-circle" src="images/home-21.jpg" width="74" height="74" alt=""></div>-->
                        <div class="unit__body">
                          <div class="post-relative"><a class="meta-author" href="http://www.sbnation.com/college-football/2017/6/6/15734370/colorado-football-2017-preview-schedule-roster">by<span class="meta-author__inner"> Bill Connelly</span></a></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </article>
            </div>
          </div>
        </div>
      </section>
      <!--<section class="section text-center">
        <div class="rd-parallax bg-image parallax-header rd-parallax-light" data-on="false" data-md-on="true" style="background-image: url(images/home-22.jpg);">
          <div class="rd-parallax-layer" data-speed="0.35" data-type="media" data-url="images/home-22.jpg"></div>
          <div class="rd-parallax-layer" data-lg-speed="0" data-type="html">
            <div class="shell section-lg">
              <hr class="divider divider-md divider-primary">
              <h4 class="heading-thin">our food should be our medicine…</h4>
              <h1>… And Our <br class="veil reveal-lg-block">Medicine Should Be Our Food!</h1><h4 class="heading-thin">-Hippocrates</h4><a class="button button-sm button-primary" href="programs.html">View the classes</a>
            </div>
          </div>
        </div>
      </section>-->	 
		      <!-- Page Footer-->
	  <?php include 'includes/footer.php';?>
	  		      <!-- Page Interviews-->
	  <?php include 'includes/macintyre.php';?>
	  <?php include 'includes/jayattt.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>