Patterns

A responsive system to support designers, developers and teams to begin the build of products, apps and services based on a core collection of flexible consistent elements.

 

3 Audio

HTML5 Audio player

How we Decide (14mins)

Download Audio File 
<div class="soft bg-dark-grey-2">
 <div class="audio-caption light-grey-2 alpha"> 
   <span class="icon icon-volume-up"></span>
   <p class="push-half--bottom">How we Decide <span class="delta">(14mins)</span></p>
 </div>
   <audio preload="auto" controls>
     <source src="../content/audio/BlueDucks_FourFlossFiveSix.mp3">
     <source src="../content/audio/BlueDucks_FourFlossFiveSix.ogg">
     <source src="../content/audio/BlueDucks_FourFlossFiveSix.wav">
   </audio>    
 <a class="btn btn--small btn--icon push--ends" title="Right click and choose Save link as..." href="https://d97i5tfmntrq8.cloudfront.net/d3f61fe0-d2e5-00a6-ae4c-9dbe00f4eefb/Jonah-Lehrer-Final-Edit-MONO-CAT.mp3">
   <span class="icon icon-download"></span> 
   Download Audio File
 </a> 
</div>