Utilities

Default Accordion

Velzon Admin is a modern and responsive admin dashboard template built with Bootstrap 5. It provides a clean and professional interface for managing your application's backend operations efficiently.

You can customize the theme by modifying the CSS variables in the styles.css file. The template uses a flexible color system that makes it easy to change primary colors, backgrounds, and other design elements.

Yes! Velzon Admin is fully responsive and works seamlessly across all devices - desktops, tablets, and mobile phones. The sidebar automatically converts to a mobile-friendly menu on smaller screens.

The template is built with Bootstrap 5.3.2, Bootstrap Icons 1.11.1, and custom CSS/JavaScript. It uses modern web technologies and follows best practices for performance and accessibility.
Flush Accordion

Modern card designs with hover effects, gradient overlays, and smooth animations. Customizable color schemes and icon integration throughout the interface.

Rich collection of pre-built components including forms, tables, modals, alerts, buttons, cards, filters, and more. All components are designed with consistency in mind.

Optimized for fast loading and smooth interactions. Minimal dependencies and efficient code structure ensure excellent performance even on slower connections.

Built following modern web security practices and accessibility standards. Clean code structure makes it easy to maintain and extend your application.
Typography
Headings

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6
Display Headings

Display 1

Display 2

Display 3

Display 4

Text Colors

.text-primary - Primary color text

.text-secondary - Secondary color text

.text-success - Success color text

.text-danger - Danger color text

.text-warning - Warning color text

.text-info - Info color text

.text-dark - Dark color text

.text-muted - Muted color text

Text Styles

Bold text - This text is bold

Normal weight text - Default font weight

Light text - Lighter font weight

Italic text - This text is italicized

Underlined text - This has underline

Line through text - Strikethrough effect

Uppercase text - ALL CAPS

LOWERCASE TEXT - all lowercase

capitalized text - First Letter Caps

Blockquote

A well-designed admin dashboard can significantly improve the efficiency of managing complex applications and data.

Modern Web Design Best Practices
Lists
  • Clean and modern design
  • Fully responsive layout
  • Easy to customize
  • Well documented
  1. Install Bootstrap 5
  2. Include custom styles
  3. Add your content
  4. Deploy your application
Inline Text Elements

You can use the mark tag to highlight text.

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 is meant to be treated as an addition to the document.

This line of text will render as underlined

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

This line rendered as bold text.

This line rendered as italicized text.

Default Tabs
Home Tab Content

This is the home tab content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

New Active
Profile Tab Content

View and manage your profile information here. Update your personal details, change password, and manage account settings.

  • Complete profile setup
  • Add profile picture
  • Verify email address
Contact Tab Content

Get in touch with us for any questions or support needs. We're here to help you.

+880 1234-567890
Pills Tabs
Dashboard Overview

Get a quick overview of your application's key metrics and statistics.

Total Users 12,450
Revenue $45,680
Key Features
  • Modern and clean design
  • Responsive across all devices
  • Rich component library
  • Easy customization options
  • Regular updates and support
Settings & Preferences
Vertical Tabs
General Settings

Configure general application settings and preferences.

Account Settings

Manage your account information and preferences.

Security Settings

Manage your security settings and authentication methods.

Notification Preferences

Choose which notifications you want to receive.