<div class="sliderbody"> <h4> Image-Slider</h4> <section class="carousel" aria-label="Gallery"> <ol class="carousel__viewport"> <li id="carousel__slide1" tabindex="0" class="carousel__slide"> <div class="carousel__snapper"> <section class="internal-embed" src="PoggleLogo.png"></section> </div> <a href="#carousel__slide4" class="carousel__prev">Go to last slide</a> <a href="#carousel__slide2" class="carousel__next">Go to next slide</a> </li> <li id="carousel__slide2" tabindex="0" class="carousel__slide"> <div class="carousel__snapper"> <section class="internal-embed" src="VectMenu.png"></section> </div> <a href="#carousel__slide1" class="carousel__prev">Go to previous slide</a> <a href="#carousel__slide3" class="carousel__next">Go to next slide</a> </li> <li id="carousel__slide3" tabindex="0" class="carousel__slide"> <div class="carousel__snapper"> <section class="internal-embed" src="webb.png"></section></div> <a href="#carousel__slide2" class="carousel__prev">Go to previous slide</a> <a href="#carousel__slide4" class="carousel__next">Go to next slide</a> </li> <li id="carousel__slide4" tabindex="0" class="carousel__slide"> <div class="carousel__snapper"> <section class="internal-embed" src="MarchingSquareTest.png"></section></div> <a href="#carousel__slide3" class="carousel__prev">Go to previous slide</a> <a href="#carousel__slide5" class="carousel__next">Go to first slide</a> </li> <li id="carousel__slide5" tabindex="0" class="carousel__slide"> <div class="carousel__snapper"> <section class="internal-embed" src="SolariaMenu.png"></section></div> <a href="#carousel__slide4" class="carousel__prev">Go to previous slide</a> <a href="#carousel__slide6" class="carousel__next">Go to first slide</a> </li> </ol> </section> </div>