Auric

Dashboard
- Home
- Ecommerce
- Project
Layout
- Vertical
- Vertical Static
- Vertical Navbar Fixed
- Light Navbar
- Horizontal
- Horizontal Box
- Dark
Widgets

Hot
- Simple
- Data
- User
- Chart
UI Components
Typography
Basic UI

Bootstrap
- Alerts
- Accordion
- Badges
- Buttons
- Button groups
- Cards
- Dropdowns
- List groups
- Modals
- Navs [Tabs]
- Pagination and breadcrumbs
- Progress bars
- Tooltips and popovers
- Utilities
Advance UI
- Badges
- Carousel
- Cropper.js
- Drag &Drop
- Fullcalendar
- Kanban board
- Ladda
- Lightbox
- Player
- Notifications
- Todo list
- Vegas.js
- BlockUI
- SpinKit
- Thumbnails
Icons
Icons
- Feather
- Font Awesome 5
- Ionicons
- Linearicons
- Open Iconic
- Stroke Icons 7
Forms & Tables
Forms
- Layouts and elements
- Controls
- Custom controls
- Input groups
- Switchers
- Sliders
- Selects and tags
- Pickers
- Editors
- File upload
- jQuery Validation
- SmartWizard
- Typeahead
- Bootstrap Dual Listbox
- Extras
Tables
- Bootstrap
- DataTables
- Bootstrap table
- Bootstrap Sortable
Maps & Charts
Maps
- GMaps
- Vector
Chart
- Apex
- Flot.js
- Chartist
- Chartjs
- Morris
Pages
Authentication
- Login
- Signup
- Login+Register
- Lock screen v1
- Lock screen v2
- Password reset
- Email confirm
Education
- Courses v1
- Courses v2
E-commerce
- Product list
- Product details
- Product edit
- Order list
- Order detail
Email
- List
- Item
- Compose
Projects
- List
- Item
- Teams
Tickets
- List
- Edit
Users
- List
- View
- Profile v1
- Profile v2
- Edit
- Account settings
Pricing
Voting
File manager
Clients
Vacancies
Search
Invoice
Help center
Gallery
Faq
Chat
Front
Landing

Creative
Extra
Level menu

tree
- level 1.1
- level 1.2
  - level 2.1
  - level 2.2
    - level 3.1
    - level 3.2
Disabled
Quick start
Documentation

Typography

Headings

h1. Bootstrap heading Secondary text

h2. Bootstrap heading Secondary text

h3. Bootstrap heading Secondary text

h4. Bootstrap heading Secondary text

h5. Bootstrap heading Secondary text

h6. Bootstrap heading Secondary text

Display headings

Display 1

Display 2

Display 3

Display 4

Paragraph

Lorem ipsum dolor sit amet,ad tibique blandit qui,error zril eleifend ut vel. Et paulo labores molestiae has,ei eos virtute dolorem.

Inline text elements

You can use the mark tag to highlighttext.

~~This line of text is meant to be treated as deleted text.~~

~~This line of text is meant to be treated as no longer accurate.~~

This line of text will render as underlined

This line of text is meant to be treated as fine print.

rendered as bold text

rendered as italicized text

Abbreviations

An abbreviation of the word attribute is attr.

HTMLis the best thing since sliced bread.

Addresses

Twitter,Inc.
1355 Market Street,Suite 900
San Francisco,CA 94103
P:(123) 456-7890

Full Name
first.last@example.com

Blockquotes

Lorem ipsum dolor sit amet,consectetur adipiscing elit. Integer posuere erat a ante.

Lorem ipsum dolor sit amet,consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lists

Unordered

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor lorem

Ordered

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor lorem

Unstyled

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor lorem

Inline

Lorem ipsum
Phasellus iaculis
Nulla volutpat

Description

Vertical

Description lists: A description list is perfect for defining terms.
Euismod: Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.; Donec id elit non mi porta gravida at eget metus.
Malesuada porta: Etiam porta sem malesuada magna mollis euismod.

Horizontal description

Description lists

A description list is perfect for defining terms.

Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.

Donec id elit non mi porta gravida at eget metus.

Malesuada porta

Etiam porta sem malesuada magna mollis euismod.

Truncated term is truncated

Fusce dapibus,tellus ac cursus commodo,tortor mauris condimentum nibh,ut fermentum massa justo sit amet risus.

Nesting

Nested definition list: Aenean posuere,tortor sed cursus feugiat,nunc augue blandit nunc.

Code

For example,<section>should be wrapped as inline.

To switch directories,type cdfollowed by the name of the directory.
To edit settings,press ctrl+,

<p>Sample text here...</p>

y= mx+b

This text is meant to be treated as sample output from a computer program.

Jumbotron

Hello,world!

This is a simple hero unit,a simple jumbotron-style component for calling extra attention to featured content or information.

It uses utility classes for typography and spacing to space content out within the larger container.

Learn more