George Taylor
Full Stack Developer
Color Themes
Default
xWork
xModern
xEco
xSmooth
xInspire
xDream
xPro
xPlay
All Color Themes
Sidebar
Dark
Light
Header
Dark
Light
Fixed
Static
Content
Boxed
Narrow
Full Width
Layout API
Online
  • Barbara Scott
    Photographer
  • Ryan Flores
    Web Designer
  • Marie Duncan
    Web Developer
Busy
  • Melissa Rice
    UI Designer
Away
  • Scott Young
    Copywriter
  • Barbara Scott
    Writer
Offline
  • Thomas Riley
    Teacher
  • Lori Grant
    Photographer
  • Lori Grant
    Front-end Developer
  • Brian Cruz
    UX Specialist
Add People
Personal
Password Update
Options

Make your online status visible to other users of your app

Receive desktop notifications regarding your projects and sales

If enabled, we will keep all your applications and servers up to date with the most recent features automatically

Dx ADMdashboard
  • Dashboard 3
  • Page Kits
    • Generic
      • Blank
      • Blank (Block)
      • Search
      • Profile
      • Profile Edit
      • Inbox
      • Invoice
      • FAQ
      • Upgrade Plan
    • e-Commerce New
      • Dashboard
      • Orders
      • Order
      • Products
      • Product Edit
      • Customer
    • Projects
      • Dashboard
      • Project Tasks
      • Create
      • Edit
    • Jobs
      • Dashboard
      • Listing
      • Apply
      • Post
    • Education
      • Dashboard
      • Course
      • Authors
    • Forum
      • Categories
      • Topics
      • Discussion
    • Blog
      • Classic
      • List
      • Grid
      • Story
      • Story Cover
      • Manage Posts
      • Add Post
      • Edit Post
    • Boxed Backend
      • Dashboard
      • Search
      • Simple 1
      • Simple 2
      • Image 1
      • Image 2
      • Video 1
      • Video 2
    • Special
      • Maintenance
      • Status
      • Installation
      • Coming Soon
      • Coming Soon 2
  • Base
  • Blocks
    • Styles
    • Options
    • Forms
    • Themed
    • API
  • Widgets
    • Tiles
    • Statistics
    • Media
    • Users
    • Blog
    • Various
  • Layout
    • Page
      • Default
      • Flipped
      • Native Scrolling
    • Main Content
      • Full Width
      • Narrow
      • Boxed
    • Side Content
      • Left
      • Right
    • Hero
      • Color
        • Dark
        • Light
      • Image
        • Dark
        • Light
      • Video
        • Dark
        • Light
    • Header
      • Fixed
        • Light
        • Light Glass
        • Dark
        • Dark Glass
      • Static
        • Light
        • Light Glass
        • Dark
        • Dark Glass
    • Footer
      • Static
      • Fixed
    • Sidebar
      • Mini
      • Light
      • Dark
      • Hidden
    • Side Overlay
      • Visible
      • Hover Mode
      • No Page Overlay
    • API
  • Interface
  • Elements
    • Icon Packs New
    • Flexbox Grid
    • Typography
    • Navigation
    • Horizontal Nav
    • Tabs
    • Buttons
    • Button Groups
    • Dropdowns
    • Progress
    • Alerts
    • Tooltips
    • Popovers
    • Accordion
    • Modals
    • Images Overlay
    • Timeline
    • Ribbons
    • Animations
    • Backgrounds
    • Color Themes
  • Tables
    • Styles
    • Responsive
    • Helpers
    • Pricing
    • DataTables
  • Forms
    • Elements
    • Custom Controls
    • Layouts
    • Input Groups
    • Plugins
    • Editors
    • CKEditor 5 New
      • Classic
      • Inline
    • Validation
    • Wizard
  • Extend
  • Components
    • Chat
    • Onboarding
    • Tour
    • Nestable
    • Dialogs
    • Notifications
    • Loaders
    • Charts
    • Gallery
    • Sliders
    • Rating
    • Appear
    • Calendar
    • Image Cropper
    • Google Maps
    • Vector Maps
    • Syntax Highlighting
  • Main Menu
    • 1.1 Item
    • 1.2 Item
    • 1.3 Item
    • Sub Level 2 3
      • 2.1 Item 2
      • 2.2 Item 2
      • 2.3 Item 3
      • Sub Level 3
        • 3.1 Item
        • 3.2 Item
        • 3.3 Item
        • Sub Level 4
          • 4.1 Item
          • 4.2 Item
          • 4.3 Item
  • Pages
  • Dashboards
    • All
    • Corporate v1
    • Social
    • Messages
    • Dark
    • Minimal
    • Modern
    • Classic Boxed
    • Banking
    • Crypto
    • Hosting
    • Booking
    • Gaming
    • Tasks
    • Medical
    • Travel
    • Social Compact
    • Chat
    • Analytics
    • Corporate Slim
    • WP Post
    • File Hosting
  • Auth
    • All
    • Sign In
    • Sign In Box
    • Sign In Box Alt
    • Sign Up
    • Sign Up Box
    • Sign Up Box Alt
    • Lock Screen
    • Lock Screen Box
    • Lock Screen Box Alt
    • Pass Reminder
    • Pass Reminder Box
    • Pass Reminder Box Alt
  • Error
    • All
    • 400
    • 401
    • 403
    • 404
    • 500
    • 503
