/* for Default Button */

                    Default

                    /* for Primary Button */

                    Primary 

                    /* for Success Button */

                    Success

                    /* for Warning Button */

                    Warning

                    /* for Danger Button */

                    Danger

                    /* for Info Button */

                    Info

                    /* for Disable Button */

                    Disable

                      

                    /* for Flat Default Button */

                    
                      Default
                    

                    /* for Flat Primary Button */

                    
                      Primary
                    

                    /* for Flat Success Button */

                    
                      Success
                    

                    /* for Flat Warning Button */

                    
                      Warning
                    

                    /* for Flat Danger Button */

                    
                      Danger
                    

                    /* for Flat Info Button */

                    
                      Info
                    

                    /* for Flat Disable Button */

                    
                      Disable
                    

                      

                        /* for Inverse Default Button */

                        Default

                        /* for Inverse Primary Button */

                        Primary

                        /* for Inverse Success Button */

                        success

                        /* for Inverse Warning Button */

                        warning

                        /* for Inverse Danger Button */

                        danger

                        /* for Inverse Info Button */

                        info

                        /* for Inverse Disable Button */

                        disable

                      

                        /* for link Default Button */

                        Default

                        /* for link Primary Button */

                        Primary

                        /* for link Success Button */

                        Success

                        /* for link Warning Button */

                        Warning

                        /* for link Danger Button */

                        Danger

                        /* for link Info Button */

                        Info

                      

                        /* Badges For General Button */

                        General
                          70
                        

                        /* Badges For Primary Button */

                        Primary
                          90
                        

                        /* Badges For Success Button */

                        Success
                          70
                        

                        /* Badges For Warning Button */

                        Warning
                          170
                        

                        /* Badges For Danger Button */

                        Danger
                          07
                        

                        /* Badges For Info Button */

                        Info
                          80
                        

                        /* Badges For Disable Button */

                        Disable
                        
                      

                        /* For Extra Large Button */

                        largest
                        

                        /* For Large Button */

                        large
                        

                        /* For Medium Button */

                        Regular
                        

                        /* For Small Button */

                        Small
                        

                        /* For Extra Small Button */

                        mini
                        
                      

                        /* For Extra Large Group Button */

                        <div class="btn-group" role="group">
                          Left
                          Middle
                          Right
                        </div>

                        /* For Large Group Button */

                        <div class="btn-group" role="group">
                          Left
                          Middle
                          Right
                        </div>

                        /* For Medium Group Button*/

                        <div class="btn-group" role="group">
                          Left
                          Middle
                          Right
                        </div>

                        /* For Small Group Button*/

                        <div class="btn-group" role="group">
                          Left
                          Middle
                          Right
                        </div>

                        /* For Extra Small Group Button*/

                        <div class="btn-group" role="group">
                          Left
                          Middle
                          Right
                        </div>
                      

                /* for Primary Dropdown Button */

                <div class="dropdown-primary dropdown">
                  <button class="btn btn-primary dropdown-toggle waves-effect waves-light" type="button" id="dropdown1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">primary
                  </button>
                  <div class="dropdown-menu" aria-labelledby="dropdown1" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut">
                    <a class="dropdown-item waves-light waves-effect" href="#">Action</a>
                    <a class="dropdown-item waves-light waves-effect" href="#">Another action</a>
                    <a class="dropdown-item waves-light waves-effect" href="#">Something else here</a>
                  </div>
                </div>

                /* For Danger Dropup Button */

                <div class="dropdown-danger dropup">
                  <button class="btn btn-danger dropdown-toggle waves-effect waves-light" type="button" id="dropdown2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Danger
                  </button>
                  <div class="dropdown-menu" aria-labelledby="dropdown2" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut">
                    <a class="dropdown-item waves-light waves-effect" href="#">Action</a>
                    <a class="dropdown-item waves-light waves-effect" href="#">Another action</a>
                    <a class="dropdown-item waves-light waves-effect" href="#">Something else her<</a>
                  </div>
                </div>

                /* For Success Dropdown Button with divider */

                <div class="dropdown-success">
                  <button class="btn btn-success dropdown-toggle waves-effect waves-light " type="button" id="dropdown3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><Success</button><
                  <div class="dropdown-menu" aria-labelledby="dropdown3" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut">
                    <a class="dropdown-item waves-light waves-effect" href="#">Action</a>
                    <a class="dropdown-item waves-light waves-effect" href="#">Another action</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item waves-light waves-effect" href="#">Something else here</a>
                  </div>
                </div>

                /* For Warning Dropdown Button with Header */

                <div class="dropdown-warning">
                  <button class="btn btn-warning dropdown-toggle waves-effect waves-light" type="button" id="dropdown4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Warning</button>
                  <div class="dropdown-menu" aria-labelledby="dropdown4" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut">
                    <h6 class="dropdown-header">Dropdown header</h6>
                    <a class="dropdown-item waves-light waves-effect" href="#">Action</a>
                    <a class="dropdown-item waves-light waves-effect" href="#">Another action</a>
                    <a class="dropdown-item waves-light waves-effect" href="#">Something else here</a>
                  </div>
                </div>

                /* for Info Dropdown with right align */

                <div class="btn-group">
                  Info Button with Right Align

                  <div class="dropdown-menu dropdown-menu-right">
                    <button class="dropdown-item" type="button">Action</button>
                    <button class="dropdown-item" type="button">Another action</button>
                    <button class="dropdown-item" type="button">Something else here</button>
                  </div>
                </div>
              

                        /* for Home Icon Button */

                        <button type="button" class="btn btn-primary waves-effect waves-light">
                          <i class="icofont icofont-home"></i>
                            <span class="m-l-10">Home</span>
                        </button>

                        /* for search Icon Button */

                        <button type="button" class="btn btn-primary waves-effect waves-light">
                          <i class="icofont icofont-search-alt-2"></i>
                            <span class="m-l-10">search</span>
                        </button>

                        /* for forward Icon Button */

                       <button type="button" class="btn btn-primary waves-effect waves-light">
                          <i class="icofont icofont-bubble-right"></i>
                            <span class="m-l-10">forward</span>
                        </button>

                        /* for backward Icon Button */

                        <button type="button" class="btn btn-primary waves-effect waves-light">
                          <i class="icofont icofont-bubble-left"></i>
                            <span class="m-l-10">backward</span>
                        </button>

                        /* for sync Icon Button */

                        <button type="button" class="btn btn-primary waves-effect waves-light">
                          <i class="icofont icofont-refresh"></i>
                            <span class="m-l-10">sync</span>
                        </button>

                        /* for menu Icon Button */

                        <button type="button" class="btn btn-primary waves-effect waves-light">
                          <i class="icofont icofont-navigation-menu"></i>
                            <span class="m-l-10">menu</span>
                        </button>

                        /* for phone Icon Button */

                        <button type="button" class="btn btn-primary waves-effect waves-light">
                          <i class="icofont icofont-mobile-phone"></i>
                            <span class="m-l-10">phone</span>
                        </button>

                        /* for code Icon Button */

                        <button type="button" class="btn btn-primary waves-effectwaves-light">
                          <i class="icofont icofont-code-alt"></i>
                            <span class="m-l-10">code</span>
                        </button>

                        /* for Server Icon Button */

                        <button type="button" class="btn btn-primary waves-effect waves-light">
                          <i class="icofont icofont-server"></i>
                           <span class="m-l-10">storage</span>
                        </button>

                      

                        /* For Facebook Button */

                        <button type="button" class="btn btn-facebook waves-effect waves-light">
                          <span><i class="icofont icofont-social-facebook"></i></span>facebook
                        </button>

                        /* For Twitter Button */

                        <button type="button" class="btn btn-twitter waves-effect waves-light">
                          <span><i class="icofont icofont-social-twitter"></i></span>twitter
                        </button>

                        /* For Linkedin Button */

                        <button type="button" class="btn btn-linkedin waves-effect waves-light">
                          <span><i class="icofont icofont-brand-linkedin"></i></span>linkedin
                        </button>

                        /* For Dribble Button */

                        <button type="button" class="btn btn-dribbble waves-effect waves-light">
                          <span><i class="icofont icofont-social-dribble"></i></span>dribbble
                        </button>

                        /* For Google Plus Button */

                        <button type="button" class="btn btn-google-plus waves-effect waves-light">
                          <span><i class="icofont icofont-social-google-plus"></i></span>google+
                        </button>

                        /* For Instagram Button */

                        <button type="button" class="btn btn-instagram waves-effect waves-light">
                          <span><i class="icofont icofont-social-instagram"></i></span>instagram
                        </button>

                        /* For Pinterest Button */

                        <button type="button" class="btn btn-pinterest waves-effect waves-light">
                          <spa><i class="icofont icofont-social-pinterest"></i></span>pinterest
                        </button>

                        /* For Dropbox Button */

                        <button type="button" class="btn btn-dropbox waves-effect waves-light">
                          <span><i class="icofont icofont-social-dropbox"></i></span>dropbox
                        </button>

                        /* For Tumblr Button */

                        <button type="button" class="btn btn-tumblr waves-effect waves-light">
                          <span><i class="icofont icofont-social-tumblr"></i></span>tumblr
                        </button>

                      

                        /* For Facebook Button */

                        <button type="button" class="btn btn-facebook waves-effect waves-light">
                          <span class="icofont icofont-social-facebook"></span>
                        </button>

                        /* For Twitter Button */

                        <button type="button" class="btn btn-twitter waves-effect waves-light">
                          <span class="icofont icofont-social-twitter"></span>
                        </button>

                        /* For Linkedin Button */

                        <button type="button" class="btn btn-linkedin waves-effect waves-light">
                          <span class="icofont icofont-brand-linkedin"></span>
                        </button>

                        /* For Dribble Button */

                        <button type="button" class="btn btn-dribbble waves-effect waves-light">
                          <span class="icofont icofont-social-dribble"></span>
                        </button>

                        /* For Google Plus Button */

                        <button type="button" class="btn btn-google-plus waves-effect waves-light">
                          <span class="icofont icofont-social-google-plus"></span>
                        </button>

                        /* For Instagram Button */

                        <button type="button" class="btn btn-instagram waves-effect waves-light">
                          <span class="icofont icofont-social-instagram"></span>
                        </button>

                        /* For Pinterest Button */

                        <button type="button" class="btn btn-pinterest waves-effect waves-light">
                          <span class="icofont icofont-social-pinterest"></span>
                        </button>

                        /* For Dropbox Button */

                        <button type="button" class="btn btn-dropbox waves-effect waves-light">
                          <span class="icofont icofont-social-dropbox"></span>
                        </button>

                        /* For Tumblr Button */

                        <button type="button" class="btn btn-tumblr waves-effect waves-light">
                          <span class="icofont icofont-social-tumblr"></span>
                        </button>