FAB Limitless Basketball

by AntonLapshin

HTML

<script src="https://fonts.googleapis.com/css?family=Lato"></script>
<script src="https://uniform-hamlet.codio.io:9500/builder/js/emf-fab.js"></script>
<link rel="stylesheet" href="https://uniform-hamlet.codio.io:9500/builder/css/emf-fab.css">

JavaScript

window.addEventListener('load', function(){

  FAB.init({

    view: FAB.views.lightbox,

    label: 'Homepage',
    icon: '<path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/><path d="M0 0h24v24H0z" fill="none"/>',
    action: {
      type: FAB.actionTypes.redirect,
      data: 'http://www.limitlessbasketball.com/'
    },
   
    buttons: [
    
      {
        label: 'Programs',
				icon: '<path d="M0 0h24v24H0z" fill="none"/><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/>',
				action: {
          type: FAB.actionTypes.redirect,
          data: 'http://www.limitlessbasketball.com/programs',
        }
      },
      
      {
        label: 'Register Fall Training',
				icon: '<path d="M8 5v14l11-7z"/><path d="M0 0h24v24H0z" fill="none"/>',
				action: {
          type: FAB.actionTypes.form,
          data: 'https://www.emailmeform.com/builder/form/N0hA6091Ly0v092glpK6BJ8G4',
        }
      },
      
      {
        label: 'Register Fall Unlimited',
				icon: '<path d="M8 5v14l11-7z"/><path d="M0 0h24v24H0z" fill="none"/>',
				action: {
          type: FAB.actionTypes.form,
          data: 'https://www.emailmeform.com/builder/form/6exsWY0H1XUA9f',
        }
      },      
      
      {
        label: 'Register Winter',
				icon: '<path d="M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"/><path d="M0 0h24v24H0z" fill="none"/>',
				action: {
          type: FAB.actionTypes.form,
          data: 'https://www.emailmeform.com/builder/form/X498fy379tabh9w',
        }
      },      
      
      {
        label: 'Contact Us',
				icon: '<path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z"/><path d="M0 0h24v24H0z" fill="none"/>',
				action: {
         ...