Antonio Olson
$3499.00
Responsive Dashboard
Template Pages
Dashboard
App Pages
kanban-board
Todo List
Tickets
Chats
Page Layouts
Boxed
RTL
Widgets
Sidebar Layouts
Compact menu
Icon menu
Sidebar Hidden
Sidebar Overlay
Sidebar Fixed
Notifications
UI Elements
UI Elements
Accordions
Buttons
Badges
Breadcrumbs
Dropdowns
Modals
Progress bar
Pagination
Tabs
Typography
Tooltip
Advanced UI
Dragula
Clipboard
Context menu
Slider
Colcade
Carousel
Loaders
Tree View
Popups
Icons
Material
Flag icons
Font Awesome
Simple line icons
Themify icons
Forms
Form Elements
Advanced Forms
Validation
Wizard
Text editors
Code editors
Charts
ChartJs
Morris
Flot
Google charts
Sparkline js
C3 charts
Chartist
JustGage
Tables
Basic table
Data table
Js-grid
Sortable table
Maps
Google Maps
Mapael
Vector map
User Pages
Login
Login 2
Multi Level Login
Register
Register 2
Lockscreen
Error pages
404
500
General Pages
Blank Page
Landing Page
Profile
FAQ
FAQ 2
News grid
Timeline
Search Results
Portfolio
User Listing
E-commerce
Email Templates
Invoice
Pricing Table
Product Catalogue
Project List
Orders
E-mail
Calendar
Gallery
Documentation
Messages
Mark send you a message
1 Minutes ago
Cregh send you a message
15 Minutes ago
Profile picture updated
18 Minutes ago
4 new messages
Notifications
New order recieved
45 sec ago
Server limit reached
55 sec ago
Kevin karvelle
11:09 PM
View all notifications
Status
Trailing
English
French
Chinese
German
Russian
Code editors
Editors
Code editors
Ace Editor
HTML Mode
Panel Title
Default
Full featured toolbar
Panel body
Javascript Mode
/** * In fact, you're looking at ACE right now. Go ahead and play with it! * * We are currently showing off the JavaScript mode. ACE has support for 45 * language modes and 24 color themes! */ function add(x, y) { var resultString = "Hello, ACE! The result of your math is: "; var result = x + y; return resultString + result; } var addResult = add(3, 2); console.log(addResult);
CSS Mode
.nav ul { margin: 0; padding: 0; list-style: none; } .nav li { display: inline-block; } .nav a { display: block; padding: 6px 12px; text-decoration: none; }
SCSS Mode
.nav { ul { margin: 0; padding: 0; list-style: none; } li { display: inline-block; } a { display: block; padding: 6px 12px; text-decoration: none; } }
Json Mode
{ "firstName": "John", "lastName": "Smith", "isAlive": true, "age": 27, "address": { "streetAddress": "21 2nd Street", "city": "New York", "state": "NY", "postalCode": "10021-3100" }, "phoneNumbers": [ { "type": "home", "number": "212 555-1234" }, { "type": "office", "number": "646 555-4567" }, { "type": "mobile", "number": "123 456-7890" } ], "children": [], "spouse": null }
PHP Mode
Coffee Mode
#!/usr/bin/env coffee try throw URIError decodeURI(0xC0ffee * 123456.7e-8 / .9) catch e console.log 'qstring' + "qqstring" + ''' qdoc ''' + """ qqdoc """ do -> ### herecommend ### re = /regex/imgy.test /// heregex # comment ///imgy this isnt: `just JavaScript` undefined sentence = "#{ 22 / 7 } is a decent approximation of π"
Ruby Mode
#!/usr/bin/ruby # Program to find the factorial of a number def fact(n) if n == 0 1 else n * fact(n - 1) end end puts fact(ARGV[0].to_i) class Range def to_json( * a) { 'json_class' => self.class.name, # = 'Range' 'data' => [first, last, exclude_end ? ] }.to_json( * a) end end {: id => 34, : key => "value" } herDocs = [ << 'FOO', << BAR, << -BAZ, << -`EXEC`]# comment FOO# { literal } FOO BAR# { fact(10) } BAR BAZ indented BAZ echo hi EXEC puts herDocs
Code mirror
Code Editable
Shell Mode
#!/bin/bash # clone the repository git clone http://github.com/garden/tree # generate HTTPS credentials cd tree openssl genrsa -aes256 -out https.key 1024