logo
  • 4
    • 4 New Messages
    • icon
      Riot Zeast
      Hello, You there?
      8 minutes ago
    • icon
      John Kerry
      Can we Meet ?
      45 minutes ago
    • icon
      Jenny Kerry
      Dont forgot to call...
      An hour ago
    • icon
      Ronny
      Hey! sup Dude?
      3 Hours ago
    • View all
  • 7
    • You have 7 notifications
      • after a long time Just Now
      • Jef's Birthday today Few seconds ago
      • out of space 8 minutes ago
      • New friend request An hour ago
      • On sale 2 products 3 Hours ago
      • Lee Shared your photo Yesterday
      • David liked your photo 2 July 2014
    • View all
  • riot
    Riot
    • User Image

      Riot Zeast

    • My Profile
    • Account Settings
    • Lock
      Logout
  • Dashboard
  • Builders
    • Form Builder
    • Form Builder 2
    • Button Builder
    • Page Builder
  • Forms
    • Form Examples
    • Form Editors
    • Form Editors 2
    • Form Validation
    • Form Elements
    • Drop Downs
    • Radio and Checkbox
    • Ratings
    • Form Layouts
    • Form Wizards
    • Accordion Wizards
    • Date Pickers
    • Advanced Date Pickers
  • UI Features
    • Animated Icons
    • Buttons
    • Advanced Buttons
    • Tabs and Accordions
    • Panels
    • Font Icons
    • Color Picker Slider
    • Grid Layout
    • Carousel
    • Advanced Modals
    • Tags Input
    • Nestable List
    • Sortable List
    • Treeview and jsTree
    • Toastr Notifications
    • Sweet Alert
    • Notifications
    • Session Timeout
    • Draggable Portlets
  • UI Components
    • General Components
    • Pickers
    • X-editable
    • Timeline
    • Transitions
    • Sliders
    • Circles Sliders
  • Data Tables
    • Simple tables
    • Advanced Data Tables
    • Advanced Data Tables 2
    • Editable Data Tables
    • Responsive Data Tables
  • Charts
    • Flot Charts
    • Pie Charts
    • Animated Charts
    • JS Charts
    • Sparkline Charts
  • 7 Calendar
  • Email
    • Inbox
    • Compose
    • Single Mail
  • 10 Tasks
  • Gallery
    • Gallery
    • Masonry Gallery
    • Dropzone
    • Image Cropping
    • Multiple File Upload
    • Image Magnifier
  • Users
    • Users List
    • Add New User
    • View Profile
    • Deleted Users
  • Maps
    • Google Maps
    • Vector Maps
    • Advanced Maps
  • Blog
    • Blog Category List
    • Blog List
    • Add New Blog
  • News
    • News
    • News Details
  • Pages
    • Lockscreen
    • Invoice
    • Login
    • Login 2
    • Register
    • Register 2
    • 404 Error
    • 500 Error
    • Blank Page

General Components

  1. Dashboard
  2. UI Components
  3. General Components
Welcome to General Components page

Basic Alerts

Welldone! You successfully read this important alert message.

Heads up! This alert needs your attention, but it's not super important.

Warning! Better check yourself, you're not looking too good.

Oh snap! Change a few things up and try submitting again.

Dismissable alerts

Welldone! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

Links in alerts

Welldone! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

Notes

Alert Message Success

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. strong message .

Alert Message Default

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. strong message .

Themed Progressbars

Striped progressbars

Vertical Progress bar

Vertical Striped Progress bar

Animated progressbars

Inverse Vertical Progress Bar

Typography heading

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading
h6. Bootstrap heading

Horizontal Description

Description lists
A description list is perfect for defining terms.
Question
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Progress bar
Etiam porta sem malesuada magna mollis euismod.
Answer
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Unstyled List

  • 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

Unordered List

  • 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 Lists

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

Example body text

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

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

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

An abbreviation of the word attribute is attr.

Emphasis Classes

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

Nullam id dolor id nibh ultricies vehicula ut id elit.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

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

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

Blockquotes

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

Someone famous in Source Title

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

Someone famous in Source Title