Bermuda | Introduction

Introduction to Bermuda

Bermuda CSS is free to use CSS library which comes with bunch of pre-defined CSS classes. Bermuda enables you to write a code which is easy, fast as well as scalable.

Bermuda also provides you the most used UI components, which makes the process easy for building responsive UIs.

How to use Bermuda?

You can use Bermuda in two ways for your project. You can either download all files on your local machine or you can embed the links in your project's head tag.

For dowloading the files on your local machine click here. If you want to use the links please copy the links which are given below and paste it into your document's head tag.

                      
                        <!-- Bermuda CSS link -->

                          <link rel="stylesheet" href="https://bermuda-css.netlify.app/style.css">

                      
                        <!-- Bermuda JS Link -->

                          <link rel="stylesheet" href="https://bermuda-css.netlify.app/script.js">

That's it. Now you are ready to rock with Bermuda CSS.

How to customize and scale Bermuda?

Bermuda is designed in such a way that you can always scale existing code of Bermuda to a new level. For customizing Bermuda you can eithe download and then customize existing class names or if you are using a CDN link then you can simply override the existing class CSS.

For example:

                      
                        <button class="btn btn-primary">Primary Button</button>
                        <button class="btn btn-primary-customized">
                          Customized Primary Button
                        </button>
                        <style>
                            .btn-primary-customized{
                                background-color:#f18f01;
                                color: white;
                                padding: 8px 10px;
                                border-radius: 20px;
                            }

                        </style>