FAB American Bank Center

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://americanbankcenter.com/home/'
    },
   
    buttons: [
    
      {
        label: 'Upcoming Events',
				icon: '<path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"/><path d="M0 0h24v24H0z" fill="none"/>',
				action: {
          type: FAB.actionTypes.redirect,
          data: 'http://americanbankcenter.com/events/upcoming-events/',
        }
      },
      
      {
        label: 'Career Opportunities',
				icon: '<path d="M19 2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 3.3c1.49 0 2.7 1.21 2.7 2.7 0 1.49-1.21 2.7-2.7 2.7-1.49 0-2.7-1.21-2.7-2.7 0-1.49 1.21-2.7 2.7-2.7zM18 16H6v-.9c0-2 4-3.1 6-3.1s6 1.1 6 3.1v.9z"/><path d="M0 0h24v24H0z" fill="none"/>',
				action: {
          type: FAB.actionTypes.redirect,
          data: 'http://americanbankcenter.com/services/opportunities/',
        }
      },
      
      {
        label: 'VIP Offers',
				icon: '<path d="M0 0h24v24H0z" fill="none"/><path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>',
				action: {
          type: FAB.actionTypes.redirect,
          data: 'http://americanbankcenter.com/events/corporate-vip-offers/',
        }
      },      
      
      {
        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: {
         ...