Buttons
BUTTONS STYLE
<section class="shortcodes g-sec">
<div class="container">
<div class="row">
<div class="col-12">
<div class="shortcode-block">
<div class="button-style-1">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-primary btn-sm btn-1" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-primary btn-md btn-1" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-primary btn-lg btn-1" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-yellow btn-sm btn-1" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-yellow btn-md btn-1" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-yellow btn-lg btn-1" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-dark btn-sm btn-1" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-dark btn-md btn-1" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-dark btn-lg btn-1" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-brown btn-sm btn-1" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-brown btn-md btn-1" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-brown btn-lg btn-1" title="Button">BUTTON</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="shortcodes g-sec">
<div class="container">
<div class="row">
<div class="col-12">
<div class="shortcode-block">
<div class="button-style-2">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-primary btn-sm btn-2" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-primary btn-md btn-2" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-primary btn-lg btn-2" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-yellow btn-sm btn-2" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-yellow btn-md btn-2" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-yellow btn-lg btn-2" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-dark btn-sm btn-2" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-dark btn-md btn-2" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-dark btn-lg btn-2" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-brown btn-sm btn-2" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-brown btn-md btn-2" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-brown btn-lg btn-2" title="Button">BUTTON</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="shortcodes g-sec">
<div class="container">
<div class="row">
<div class="col-12">
<div class="shortcode-block">
<div class="button-style-3">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-primary btn-sm btn-3" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-primary btn-md btn-3" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-primary btn-lg btn-3" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-yellow btn-sm btn-3" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-yellow btn-md btn-3" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-yellow btn-lg btn-3" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-dark btn-sm btn-3" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-dark btn-md btn-3" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-dark btn-lg btn-3" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-brown btn-sm btn-3" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-brown btn-md btn-3" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-brown btn-lg btn-3" title="Button">BUTTON</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="shortcodes g-sec">
<div class="container">
<div class="row">
<div class="col-12">
<div class="shortcode-block">
<div class="button-style-4">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-primary btn-sm btn-4" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-primary btn-md btn-4" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-primary btn-lg btn-4" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-yellow btn-sm btn-4" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-yellow btn-md btn-4" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-yellow btn-lg btn-4" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-dark btn-sm btn-4" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-dark btn-md btn-4" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-dark btn-lg btn-4" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-brown btn-sm btn-4" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-brown btn-md btn-4" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-brown btn-lg btn-4" title="Button">BUTTON</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="shortcodes g-sec">
<div class="container">
<div class="row">
<div class="col-12">
<div class="shortcode-block">
<div class="button-style-5">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-primary btn-sm btn-5" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-primary btn-md btn-5" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-primary btn-lg btn-5" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-yellow btn-sm btn-5" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-yellow btn-md btn-5" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-yellow btn-lg btn-5" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-dark btn-sm btn-5" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-dark btn-md btn-5" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-dark btn-lg btn-5" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-brown btn-sm btn-5" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-brown btn-md btn-5" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-brown btn-lg btn-5" title="Button">BUTTON</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="shortcodes g-sec">
<div class="container">
<div class="row">
<div class="col-12">
<div class="shortcode-block">
<div class="button-style-6">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-primary btn-sm btn-6" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-primary btn-md btn-6" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-primary btn-lg btn-6" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-yellow btn-sm btn-6" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-yellow btn-md btn-6" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-yellow btn-lg btn-6" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-dark btn-sm btn-6" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-dark btn-md btn-6" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-dark btn-lg btn-6" title="Button">BUTTON</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<ul class="button-styles">
<li><a href="javascript:void(0);" class="btn btn-brown btn-sm btn-6" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-brown btn-md btn-6" title="Button">BUTTON</a></li>
<li><a href="javascript:void(0);" class="btn btn-brown btn-lg btn-6" title="Button">BUTTON</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>