Sidebar

The sidebar requires JQuery and a script located at the bottom of the page.

Change the logo

Here you can change the sidebar logo and sidebar avatar

Add-Ons

Add ons are css snippets of code that you can add to any class or id. For example, when using a class .table you can add a css snippet noline to remove the table borders.

.table noline

Note that there is a space between .table and noline.

You can also do this with colors. Try it with font-awesome star icon by adding yellow to the class.

NOTE: They do not change the background color but instead change the font and icon color.

fa fa-star

fa fa-star red

fa fa-star yellow

fa fa-star blue

.card-sharp is a simple sharp corners with shadow.

Card Header

Cards include an optional header that can be added with .card-header

Tabs

Tabs come in different types.

- Use .tab for no border tab. Use .tab-line for a line tab.

- Each onclick function should be named the same as the id of class .tabcontent

IMPORTANT!

When using multiple tab groups on the same page, name each tab by a unique id to avoid tab conflict. In the code above .home1 is being used as a unique id. This means I cannot use home1 as a name for another tab.

To use tabs on a page include the script found at the bottom of the page.