Buttons

Style 1

Button Button Button


<div class="bd-example">
    <a href="#" class="butn sm m-1">Button</a>
    <a href="#" class="butn md m-1">Button</a>
    <a href="#" class="butn m-1">Button</a>
</div>

Style 2

Button Button Button


<div class="bd-example">
    <a href="#" class="butn secondary sm m-1">Button</a>
    <a href="#" class="butn secondary md m-1">Button</a>
    <a href="#" class="butn secondary m-1">Button</a>
</div>

Style 3

Button Button Button


<div class="bd-example">
    <a href="#" class="butn-style01 sm m-1"><span>Button</span></a>
    <a href="#" class="butn-style01 md m-1"><span>Button</span></a>
    <a href="#" class="butn-style01 m-1"><span>Button</span></a>
</div>

Style 4

Button Button Button


<div class="bd-example">
    <a href="#" class="butn-style01 secondary sm m-1"><span>Button</span></a>
    <a href="#" class="butn-style01 secondary md m-1"><span>Button</span></a>
    <a href="#" class="butn-style01 secondary m-1"><span>Button</span></a>
</div>

Style 5


<div class="bd-example">
    <button type="button" class="btn btn-primary m-1">Primary</button>
    <button type="button" class="btn btn-secondary m-1">Secondary</button>
    <button type="button" class="btn btn-success m-1">Success</button>
    <button type="button" class="btn btn-danger m-1">Danger</button>
    <button type="button" class="btn btn-warning m-1">Warning</button>
    <button type="button" class="btn btn-info m-1">Info</button>
    <button type="button" class="btn btn-light m-1">Light</button>
    <button type="button" class="btn btn-dark m-1">Dark</button>
    <button type="button" class="btn btn-link m-1">Link</button>
</div>

Style 6


<div class="bd-example">
    <button type="button" class="btn btn-outline-primary m-1">Primary</button>
    <button type="button" class="btn btn-outline-secondary m-1">Secondary</button>
    <button type="button" class="btn btn-outline-success m-1">Success</button>
    <button type="button" class="btn btn-outline-danger m-1">Danger</button>
    <button type="button" class="btn btn-outline-warning m-1">Warning</button>
    <button type="button" class="btn btn-outline-info m-1">Info</button>
    <button type="button" class="btn btn-outline-light m-1">Light</button>
    <button type="button" class="btn btn-outline-dark m-1">Dark</button>
</div>

Any Query? Please feel free to contact us at - websitedesigntemplates3@gmail.com