## BankCo

### TailwindCSS Dashboard Template

Created : 15/04/2023
By :QuomodoTheme
Email : Support Email
Support Forum : Support

Thank you for purchasing BankCo - Tailwindcss Dashboard Template. If you have any questions that are beyond the scope of this help file, please feel free to email, via my user page contact form or put a ticket at Support Center .
Thank you so much!

### Template Features

- Responsive layout (desktops, tablets, mobile devices)
- Tailwindcss 3.3.0
- 2 Different Dashbaord layout
- 5 Different App
- 40+ Inner Pages
- Clean and Flat design
- Customizable charts and graphs
- Clean & Well Commented Codes
- Using Functional Reusable Components
- Responsive Navigation Menu
- Analytics, Project and Ecommerce App
- Crypto, CRM and Helpdesk App
- Login, register, error pages
- Email Templates
- Form validation
- Profile page
- Google, Vector maps & Leaflet maps
- Drop zone file upload
- Tinymce Wysihtml5
- Datatables
- FREE Lifetime Updates

## HTML Structure

### The html template uses Latest TailwindCSS V3.3.1 with valid HTML5 tags. This theme has a responsive layout with 4 column support. All of the information in content area is nested within a class and comes with predefined classes.

### Basic Grid HTML

For a simple two column layout, create a .gird and .gird-cols* and add the appropriate number of .col-span* columns.

Given this example, we have .col-span-2 and .col-span-8, making for 12 total columns and a complete row.

        ...
        ...

## How do you work with tailwindcss ?

step 1: Install dependencies with run this command:

     npm i or npm install

step 2: Then run command development:

     npm run dev

step 3: Change tailwindcss classes or add new style in

    ./root
    |- coming-soon.html
    |- index-2.html
    |- index.html
    |- analytics.html
    |- statics.html
    |- settings.html
    |- 404.html
    |- calender.html
    |- signup.html
    |- signin.html
    |- input.css
    |- more ..

Step 4: When your changes done and application ready for production then run command

    npm run build

### Fonts

Add your font in this folder . By default, the template loads this font from Google Web Font Services, you can change the font with the one that suits you best.

    ./root
    |- input.css

    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

## Jquery and javascript

### This theme imports three types of Javascript files.

- 1. jQuery
- 2. Custom scripts (main.js)
- 3. Some jQuery Based Plugins

All the js included under

    ./roots
    |- /assets
      |- /js
        |- /...
        |- /...
        |- /...
        |- /main.js

The vendor folder includes all thrid-party scripts like jQuery and jQuery Based Plugins

The version of jQuery included is

    jQuery version v3.6.0

All of the plugin initailization and implementation is included inside

    ./roots
    |- assets
      |- /js
        |- /main.js

You can change any of the plugin behavior or functionality from the file.

These are the JS files that are loaded into templates in end of the Body Section.

## Tutorial

### LOGO

Lets start updating the template. Open index.html file and follow the steps.

Most of the updates are same for all pages. So will explain once here.

Replace "./assets/images/logo/logo-color.svg" with your logo image url source or website name .

## Sources and Credits

### Fonts Used int the template are google fonts, you can find theme on Google Fonts API

Fonts Used are :

Urbanist

Files Used For Scroll Animations:

aos.js (in js Folder)

Sliders Used Are :

slick slider(can be located in js folder)

## Support

### Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have any queries, please feel free to contact us at Support Center.

Email Us at : Abdur.rohman2003@gmail.com

## Custom Order

For any custom order (web ui design, app design, HTML template Development, WordPress Theme Development or WordPress Plugin Development) please contact us

Email Us at : Abdur.rohman2003@gmail.com