Buttons

                       
    <div class="button-style-1">
        <div class="container">
            <h2>Buttons Style 1</h2>
            <div class="row">
                <div class="col-lg-4 col-md-4 col-12">
                    <div class="item">
                        <a href="#" class="btn btn-primary btn-style-1 btn-sm" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-primary btn-style-1" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-primary btn-style-1 btn-lg" title="Title">BUTTON</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12">
                    <div class="item">
                        <a href="#" class="btn btn-secondary btn-style-1 btn-sm" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-secondary btn-style-1" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-secondary btn-style-1 btn-lg" title="Title">BUTTON</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12">
                    <div class="item">
                        <a href="#" class="btn btn-dark btn-style-1 btn-sm" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-dark btn-style-1" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-dark btn-style-1 btn-lg" title="Title">BUTTON</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
                Copy to clipboard
                   

                       
    <div class="button-style-2">
        <div class="container">
            <h2>Buttons Style 2</h2>
            <div class="row">
                <div class="col-lg-4 col-md-4 col-12">
                    <div class="item">
                        <a href="#" class="btn btn-primary btn-style-2 btn-sm" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-primary btn-style-2" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-primary btn-style-2 btn-lg" title="Title">BUTTON</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12">
                    <div class="item">
                        <a href="#" class="btn btn-secondary btn-style-2 btn-sm" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-secondary btn-style-2" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-secondary btn-style-2 btn-lg" title="Title">BUTTON</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12">
                    <div class="item">
                        <a href="#" class="btn btn-dark btn-style-2 btn-sm" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-dark btn-style-2" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-dark btn-style-2 btn-lg" title="Title">BUTTON</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
                       Copy to clipboard
                   

                       
    <div class="button-style-3">
        <div class="container">
            <h2>Buttons Style 3</h2>
            <div class="row">
                <div class="col-lg-4 col-md-4 col-12">
                    <div class="item">
                        <a href="#" class="btn btn-primary btn-style-3 btn-sm" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-primary btn-style-3" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-primary btn-style-3 btn-lg" title="Title">BUTTON</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12">
                    <div class="item">
                        <a href="#" class="btn btn-secondary btn-style-3 btn-sm" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-secondary btn-style-3" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-secondary btn-style-3 btn-lg" title="Title">BUTTON</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12">
                    <div class="item">
                        <a href="#" class="btn btn-dark btn-style-3 btn-sm" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-dark btn-style-3" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-dark btn-style-3 btn-lg" title="Title">BUTTON</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
                Copy to clipboard
                   

                       
    <div class="button-style-4">
        <div class="container">
            <h2>Buttons Style 4</h2>
            <div class="row">
                <div class="col-lg-4 col-md-4 col-12">
                    <div class="item">
                        <a href="#" class="btn btn-outline-primary btn-style-4 btn-sm" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-outline-primary btn-style-4" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-outline-primary btn-style-4 btn-lg" title="Title">BUTTON</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12">
                    <div class="item">
                        <a href="#" class="btn btn-outline-secondary btn-style-4 btn-sm" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-outline-secondary btn-style-4" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-outline-secondary btn-style-4 btn-lg" title="Title">BUTTON</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12">
                    <div class="item">
                        <a href="#" class="btn btn-outline-dark btn-style-4 btn-sm" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-outline-dark btn-style-4" title="Title">BUTTON</a>
                        <a href="#" class="btn btn-outline-dark btn-style-4 btn-lg" title="Title">BUTTON</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
                       Copy to clipboard
                   

                       
    <div class="button-style-5">
        <div class="container">
            <h2>Buttons Style 5</h2>
            <div class="row">
                <div class="col-lg-4 col-md-4 col-12">
                    <div class="item">
                        <a href="#" class="btn btn-link btn-link-primary btn-sm" title="Title">Learn More</a>
                        <a href="#" class="btn btn-link btn-link-primary" title="Title">Learn More</a>
                        <a href="#" class="btn btn-link btn-link-primary btn-lg" title="Title">Learn More</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12">
                    <div class="item">
                        <a href="#" class="btn btn-link btn-link-secondary btn-sm" title="Title">Learn More</a>
                        <a href="#" class="btn btn-link btn-link-secondary" title="Title">Learn More</a>
                        <a href="#" class="btn btn-link btn-link-secondary btn-lg" title="Title">Learn More</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12">
                    <div class="item">
                        <a href="#" class="btn btn-link btn-link-dark btn-sm" title="Title">Learn More</a>
                        <a href="#" class="btn btn-link btn-link-dark" title="Title">Learn More</a>
                        <a href="#" class="btn btn-link btn-link-dark btn-lg" title="Title">Learn More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
                       Copy to clipboard