Spruha - Position

Switcher

Theme Color Mode:

Light

Dark

Directions:

LTR

RTL

Navigation Styles:

Vertical

Horizontal

Vertical & Horizontal Menu Styles:

Menu Click

Menu Hover

Icon Click

Icon Hover

Sidemenu Layout Styles:

Default Menu

Closed Menu

Icon Text

Icon Overlay

Detached

Double Menu

Page Styles:

Regular

Classic

Modern

Layout Width Styles:

Full Width

Boxed

Menu Positions:

Fixed

Scrollable

Header Positions:

Fixed

Scrollable

Menu Colors:

Note:If you want to change color Menu dynamically change from below Theme Primary color picker

Header Colors:

Note:If you want to change color Header dynamically change from below Theme Primary color picker

Theme Primary:

Theme Background:

Menu With Background Image:

Buy Now Our Portfolio Reset

DASHBOARD
Dashboard
Crypto Currencies
ECommerce
- ECommerce
- Dashboard
- Products
- Product Details
- Cart
- Wishlist
- Checkout
- Orders
- Add Product
- Account
LANDING
Landing Page
APPLICATIONS
Apps
- Apps
- Widgets
- Sweet Alerts
- Mail
- Maps
  - Leaflet Maps
- Tables
- Blog
- File Manager
- Icons
components
Elements
- Elements
- Accordions & Collapse
- Alerts
- Avatars
- Breadcrumbs
- Buttons
- Button Group
- Badge
- Dropdowns
- Images & Figures
- List Group
- Navs & Tabs
- Object Fit
- Pagination
- Popover
- Progress
- Spinners
- Typography
- Tooltips
- Toasts
- Tags
AdvancedUI
- AdvancedUI
- Chat
- cards
- Calendar
- Contacts
- Carousel
- Modals
- OffCanvas
- Timeline
- Placeholders
- Ratings
- Scrollspy
- Search
- Userlist
- Notification
- Tree-view
OTHER PAGES
Pages
- Pages
- Profile
- About us
- Notification list
- Settings
- Invoice
- Faqs
- Pricing
- Gallery
- Success Message
- Danger Message
- Warning Message
- Empty Page
Utilities
- Utilities
- Breakpoints
- Border
- Gutters
- Helpers
- Display
- Flex
- Columns
- Position
- More
Submenus
- Submenus
- Submenu-01
- Submenu-02
  - Level-01
  - Level-02
Authentication
FORMS & CHARTS
Forms
Charts
- Charts
- Chartjs
- Echart
- Nvd3charts
- Pie charts

Position

Utilities
Position

Positions

Centering Elements With Positions

By adding .translate-middle-x or .translate-middle-y classes

Examples:

Example With Buttons

Copyright © 2024 Spruha Designed With by Spruko All rights reserved

Todo

Hangout With friends

Prepare for presentation

Prepare for presentation

System Updated

Do something more

System Updated

Find an Idea

Project review

Overview

Founder & CEO 24

UX Designer 1

Recruitment 87

Software Engineer 32

Project Manager 32