footer.html

<footer class="site-footer">

	<div class="wrapper">

		<h2 class="footer-heading">Free Software Labor</h2>

		<div class="footer-col-wrapper">
			<div class="footer-col  footer-col-1">
				<ul class="contact-list">
					<li>Hochschule Bonn-Rhein-Sieg</li>
					<li>Raum A020</li>
				</ul>
			</div>
      
			<div class="footer-col footer-col-2">
        <p class="text">{{ site.coolquote }}</p>
      </div>

      <div class="footer-col footer-col-3">
        <div class="elevator">
          <svg class="sweet-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve" height="100px" width="100px">
            <path d="M70,47.5H30c-1.4,0-2.5,1.1-2.5,2.5v40c0,1.4,1.1,2.5,2.5,2.5h40c1.4,0,2.5-1.1,2.5-2.5V50C72.5,48.6,71.4,47.5,70,47.5z   M47.5,87.5h-5v-25h5V87.5z M57.5,87.5h-5v-25h5V87.5z M67.5,87.5h-5V60c0-1.4-1.1-2.5-2.5-2.5H40c-1.4,0-2.5,1.1-2.5,2.5v27.5h-5  v-35h35V87.5z"/>
            <path d="M50,42.5c1.4,0,2.5-1.1,2.5-2.5V16l5.7,5.7c0.5,0.5,1.1,0.7,1.8,0.7s1.3-0.2,1.8-0.7c1-1,1-2.6,0-3.5l-10-10  c-1-1-2.6-1-3.5,0l-10,10c-1,1-1,2.6,0,3.5c1,1,2.6,1,3.5,0l5.7-5.7v24C47.5,41.4,48.6,42.5,50,42.5z"/>
          </svg>
        </div>
			</div>

		</div>

	</div>

</footer>

<script>
  // Simple elevator usage.
  var elementButton = document.querySelector('.elevator');
  var elevator = new Elevator({
  element: elementButton,
  mainAudio: '/music/elevator.mp3', // Music from http://www.bensound.com/
  endAudio:  '/music/ding.mp3',
  duration: 5000
  });
</script>