MDL-Button

  Add: class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored mdl-js-ripple-effect", **"mdl-button--fab" adds the 3D circle, "mdl-button--colored" colors the 3D circle, "mdl-js-ripple-effect" adds ripple effect ont the button**

  
  Button: class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect", **"mdl-button--raised" adds the 3D Rectangle on the button.**

  Button: class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored", **"mdl-button--colored" add Primary color to Button.**

  Button: class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent", **"mdl-button--accent" adds Accent color ont he Button.**

  Button: class="mdl-button mdl-js-button mdl-button--primary", **"mdl-button--primary" adds primary color on the text.**

  Button: class="mdl-button mdl-js-button mdl-button--accent", **"mdl-button--accent" adds accent color on the text**


  i: class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab", **"mdl-button--mini-fab" make a mini button"**

    

<!-- Colored FAB Button -->
  <button class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored mdl-js-ripple-effect">Add</button>: class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored mdl-js-ripple-effect", <strong>"mdl-button--fab" adds the 3D circle, "mdl-button--colored" colors the 3D circle, "mdl-js-ripple-effect" adds ripple effect ont the button</strong><br>
  <!-- Raised Button -->
  <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">Button</button>: class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect", <strong>"mdl-button--raised" adds the 3D Rectangle on the button.</strong><br>
  <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">Button</button>: class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored", <strong>"mdl-button--colored" add Primary color to Button.</strong><br>
  <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent">Button</button>: class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent", <strong>"mdl-button--accent" adds Accent color ont he Button.</strong><br>
  <button class="mdl-button mdl-js-button mdl-button--primary">Button</button>: class="mdl-button mdl-js-button mdl-button--primary", <strong>"mdl-button--primary" adds primary color on the text.</strong><br>
  <button class="mdl-button mdl-js-button mdl-button--accent">Button</button>: class="mdl-button mdl-js-button mdl-button--accent", <strong>"mdl-button--accent" adds accent color on the text</strong><br>
<!--   Mini FAB Button -->
  <button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab">i</button>: class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab", <strong>"mdl-button--mini-fab" make a mini button"</strong><br>