<section class="pattern-background">
        <div class="container has-sidebar">
            <div class="main">
                <h1>What’s hot!?</h1>
                <div class="slider-container">
                    <div class="simpleSlider" id="simpleSlider-slider"><div id="slider" style="height: 430px; width: 630px; overflow: hidden; position: relative;">





          <ul class="slider">
    <li class="slider-item" style="position: absolute; width: 630px; height: 430px; z-index: 600; left: 0px; top: 0px;">

  <img typeof="foaf:Image" src="http://localhost/sites/default/files/styles/homepageslider-630x430/public/204471_446867962031220_1699047834_o.jpg?itok=XIw7paqN" width="630" height="430" alt="">
    <span class="slider-item-caption">Tot volgend jaar!</span>
    </li>
      <li class="slider-item" style="position: absolute; width: 630px; height: 430px; z-index: 500; top: 0px; left: -630px;">

  <img typeof="foaf:Image" src="http://localhost/sites/default/files/styles/homepageslider-630x430/public/banner%20SRR%20%2B%20on%20tour.jpg?itok=h1Khdmr6" width="630" height="430" alt="">
    </li>
      <li class="slider-item" style="position: absolute; width: 630px; height: 430px; z-index: 590; top: 0px; left: -630px;">

  <img typeof="foaf:Image" src="http://localhost/sites/default/files/styles/homepageslider-630x430/public/wallpaper_1.jpg?itok=EXvhif5S" width="630" height="430" alt="">
    </li>
    </ul>






                    <div class="simpleSlider-title" id="simpleSlider-slider-title" style="bottom: 0px; display: none; left: 0px; width: 630px; position: absolute; z-index: 620;"><div class="simpleSlider-title-transparency" id="simpleSlider-slider-title-transparency" style="display: block; height: 100%; left: 0px; opacity: 0.7; position: absolute; top: 0px; width: 100%; z-index: -1;"></div><div class="simpleSlider-title-content" id="simpleSlider-slider-title-content"></div></div></div></div>
                    <a href="#" class="slider-previous-arrow">Previous</a>
                    <a href="#" class="slider-next-arrow">Next</a>
                </div>
            </div>
            <aside class="sidebar" style="height: 1406px;">
                <h2>Onze partners</h2>





          <ul class="no-bullets">
    <li>
      <a href="http://www.desperadosbeer.com/" alt="Desperados">
    <div class="field-logo"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://localhost/sites/default/files/styles/partner/public/Desperados.png?itok=PGCEhOlv" width="220" height="147" alt=""></div></div></div></a>    </li>
      <li>
      <a href="http://www.desperadosbeer.com/" alt="Clone of Desperados">
    <div class="field-logo"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://localhost/sites/default/files/styles/partner/public/Desperados.png?itok=PGCEhOlv" width="220" height="147" alt=""></div></div></div></a>    </li>
      <li>
      <a href="http://www.desperadosbeer.com/" alt="Clone of Clone of Desperados">
    <div class="field-logo"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://localhost/sites/default/files/styles/partner/public/Desperados.png?itok=PGCEhOlv" width="220" height="147" alt=""></div></div></div></a>    </li>
    </ul>






            </aside>
        </div>
    </section>