<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>TheFlyingFox</title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700i%7CSignika:300,400,700" rel="stylesheet">
  <link media="all" rel="stylesheet" href="style.css">
  <script type="text/javascript" src="js/svg-sprites.js"></script>
  <script>
      document.addEventListener('DOMContentLoaded', function(){
          document.getElementById('svg-icon-placeholder').innerHTML += SVG_SPRITES['sprite'];
      }, false);
  </script>
  <script src="https://use.fontawesome.com/b1870e157d.js"></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" defer></script>
  <script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.2.min.js" defer><\/script>')</script>
  <script type="text/javascript" src="js/jquery.main.js" defer></script>
</head>
<body class="home">
  <div id="svg-icon-placeholder" style="display: none;"></div>
  <div class="wrapper">
    <header id="header">
      <div class="header-top">
        <div class="w1">
          <div class="holder">
            <div class="info-block">
              <img src="images/wifi.svg" width="28" height="28" alt="free wi-fi">
              <b>Free WiFi</b>
            </div>
            <ul class="contact-list">
              <li><a href="tel:+64226456579" class="tel-link">+64 22 645 6579</a></li>
              <li><a href="mailto:&#105;&#110;&#102;&#111;&#064;&#116;&#104;&#101;&#102;&#108;&#121;&#105;&#110;&#103;&#102;&#111;&#120;&#046;&#099;&#111;&#046;&#110;&#122;">&#105;&#110;&#102;&#111;&#064;&#116;&#104;&#101;&#102;&#108;&#121;&#105;&#110;&#103;&#102;&#111;&#120;&#046;&#099;&#111;&#046;&#110;&#122;</a></li>
              <li class="hidden-xs">
                <a href="#" class="circle"><img src="images/facebook.svg" width="26" height="26" alt="facebook"></a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="header-bottom">
        <div class="w1">
          <div class="logo"><a href="#"><img src="images/logo.png" alt="The Flying Fox"></a></div>
          <div class="nav-container">
            <nav id="nav">
              <a href="#" class="nav-opener nav-burger">Menu<span class="burger"><span></span></span></a>
              <div class="nav-drop">
                <a href="#" class="nav-opener back-link">Back</a>
                <div class="nav-holder">
                  <ul>
                    <li class="open-close-nav">
                      <a href="#" class="opener"><span class="holder">Accomodation <i class="fa fa-chevron-down" aria-hidden="true"></i></span></a>
                      <ul class="drop">
                        <li><a href="#">James K Cottage</a></li>
                        <li><a href="#">Brewers cottage</a></li>
                        <li><a href="#">Rur lodge</a></li>
                        <li><a href="#">Glory Cart</a></li>
                        <li><a href="#">Bush camping</a></li>
                      </ul>
                    </li>
                    <li class="open-close-nav">
                      <a href="#" class="opener"><span class="holder">Package Deals <i class="fa fa-chevron-down" aria-hidden="true"></i></span></a>
                      <ul class="drop">
                        <li><a href="#">Lorem ipsum</a></li>
                        <li><a href="#">Dolor amet</a></li>
                        <li><a href="#">Adipisicing elit</a></li>
                        <li><a href="#">Autem nulla</a></li>
                      </ul>
                    </li>
                    <li class="open-close-nav">
                      <a href="#" class="opener"><span class="holder">Extra’s <i class="fa fa-chevron-down" aria-hidden="true"></i></span></a>
                      <ul class="drop">
                        <li><a href="#">Numquam inventore</a></li>
                        <li><a href="#">Quas a soluta</a></li>
                        <li><a href="#">Laboriosam impedit</a></li>
                        <li><a href="#">Eaque saepe</a></li>
                      </ul>
                    </li>
                    <li>
                      <a href="#">Gallery</a>
                    </li>
                    <li class="open-close-nav">
                      <a href="#" class="opener"><span class="holder">About <i class="fa fa-chevron-down" aria-hidden="true"></i></span></a>
                      <ul class="drop">
                        <li><a href="#">Ipsum lorem</a></li>
                        <li><a href="#">Amet dolor</a></li>
                        <li><a href="#">Nulla autem</a></li>
                        <li><a href="#">Elit adipis</a></li>
                        <li><a href="#">Veniam totam</a></li>
                      </ul>
                    </li>
                    <li class="open-close-nav">
                      <a href="#" class="opener"><span class="holder">Booking/ contact <i class="fa fa-chevron-down" aria-hidden="true"></i></span></a>
                      <ul class="drop">
                        <li><a href="#">Mollitia ratione</a></li>
                        <li><a href="#">Excepturi nihil</a></li>
                        <li><a href="#">Lipsum voluptates</a></li>
                      </ul>
                    </li>
                  </ul>
                  <div class="drop-block">
                    <span class="block">
                      <span class="info-block">
                        <img src="images/wifi.svg" width="28" height="28" alt="free wi-fi">
                        <b>Free WiFi</b>
                      </span>
                    </span>
                    <span class="block">
                      <a href="#" class="circle"><img src="images/facebook.svg" width="26" height="26" alt="facebook"></a>
                    </span>
                  </div>
                </div>
              </div>
            </nav>
          </div>
        </div>
      </div>
    </header>
    <main id="main" role="main">
      <div class="visual-block custom-visual">
        <div class="visual-holder" style="background-image: url(images/visual-home.jpg)">
        </div>
        <div class="heading-frame">
          <h1>Eco-Friendly Accommodation <br>On the Whanganui River</h1>
          <h2 class="subtitle">“Will never stay at a place like this again, as nowhere is so unique and incredible!”</h2>
        </div>
      </div>
      <div class="w1">
        <div class="main-section gallery-panels cycle-gallery-mobile same-height-holder">
          <div class="mask">
            <div class="slideset">
              <div class="slide">
                <div class="panel-custom">
                  <div class="img-holder" style="background-image: url(images/house01.jpg)">
                    <img src="images/fake-image-mobile.png" class="visible-xs" alt="image description">
                    <img src="images/fake-image-tablet.png" class="visible-sm" alt="image description">
                  </div>
                  <div class="block-content">
                    <h3><a href="#">JAMES K COTTAGE</a></h3>
                    <div class="hidden-xs">
                      <p>The James K Cottage is named in memory of New Zealand’s famous poet James K Baxter, who spent time in a small community in nearby Jerusalem..</p>
                    </div>
                    <ul class="items-list">
                      <li>
                        <div class="popup-block">
                          <a class="icon-holder open" href="#">
                            <img src="images/double-bed.svg" width="38" height="30" alt="image description">
                          </a>
                          2
                          <div class="popup">
                            <div class="popup-box">
                              <p>Two Queen sized beds</p>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li>
                        <div class="popup-block">
                          <a class="icon-holder open" href="#">
                            <img src="images/single-bed.svg" width="23" height="30" alt="image description">
                          </a>
                          2
                          <div class="popup">
                            <div class="popup-box">
                              <p>One Queen sized beds</p>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li>
                        <div class="popup-block">
                          <a class="icon-holder open" href="#">
                            <img src="images/people.svg" width="41" height="30" alt="image description">
                          </a>
                          6
                          <div class="popup">
                            <div class="popup-box">
                              <p>People</p>
                            </div>
                          </div>
                        </div>
                      </li>
                    </ul>
                    <a href="#" class="btn"><span class="holder">Find out more</span></a>
                  </div>
                </div>
              </div>
              <div class="slide">
                <div class="panel-custom">
                  <div class="img-holder" style="background-image: url(images/house02.jpg)">
                    <img src="images/fake-image-mobile.png" class="visible-xs" alt="image description">
                    <img src="images/fake-image-tablet.png" class="visible-sm" alt="image description">
                  </div>
                  <div class="block-content">
                    <h3><a href="#">JAMES K COTTAGE</a></h3>
                    <div class="hidden-xs">
                      <p>The James K Cottage is named in memory of New Zealand’s famous poet James K Baxter, who spent time in a small community in nearby Jerusalem..</p>
                    </div>
                    <ul class="items-list">
                      <li>
                        <div class="popup-block">
                          <a class="icon-holder open" href="#">
                            <img src="images/double-bed.svg" width="38" height="30" alt="image description">
                          </a>
                          2
                          <div class="popup">
                            <div class="popup-box">
                              <p>Two Queen sized beds</p>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li>
                        <div class="popup-block">
                          <a class="icon-holder open" href="#">
                            <img src="images/single-bed.svg" width="23" height="30" alt="image description">
                          </a>
                          2
                          <div class="popup">
                            <div class="popup-box">
                              <p>One Queen sized beds</p>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li>
                        <div class="popup-block">
                          <a class="icon-holder open" href="#">
                            <img src="images/people.svg" width="41" height="30" alt="image description">
                          </a>
                          6
                          <div class="popup">
                            <div class="popup-box">
                              <p>People</p>
                            </div>
                          </div>
                        </div>
                      </li>
                    </ul>
                    <a href="#" class="btn"><span class="holder">Find out more</span></a>
                  </div>
                </div>
              </div>
              <div class="slide">
                <div class="panel-custom">
                  <div class="img-holder" style="background-image: url(images/house03.jpg)">
                    <img src="images/fake-image-mobile.png" class="visible-xs" alt="image description">
                    <img src="images/fake-image-tablet.png" class="visible-sm" alt="image description">
                  </div>
                  <div class="block-content">
                    <h3><a href="#">JAMES K COTTAGE</a></h3>
                    <div class="hidden-xs">
                      <p>The James K Cottage is named in memory of New Zealand’s famous poet James K Baxter, who spent time in a small community in nearby Jerusalem..</p>
                    </div>
                    <ul class="items-list">
                      <li>
                        <div class="popup-block">
                          <a class="icon-holder open" href="#">
                            <img src="images/double-bed.svg" width="38" height="30" alt="image description">
                          </a>
                          2
                          <div class="popup">
                            <div class="popup-box">
                              <p>Two Queen sized beds</p>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li>
                        <div class="popup-block">
                          <a class="icon-holder open" href="#">
                            <img src="images/single-bed.svg" width="23" height="30" alt="image description">
                          </a>
                          2
                          <div class="popup">
                            <div class="popup-box">
                              <p>One Queen sized beds</p>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li>
                        <div class="popup-block">
                          <a class="icon-holder open" href="#">
                            <img src="images/people.svg" width="41" height="30" alt="image description">
                          </a>
                          6
                          <div class="popup">
                            <div class="popup-box">
                              <p>People</p>
                            </div>
                          </div>
                        </div>
                      </li>
                    </ul>
                    <a href="#" class="btn"><span class="holder">Find out more</span></a>
                  </div>
                </div>
              </div>
              <div class="slide">
                <div class="panel-custom">
                  <div class="img-holder" style="background-image: url(images/house04.jpg)">
                    <img src="images/fake-image-mobile.png" class="visible-xs" alt="image description">
                    <img src="images/fake-image-tablet.png" class="visible-sm" alt="image description">
                  </div>
                  <div class="block-content">
                    <h3><a href="#">JAMES K COTTAGE</a></h3>
                    <div class="hidden-xs">
                      <p>The James K Cottage is named in memory of New Zealand’s famous poet James K Baxter, who spent time in a small community in nearby Jerusalem..</p>
                    </div>
                    <ul class="items-list">
                      <li>
                        <div class="popup-block">
                          <a class="icon-holder open" href="#">
                            <img src="images/double-bed.svg" width="38" height="30" alt="image description">
                          </a>
                          2
                          <div class="popup">
                            <div class="popup-box">
                              <p>Two Queen sized beds</p>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li>
                        <div class="popup-block">
                          <a class="icon-holder open" href="#">
                            <img src="images/single-bed.svg" width="23" height="30" alt="image description">
                          </a>
                          2
                          <div class="popup">
                            <div class="popup-box">
                              <p>One Queen sized beds</p>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li>
                        <div class="popup-block">
                          <a class="icon-holder open" href="#">
                            <img src="images/people.svg" width="41" height="30" alt="image description">
                          </a>
                          6
                          <div class="popup">
                            <div class="popup-box">
                              <p>People</p>
                            </div>
                          </div>
                        </div>
                      </li>
                    </ul>
                    <a href="#" class="btn"><span class="holder">Find out more</span></a>
                  </div>
                </div>
              </div>
              <div class="slide full-size">
                <div class="panel-custom ignore-js-height">
                  <div class="img-holder" style="background-image: url(images/house01.jpg)">
                    <img src="images/fake-image-mobile.png" class="visible-xs" alt="image description">
                    <img src="images/fake-image-tablet.png" class="visible-sm" alt="image description">
                  </div>
                  <div class="block-content">
                    <h3><a href="#">JAMES K COTTAGE</a></h3>
                    <div class="hidden-xs">
                      <p>The James K Cottage is named in memory of New Zealand’s famous poet James K Baxter, who spent time in a small community in nearby Jerusalem. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud</p>
                    </div>
                    <ul class="items-list">
                      <li>
                        <div class="popup-block">
                          <a class="icon-holder open" href="#">
                            <img src="images/double-bed.svg" width="38" height="30" alt="image description">
                          </a>
                          2
                          <div class="popup">
                            <div class="popup-box">
                              <p>Two Queen sized beds</p>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li>
                        <div class="popup-block">
                          <a class="icon-holder open" href="#">
                            <img src="images/single-bed.svg" width="23" height="30" alt="image description">
                          </a>
                          2
                          <div class="popup">
                            <div class="popup-box">
                              <p>One Queen sized beds</p>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li>
                        <div class="popup-block">
                          <a class="icon-holder open" href="#">
                            <img src="images/people.svg" width="41" height="30" alt="image description">
                          </a>
                          6
                          <div class="popup">
                            <div class="popup-box">
                              <p>People</p>
                            </div>
                          </div>
                        </div>
                      </li>
                    </ul>
                    <a href="#" class="btn"><span class="holder">Find out more</span></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <a class="btn-prev" href="#"><i class="fa fa-chevron-left"></i></a>
          <a class="btn-next" href="#"><i class="fa fa-chevron-right"></i></a>
        </div>
        <div class="main-section cycle-gallery gallery-offers">
          <div class="mask box-green">
            <div class="slideset">
              <div class="slide">
                <a href="#">
                  <h2>RURU LODGE: CHRISTMAS BREAKFAST deal</h2>
                  <p>Take advantage and book any two of these nights at a very special rate. Take advantage and book any two of these nights at a very special rate. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </a>
              </div>
              <div class="slide">
                <a href="#">
                  <h2>Lorem ipsum dolor sit amet</h2>
                  <p>Consectetur adipisicing elit. Doloremque provident maxime dolor, officia id iste rerum distinctio iure consequatur odit, cupiditate aliquid voluptate autem praesentium explicabo ea officiis nesciunt! Magnam.</p>
                </a>
              </div>
              <div class="slide">
                <a href="#">
                  <h2>Vitae dicta nesciunt atque est aut</h2>
                  <p>Doloribus, minima tempore. Consectetur, delectus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione eligendi, ad reprehenderit consectetur a sint, eaque sunt porro, ducimus!</p>
                </a>
              </div>
            </div>
          </div>
          <a class="btn-prev" href="#"><i class="fa fa-chevron-left"></i></a>
          <a class="btn-next" href="#"><i class="fa fa-chevron-right"></i></a>
          <div class="switchers">
            <!-- pagination generated here -->
          </div>
        </div>
      </div>
      <div class="main-section slideshow gallery-extras">
        <div class="slideshow-holder">
          <div class="heading">
            <div class="w1">
              <h2>Extra’s</h2>
              <div class="btn-block hidden-xs">
                <a class="btn-prev" href="#"><i class="fa fa-chevron-left"></i></a>
                <a class="btn-next" href="#"><i class="fa fa-chevron-right"></i></a>
              </div>
            </div>
          </div>
          <div class="slideset">
            <div class="slide" style="background-image: url(images/extra01.jpg);">
              <div class="box-yellow">
                <h3>Lunch Onseque nonsedio res aliqu</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud</p>
                <a href="#" class="btn">make enquiry</a>
              </div>
            </div>
            <div class="slide" style="background-image: url(images/extra02.jpg);">
              <div class="box-yellow">
                <h2>Lorem ipsum dolor sit amet</h2>
                <p>Consectetur adipisicing elit. Doloremque provident maxime dolor, officia id iste rerum distinctio iure consequatur odit, cupiditate aliquid voluptate autem praesentium explicabo ea officiis nesciunt!</p>
                <a href="#" class="btn">make enquiry</a>
              </div>
            </div>
            <div class="slide" style="background-image: url(images/extra01.jpg);">
              <div class="box-yellow">
                <h2>Vitae dicta nesciunt atque est aut voluptate</h2>
                <p>Doloribus, minima tempore. Consectetur, delectus. Ratione eligendi, ad reprehenderit consectetur a sint, eaque sunt porro, ducimus.</p>
                <a href="#" class="btn">make enquiry</a>
              </div>
            </div>
          </div>
          <div class="btn-block visible-xs">
            <a class="btn-prev" href="#"><i class="fa fa-chevron-left"></i></a>
            <a class="btn-next" href="#"><i class="fa fa-chevron-right"></i></a>
          </div>
        </div>
      </div>
      <div class="main-section">
        <div class="w1">
          <div class="cycle-gallery-mobile gallery-section popup-gallery">
            <div class="mask">
              <div class="slideset">
                <div class="slide">
                  <a href="#" class="open" style="background-image: url(images/gallery01.jpg)">
                    <img src="images/gallery-fake.png" alt="image description" class="hidden-xs">
                    <img src="images/gallery-fake-mobile.png" alt="image description" class="visible-xs">
                  </a>
                </div>
                <div class="slide">
                  <a href="#" class="open" style="background-image: url(images/gallery02.jpg)">
                    <img src="images/gallery-fake.png" alt="image description" class="hidden-xs">
                    <img src="images/gallery-fake-mobile.png" alt="image description" class="visible-xs">
                  </a>
                </div>
                <div class="slide">
                  <a href="#" class="open" style="background-image: url(images/gallery03.jpg)">
                    <img src="images/gallery-fake.png" alt="image description" class="hidden-xs">
                    <img src="images/gallery-fake-mobile.png" alt="image description" class="visible-xs">
                  </a>
                </div>
                <div class="slide">
                  <a href="#" class="open" style="background-image: url(images/gallery04.jpg)">
                    <img src="images/gallery-fake.png" alt="image description" class="hidden-xs">
                    <img src="images/gallery-fake-mobile.png" alt="image description" class="visible-xs">
                  </a>
                </div>
                <div class="slide">
                  <a href="#" class="open" style="background-image: url(images/gallery05.jpg)">
                    <img src="images/gallery-fake.png" alt="image description" class="hidden-xs">
                    <img src="images/gallery-fake-mobile.png" alt="image description" class="visible-xs">
                  </a>
                </div>
                <div class="slide">
                  <a href="#" class="open" style="background-image: url(images/gallery06.jpg)">
                    <img src="images/gallery-fake.png" alt="image description" class="hidden-xs">
                    <img src="images/gallery-fake-mobile.png" alt="image description" class="visible-xs">
                  </a>
                </div>
                <div class="slide">
                  <a href="#" class="open" style="background-image: url(images/gallery07.jpg)">
                    <img src="images/gallery-fake.png" alt="image description" class="hidden-xs">
                    <img src="images/gallery-fake-mobile.png" alt="image description" class="visible-xs">
                  </a>
                </div>
                <div class="slide">
                  <a href="#" class="open" style="background-image: url(images/gallery08.jpg)">
                    <img src="images/gallery-fake.png" alt="image description" class="hidden-xs">
                    <img src="images/gallery-fake-mobile.png" alt="image description" class="visible-xs">
                  </a>
                </div>
              </div>
              <div class="popup">
                <a class="close" href="#"><i class="fa fa-minus"></i></a>
                <div class="slideshow-gallery">
                  <div class="slideset">
                    <div class="slide-slideshow">
                      <div class="img-holder" style="background-image: url(images/gallery01-large.jpg)"></div>
                      <div class="description-box">
                        <div class="box-holder">
                          <h2>Lorem Ipsum Dolar Set</h2>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex <a href="#">ea commodo consequat</a>. Duis aute irure dolor in </p>
                        </div>
                      </div>
                    </div>
                    <div class="slide-slideshow">
                      <div class="img-holder" style="background-image: url(images/gallery02-large.jpg)"></div>
                      <div class="description-box">
                        <div class="box-holder">
                          <h2>Ut enim ad minim veniam</h2>
                          <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis nostrud exercitation ullamco laboris nisi ut aliquip ex <a href="#">ea commodo consequat</a>. Duis aute irure dolor in </p>
                        </div>
                      </div>
                    </div>
                    <div class="slide-slideshow">
                      <div class="img-holder" style="background-image: url(images/gallery03-large.jpg)"></div>
                      <div class="description-box">
                        <div class="box-holder">
                          <h2>Sed do eiusmod tempor</h2>
                          <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipisicing elit,  incididunt ut labore et dolore magna aliqua. <a href="#">ea commodo consequat</a>.</p>
                        </div>
                      </div>
                    </div>
                    <div class="slide-slideshow">
                      <div class="img-holder" style="background-image: url(images/gallery04-large.jpg)"></div>
                      <div class="description-box">
                        <div class="box-holder">
                          <h2>Ipsam incidunt blanditiis aspernatur</h2>
                          <p>Nihil magnam accusantium error cupiditate quibusdam dolores sit. Perspiciatis quas, blanditiis, <a href="#">ea commodo consequat</a>. Adipisci iste! Qui amet veritatis esse non!  sunt perferendis laboriosam repellat.</p>
                        </div>
                      </div>
                    </div>
                    <div class="slide-slideshow">
                      <div class="img-holder" style="background-image: url(images/gallery05-large.jpg)"></div>
                      <div class="description-box">
                        <div class="box-holder">
                          <h2>Lorem Ipsum Dolar Set</h2>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex <a href="#">ea commodo consequat</a>. Duis aute irure dolor in </p>
                        </div>
                      </div>
                    </div>
                    <div class="slide-slideshow">
                      <div class="img-holder" style="background-image: url(images/gallery06-large.jpg)"></div>
                      <div class="description-box">
                        <div class="box-holder">
                          <h2>Ut enim ad minim veniam</h2>
                          <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis nostrud exercitation ullamco laboris nisi ut aliquip ex <a href="#">ea commodo consequat</a>. Duis aute irure dolor in </p>
                        </div>
                      </div>
                    </div>
                    <div class="slide-slideshow">
                      <div class="img-holder" style="background-image: url(images/gallery07-large.jpg)"></div>
                      <div class="description-box">
                        <div class="box-holder">
                          <h2>Sed do eiusmod tempor</h2>
                          <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipisicing elit,  incididunt ut labore et dolore magna aliqua. <a href="#">ea commodo consequat</a>.</p>
                        </div>
                      </div>
                    </div>
                    <div class="slide-slideshow">
                      <div class="img-holder" style="background-image: url(images/gallery08-large.jpg)"></div>
                      <div class="description-box">
                        <div class="box-holder">
                          <h2>Ipsam incidunt blanditiis aspernatur</h2>
                          <p>Nihil magnam accusantium error cupiditate quibusdam dolores sit. Perspiciatis quas, blanditiis, <a href="#">ea commodo consequat</a>. Adipisci iste! Qui amet veritatis esse non!  sunt perferendis laboriosam repellat.</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <a class="btn-prev-slideshow" href="#"><i class="fa fa-chevron-left"></i></a>
                  <a class="btn-next-slideshow" href="#"><i class="fa fa-chevron-right"></i></a>
                </div>
              </div>
            </div>
            <a class="btn-prev" href="#"><i class="fa fa-chevron-left"></i></a>
          <a class="btn-next" href="#"><i class="fa fa-chevron-right"></i></a>
          </div>
        </div>
      </div>
      <div class="main-section">
        <div class="w1">
          <blockquote>
            <p>Ribus, que eatiaepudit quae la sint renissit ipsuntis untions ectenda ecturem nus eatuso niminvent quis voloreperae!</p>
          </blockquote>
        </div>
      </div>
      <div class="decor-section">
        <img src="images/bg-decor.svg" alt="image description">
      </div>
    </main>
    <div id="footer">
      <aside class="footer-top">
        <div class="w1">
          <div class="threecolumns">
            <div class="column">
              <h5>About the <br>Flying fox</h5>
              <p>Lignis estiam faccaturem quo optat quisqui doluptatquo eatendest ab ipid quam niatatur aut quid es etur, vellant velibus cipitas alignie nducius poreperibus qui tem sediosa ntionem</p>
            </div>
            <div class="column contact-block">
              <p>
                <a href="#"><i class="fa fa-map-pin" aria-hidden="true"></i> Get directions</a>
              </p>
              <p><a href="tel:+64226456579" class="tel-link">+64 22 645 6579</a></p>
              <p><a href="mailto:&#105;&#110;&#102;&#111;&#064;&#116;&#104;&#101;&#102;&#108;&#121;&#105;&#110;&#103;&#102;&#111;&#120;&#046;&#099;&#111;&#046;&#110;&#122;">&#105;&#110;&#102;&#111;&#064;&#116;&#104;&#101;&#102;&#108;&#121;&#105;&#110;&#103;&#102;&#111;&#120;&#046;&#099;&#111;&#046;&#110;&#122;</a></p>
            </div>
            <div class="column">
              <nav class="footer-nav">
                <ul>
                  <li><a href="#">Accomodation</a></li>
                  <li><a href="#">Package Deals</a></li>
                  <li><a href="#">Extra’s</a></li>
                  <li><a href="#">Gallery</a></li>
                  <li><a href="#">About</a></li>
                  <li><a href="#">Booking/ contact </a></li>
                </ul>
              </nav>
            </div>
          </div>
          <a href="#header" class="link-top"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
        </div>
      </aside>
      <footer class="footer-bottom">
        <div class="w1">
          <ul class="logos-list">
            <li><img src="images/logo-award_2004.png" alt="Wanganui Business Awards 2004 Category Winner"></li>
            <li><img src="images/logo-award_2007.png" alt="Wanganui Business Awards 2007 Category Winner"></li>
            <li><img src="images/logo-lonely-planet.png" alt="Featured by lonely planet 2017"></li>
          </ul>
          <div class="nav-bottom">
            <a href="#">Cancelation Policy</a>
            <a href="#">Terms &amp; Conditions</a>
          </div>
          <span class="by">
            <span class="by-text">Design by</span>
            <a href="#"><img src="images/logo-head-tail.svg" alt="image description" width="69" height="120"></a>
          </span>
        </div>
      </footer>
    </div>
  </div>
</body>
</html>