User Options
Profile Inbox 3 Invoices
Settings
Sign Out
Notifications
  • App was updated to v5.6!
    3 min ago
  • New Subscriber was added! You now have 2580!
    10 min ago
  • Server backup failed to complete!
    30 min ago
  • You are running out of space. Please consider upgrading your plan.
    1 hour ago
  • New Sale! + $30
    2 hours ago
View All

Syntax Highlighting

  1. Components
  2. Syntax Highlighting

HighlightJS

HTML

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">

        <title>Title</title>
    </head>
    <body>
        <!-- Your content -->
    </body>
</html>

CSS

/*
=================================================================
SECTION
=================================================================
*/

/* Sub section 1 */
selector {

}

/* Sub section 2 */
selector {

}

/*
=================================================================
SECTION
=================================================================
*/

/* Sub section 1 */
selector {

}

/* Sub section 2 */
selector {

}

SCSS

$font-stack: Helvetica, sans-serif;
$primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;
}

Less

@base: #f938ab;

.box-shadow(@style, @c) when (iscolor(@c)) {
    -webkit-box-shadow: @style @c;
    box-shadow:         @style @c;
}

.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
    .box-shadow(@style, rgba(0, 0, 0, @alpha));
}

.box {
    color: saturate(@base, 5%);
    border-color: lighten(@base, 30%);
    div { .box-shadow(0 0 5px, 30%) }
}

JavaScript

/*
 *  Document   : app.js
 *  Author     : admcode
 */

var App = function() {

    // User Interface init
    var uiInit = function() {

    };

    return {
        init: function() {
            uiInit();
        }
    };
}();

// Initialize app when page loads
jQuery(function(){ App.init(); });

PHP

<?php
class App {
    function home()
    {
        // ...
    }

    function profile()
    {
        // ...
    }

    function settings()
    {
        // ...
    }
}

Ruby

# Output "I love Ruby"
say = "I love Ruby"
puts say

# Output "I *LOVE* RUBY"
say['love'] = "*love*"
puts say.upcase

# Output "I *love* Ruby"
# five times
5.times { puts say }

Python

name = raw_input('What is your name?\n')

print 'Hi, %s.' % name

JSON

{
    "menu": {
        "id": "file",
        "value": "File",
        "popup": {
            "menuitem": [
                {"value": "New", "onclick": "CreateNewDoc()"},
                {"value": "Open", "onclick": "OpenDoc()"},
                {"value": "Close", "onclick": "CloseDoc()"}
            ]
        }
    }
}
Crafted with by admcode
ADM Software © 2025