BUTTONS

                
    <div class="row mb-5">
    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-primary mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-primary mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-primary" href="#" title="">Button</a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-secondary mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-secondary mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-secondary" href="#" title="">Button</a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-dark mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-dark mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-dark" href="#" title="">Button</a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5">    
    <a class="btn btn-sm btn-blue mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-blue mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-blue" href="#" title="">Button</a>
    </div>
    </div>
            
            Copy to clipboard
            

                
    <div class="row mb-5">
    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-primary btn-radius mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-primary btn-radius mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-primary btn-radius" href="#" title="">Button</a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-secondary btn-radius mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-secondary btn-radius mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-secondary btn-radius" href="#" title="">Button</a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-dark btn-radius mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-dark btn-radius mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-dark btn-radius" href="#" title="">Button</a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5">    
    <a class="btn btn-sm btn-blue btn-radius mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-blue btn-radius mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-blue btn-radius" href="#" title="">Button</a>
    </div>
    </div>
            
            Copy to clipboard
            

                
    <h2 class="mb-4">Button Style 3</h2>
    <div class="row mb-5">
    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-outline-primary mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-outline-primary mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-outline-primary" href="#" title="">Button</a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-outline-secondary mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-outline-secondary mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-outline-secondary" href="#" title="">Button</a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-outline-dark mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-outline-dark mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-outline-dark" href="#" title="">Button</a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5">    
    <a class="btn btn-sm btn-outline-blue mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-outline-blue mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-outline-blue" href="#" title="">Button</a>
    </div>
    </div>
            
            Copy to clipboard
            

                
    <h2 class="mb-4">Button Style 4</h2>
    <div class="row mb-5">
    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-outline-primary btn-border-dark mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-outline-primary btn-border-dark mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-outline-primary btn-border-dark" href="#" title="">Button</a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-outline-secondary btn-border-dark mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-outline-secondary btn-border-dark mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-outline-secondary btn-border-dark" href="#" title="">Button</a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-outline-dark mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-outline-dark mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-outline-dark" href="#" title="">Button</a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5">    
    <a class="btn btn-sm btn-outline-blue btn-border-dark mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-outline-blue btn-border-dark mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-outline-blue btn-border-dark" href="#" title="">Button</a>
    </div>
    </div>
            
            Copy to clipboard
            

                
    <h2 class="mb-4">Button Style 5</h2>
    <div class="row mb-5">
    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-outline-primary btn-radius mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-outline-primary btn-radius mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-outline-primary btn-radius" href="#" title="">Button</a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-outline-secondary btn-radius mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-outline-secondary btn-radius mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-outline-secondary btn-radius" href="#" title="">Button</a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-outline-dark btn-radius mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-outline-dark btn-radius mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-outline-dark btn-radius" href="#" title="">Button</a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5">    
    <a class="btn btn-sm btn-outline-blue btn-radius mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-outline-blue btn-radius mb-4" href="#" title="">Button</a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-outline-blue btn-radius" href="#" title="">Button</a>
    </div>
    </div>
            
            Copy to clipboard
            

                
    <h2 class="mb-4">Button Style 6</h2>
    <div class="row mb-5">
    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-primary mb-4" href="#" title="">Button <i class="fas fa-chevron-circle-right"></i></a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-primary mb-4" href="#" title="">Button <i class="fas fa-chevron-circle-right"></i></a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-primary" href="#" title="">Button <i class="fas fa-chevron-circle-right"></i></a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-secondary mb-4" href="#" title="">Button <i class="fas fa-chevron-circle-right"></i></a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-secondary mb-4" href="#" title="">Button <i class="fas fa-chevron-circle-right"></i></a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-secondary" href="#" title="">Button <i class="fas fa-chevron-circle-right"></i></a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5 mb-5 mb-md-0">    
    <a class="btn btn-sm btn-dark mb-4" href="#" title="">Button <i class="fas fa-chevron-circle-right"></i></a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-dark mb-4" href="#" title="">Button <i class="fas fa-chevron-circle-right"></i></a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-dark" href="#" title="">Button <i class="fas fa-chevron-circle-right"></i></a>
    </div>

    <div class="col-lg-3 col-md-4 mb-md-5">    
    <a class="btn btn-sm btn-blue mb-4" href="#" title="">Button <i class="fas fa-chevron-circle-right"></i></a>
    <div class="clearfix"></div>
    <a class="btn btn-md btn-blue mb-4" href="#" title="">Button <i class="fas fa-chevron-circle-right"></i> </a>
    <div class="clearfix"></div>
    <a class="btn btn-lg btn-blue" href="#" title="">Button <i class="fas fa-chevron-circle-right"></i></a>
    </div>
    </div>
            
            Copy to clipboard