FAB Trustdale

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.trustdale.com/'
    },
   
    buttons: [
    
      {
        label: 'Good Deals',
				icon: '<path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/><path d="M0 0h24v24H0z" fill="none"/>',
				action: {
          type: FAB.actionTypes.redirect,
          data: 'http://www.trustdale.com/deals',
        }
      },
      
      {
        label: 'FAQ Page',
				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: 'http://www.trustdale.com/faqs',
        }
      },
      
      {
        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.redirect,
          data: 'http://www.trustdale.com/contact-us',
        }
      }        
      
    ]
  });

});