FAB NationWideBarcode

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://nationwidebarcode.com/'
    },
   
    buttons: [
    
      {
        label: 'Barcode Tutorial',
				icon: '<path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/>',
				action: {
          type: FAB.actionTypes.redirect,
          data: 'https://www.nationwidebarcode.com/tutorial-buy-a-barcode/',
        }
      },
      
      {
        label: 'Order Barcodes',
				icon: '<path d="M0 0h24v24H0zm18.31 6l-2.76 5z" fill="none"/><path d="M11 9h2V6h3V4h-3V1h-2v3H8v2h3v3zm-4 9c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2zm-9.83-3.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.86-7.01L19.42 4h-.01l-1.1 2-2.76 5H8.53l-.13-.27L6.16 6l-.95-2-.94-2H1v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.13 0-.25-.11-.25-.25z"/>',
				action: {
          type: FAB.actionTypes.redirect,
          data: 'https://www.nationwidebarcode.com/order-barcodes/',
        }
      },
      
      {
        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: {
          type: FAB.actionTypes.form,
          data: 'http://www.emailmeform.com/builder/form/X9B45Ibbe38z',
        }
      }        
      
    ]
  });

});