- Statistics
- Projects
- Settings

###### Header

Alina Mclourd
VP People Manager

### Layout Options

- Fixed Header
  Makes the header top fixed, always visible!
- Fixed Sidebar
  Makes the sidebar left fixed, always visible!
- Fixed Footer
  Makes the app footer bottom fixed, always visible!

###
Header Options

- ##### Choose Color Scheme

###
Sidebar Options

- ##### Choose Color Scheme

###
Main Content Options

- ##### Page Section Tabs

- Dashboards
- Dashboard Example 1
- UI Components
- Elements
  - Buttons
  - Dropdowns
  - Icons
  - Badges
  - Cards
  - List Groups
  - Navigation Menus
  - Utilities
- Components
  - Tabs
  - Accordions
  - Notifications
  - Modals
  - Progress Bar
  - Tooltips & Popovers
  - Carousel
  - Calendar
  - Pagination
  - Scrollable
  - Maps
- Tables
- Widgets
- Dashboard Boxes
- Forms
- Forms Controls
- Forms Layouts
- Forms Validation
- Charts
- ChartJS
- PRO Version
- Upgrade to PRO

Utilities
These are helpers that speed up the dev time for various components and effects.

- Inbox
  86
- Book
  5
- Picture
- File Disabled

##### Animate.css

All Animate.css animations are available if enabled from the /assets/utils/_animate.css file.

##### Solid Colors

##### Gradient Colors

##### Text Colors

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Etiam porta sem malesuada ultricies vehicula.

##### Bootstrap Helpers

All Bootstrap 4 helper classes available in the official Bootstrap documentation are also available in ArchitectUI Framework: Spacing, resets, typography utilities, sizing and others.

##### Opacity

.opacity-01 - .opacity-09 | Adding this class to any element sets the opacity to 1% ... 9%
.opacity-2 - .opacity-10 | Adding this class to any element sets the opacity to 10% ... 100%
.opacity-01 | Adding this class to any element sets the opacity to 10%
.opacity-15 | Adding this class to any element sets the opacity to 15%

##### Breadcrumbs

- Footer Link 1
- Footer Link 2

- Footer Link 3
- NEW
  Footer Link 4