Toggle navigation
Remark
Toggle Search
Toggle menubar
Toggle fullscreen
Toggle Search
Mega
UI Kit
Animation
Buttons
Colors
Dropdowns
Icons
Lightbox
Modals
Panels
Overlay
Tooltips
Scrollable
Typography
Media
4
Accordion
Collapsible Group Item #1
De moveat laudatur vestra parum doloribus labitur sentire partes, eripuit praesenti congressus ostendit alienae, voluptati ornateque accusamus clamat reperietur convicia albucius.
Collapsible Group Item #2
Praestabiliorem. Pellat excruciant legantur ullum leniter vacare foris voluptate loco ignavi, credo videretur multoque choro fatemur mortis animus adoptionem, bello statuat expediunt naturales.
Collapsible Group Item #3
Horum, antiquitate perciperet d conspectum locus obruamus animumque perspici probabis suscipere. Desiderat magnum, contenta poena desiderant concederetur menandri damna disputandum corporum.
English
French
Chinese
German
Dutch
Profile
Billing
Settings
Logout
5
NOTIFICATIONS
New 5
A new order has been placed
5 hours ago
Completed the task
2 days ago
Settings updated
2 days ago
Event started
3 days ago
Message received
3 days ago
3
MESSAGES
New 3
Mary Adams
30 minutes ago
Anyways, i would like just do it
Caleb Richards
12 hours ago
I checheck the document. But there seems
June Lane
2 days ago
Lorem ipsum Id consectetur et minim
Edward Fletcher
3 days ago
Dolor et irure cupidatat commodo nostrud nostrud.
General
Dashboard
3
Dashboard v1
Dashboard v2
Ecommerce
Analytics
Team
Layouts
Menu Collapsed
Menu Collapsed Alt
Menu Expended
Grid Scaffolding
Layout Grid
Different Headers
Panel Transition
Boxed Layout
Two Columns
Menubar Flipped
Menubar Native Scrolling
Bordered Header
Page Aside
new
Left Static
Right Static
Left Fixed
Right Fixed
Pages
Errors
400 Bad Request
403 Forbidden
404 Not Found
500 Internal Server Error
503 Service Unavailable
FAQ
Gallery
Gallery Grid
Search Result
Maps
Google Maps
Vector Maps
Maintenance
Forgot Password
Lockscreen
Login
Register
Login V2
Register V2
Login V3
Register V3
User List
Invoice
Blank Page
Email
Articles
Welcome
Post
Thumbnail
News
Code Editor
Profile
Profile V2
new
Profile V3
new
Sitemap
Project
new
Elements
Basic UI
Panel
Panel Structure
Panel Actions
Panel Portlets
Buttons
Cards
Dropdowns
Icons
List
Tooltip & Popover
Modals
Tabs & Accordions
Images
Badges
Progress Bars
Carousel
Typography
Colors
Utilties
Advanced UI
Tour
Animation
Highlight
Lightbox
Scrollable
Rating
Context Menu
Alertify
Masonry
Treeview
Toastr
Vector Maps
Google Maps
Sortable & Nestable
Bootbox & Sweetalert
Structure
Alerts
Ribbon
Pricing Tables
Overlay
Cover
Simple Timeline
Timeline
Step
Comments
Media
Chat
Testimonials
Nav
Navbars
Blockquotes
Pagination
Breadcrumbs
Widgets
Statistics Widgets
Data Widgets
Blog Widgets
Chart Widgets
Social Widgets
Weather Widgets
Forms
General Elements
Material Elements
Advanced Elements
Form Layouts
new
Form Wizard
Form Validation
Form Masks
Editors
Summernote
Markdown
Ace Editor
Image Cropping
File Uploads
Tables
Basic Tables
Bootstrap Tables
floatThead
Responsive Tables
Editable Tables
jsGrid
FooTable
DataTables
Jquery Tabledit
new
Table Dragger
new
Chart
Chart.js
Gauges
Flot
Peity
Sparkline
Morris
Chartist.js
Rickshaw
Pie Progress
C3
Apps
Apps
Contacts
Calendar
Notebook
Taskboard
Documents
Articles
Categories
Article
Forum
Message
Projects
Mailbox
Media
Work
Location
Travel
new
Milestone
30%
Release
60%
Mailbox
Calendar
Contacts
Media
Documents
Project
Forum
Dashboard
Layout grid
Official Website
Quick Example
Static responsive grid with pure css. Javascript using native drag-n-drop to reorder for each screen size on desktop and mobile.
1
2
3
4
5
6
7
Static example
A static example without any javascript. Just a responsive grid.
1
2
3
4
5
6
7
8
9
10
11
12
13
14