Buttons

Buttons Style 1

Button Button Button

                       
<div class="button-style-1">
    <div class="container">
        <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-style-sm btn-c-primary"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-md btn-c-primary"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-lg btn-c-primary"
                        title="Title">Button</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-sm btn-c-green"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-md btn-c-green"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-lg btn-c-green"
                        title="Title">Button</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-sm btn-c-black"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-md btn-c-black"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-lg btn-c-black"
                        title="Title">Button</a>
                </div>
            </div>
        </div>
    </div>
</div>

Buttons Style 2

Button Button Button

                       
<div class="button-style-2">
    <div class="container">
        <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-style-sm btn-c-primary"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-md btn-c-primary"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-lg btn-c-primary"
                        title="Title">Button</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-sm btn-c-green"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-md btn-c-green"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-lg btn-c-green"
                        title="Title">Button</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-sm btn-c-black"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-md btn-c-black"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-lg btn-c-black"
                        title="Title">Button</a>
                </div>
            </div>
        </div>
    </div>
</div>

Buttons Style 3

Button Button Button

                       
<div class="button-style-3">
    <div class="container">
        <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-style-sm btn-c-primary"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-md btn-c-primary"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-lg btn-c-primary"
                        title="Title">Button</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-sm btn-c-green"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-md btn-c-green"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-lg btn-c-green"
                        title="Title">Button</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-sm btn-c-black"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-md btn-c-black"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-lg btn-c-black"
                        title="Title">Button</a>
                </div>
            </div>
        </div>
    </div>
</div>

Buttons Style 4

Button Button Button

                       
<div class="button-style-4">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-sm btn-c-primary"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-md btn-c-primary"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-lg btn-c-primary"
                        title="Title">Button</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-sm btn-c-green"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-md btn-c-green"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-lg btn-c-green"
                        title="Title">Button</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-sm btn-c-black"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-md btn-c-black"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-lg btn-c-black"
                        title="Title">Button</a>
                </div>
            </div>
        </div>
    </div>
</div>

Buttons Style 5

Read More Read More Read More

                       
<div class="button-style-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-sm btn-c-primary" title="Title">Read
                        More
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                            <path id="Subtraction_3" data-name="Subtraction 3"
                                d="M10308-7064a8.009,8.009,0,0,1-8-8,8.009,8.009,0,0,1,8-8,8.009,8.009,0,0,1,8,8A8.009,8.009,0,0,1,10308-7064Zm-1.452-11.5h0l-.547.543,2.915,2.957-2.915,2.959.547.541,3.453-3.5-3.453-3.5Z"
                                transform="translate(-10300 7080.001)" fill="#2131b6" />
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-md btn-c-primary" title="Title">Read
                        More
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                            <path id="Subtraction_3" data-name="Subtraction 3"
                                d="M10308-7064a8.009,8.009,0,0,1-8-8,8.009,8.009,0,0,1,8-8,8.009,8.009,0,0,1,8,8A8.009,8.009,0,0,1,10308-7064Zm-1.452-11.5h0l-.547.543,2.915,2.957-2.915,2.959.547.541,3.453-3.5-3.453-3.5Z"
                                transform="translate(-10300 7080.001)" fill="#2131b6" />
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-lg btn-c-primary" title="Title">Read
                        More
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                            <path id="Subtraction_3" data-name="Subtraction 3"
                                d="M10308-7064a8.009,8.009,0,0,1-8-8,8.009,8.009,0,0,1,8-8,8.009,8.009,0,0,1,8,8A8.009,8.009,0,0,1,10308-7064Zm-1.452-11.5h0l-.547.543,2.915,2.957-2.915,2.959.547.541,3.453-3.5-3.453-3.5Z"
                                transform="translate(-10300 7080.001)" fill="#2131b6" />
                        </svg>
                    </a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-sm btn-c-green" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                            <path id="Subtraction_3" data-name="Subtraction 3"
                                d="M10308-7064a8.009,8.009,0,0,1-8-8,8.009,8.009,0,0,1,8-8,8.009,8.009,0,0,1,8,8A8.009,8.009,0,0,1,10308-7064Zm-1.452-11.5h0l-.547.543,2.915,2.957-2.915,2.959.547.541,3.453-3.5-3.453-3.5Z"
                                transform="translate(-10300 7080.001)" fill="#2131b6" />
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-md btn-c-green" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                            <path id="Subtraction_3" data-name="Subtraction 3"
                                d="M10308-7064a8.009,8.009,0,0,1-8-8,8.009,8.009,0,0,1,8-8,8.009,8.009,0,0,1,8,8A8.009,8.009,0,0,1,10308-7064Zm-1.452-11.5h0l-.547.543,2.915,2.957-2.915,2.959.547.541,3.453-3.5-3.453-3.5Z"
                                transform="translate(-10300 7080.001)" fill="#2131b6" />
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-lg btn-c-green" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                            <path id="Subtraction_3" data-name="Subtraction 3"
                                d="M10308-7064a8.009,8.009,0,0,1-8-8,8.009,8.009,0,0,1,8-8,8.009,8.009,0,0,1,8,8A8.009,8.009,0,0,1,10308-7064Zm-1.452-11.5h0l-.547.543,2.915,2.957-2.915,2.959.547.541,3.453-3.5-3.453-3.5Z"
                                transform="translate(-10300 7080.001)" fill="#2131b6" />
                        </svg>
                    </a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-sm btn-c-black" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                            <path id="Subtraction_3" data-name="Subtraction 3"
                                d="M10308-7064a8.009,8.009,0,0,1-8-8,8.009,8.009,0,0,1,8-8,8.009,8.009,0,0,1,8,8A8.009,8.009,0,0,1,10308-7064Zm-1.452-11.5h0l-.547.543,2.915,2.957-2.915,2.959.547.541,3.453-3.5-3.453-3.5Z"
                                transform="translate(-10300 7080.001)" fill="#2131b6" />
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-md btn-c-black" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                            <path id="Subtraction_3" data-name="Subtraction 3"
                                d="M10308-7064a8.009,8.009,0,0,1-8-8,8.009,8.009,0,0,1,8-8,8.009,8.009,0,0,1,8,8A8.009,8.009,0,0,1,10308-7064Zm-1.452-11.5h0l-.547.543,2.915,2.957-2.915,2.959.547.541,3.453-3.5-3.453-3.5Z"
                                transform="translate(-10300 7080.001)" fill="#2131b6" />
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-lg btn-c-black" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                            <path id="Subtraction_3" data-name="Subtraction 3"
                                d="M10308-7064a8.009,8.009,0,0,1-8-8,8.009,8.009,0,0,1,8-8,8.009,8.009,0,0,1,8,8A8.009,8.009,0,0,1,10308-7064Zm-1.452-11.5h0l-.547.543,2.915,2.957-2.915,2.959.547.541,3.453-3.5-3.453-3.5Z"
                                transform="translate(-10300 7080.001)" fill="#2131b6" />
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

Buttons Style 1

Buttons Style 2

Buttons Style 3

Buttons Style 4

Buttons Style 5

We can take your business to the next level

Reach Us

Call Us

Mail Us