Layout Settings

User Interface Settings

Header Background
LightDark
Sidebar Layout
Navigation Background
DarkLight
Reset Settings
logo-icon logo2
  • Dashboard
    • Ecommerce
    • Analytics new
  • App
    • Chat
    • Contacts
    • Team
    • Calendar
  • UI Components
    • Alert
    • Badge
    • Breadcrumb
    • Button Default
    • Button Dropdown
    • Button Group
    • Button Social
    • Button Loading
    • Card
    • Carousel
    • Collapse
    • List Group
    • Modal
    • Pagination
    • Popover & Tooltip
    • Progress Bar
    • Spinner
    • Switcher
    • Tab
  • Icons
    • Material Icon
    • Flag Icon
  • Forms
    • Basic Input
    • Input Group
    • Checkbox & Radio
    • Form Validation
    • Form Advance
  • Tables
    • Basic Tables
  • Plugins
  • Maps
    • Google Map
  • Widgets
    • General Widget
    • Chart Widget
  • Charts
    • Chart JS
  • Pages
    • User Profile
    • Authentication
      • Sign In
      • Sign Up
    • Others
      • Invoice
      • 404 Page
  • Documentation
    • Getting Started
    • Introduction
    • Quick Start
    • Customization
    • Header Variations
      • Header Light
      • Header Dark
    • Sidebar Variations
      • Sidebar Expend
      • Sidebar Minified
      • Sidebar Offcanvas
  • User Image
    Jhon Smith jhonSmith@gmail.com
  • My Profile
  • Message
  • Projects
  • Setting
  • Log Out
  • 17
logo
  • Forms
    • Basic Input
    • Input Groupl
    • Checkbox & Radio
    • Form Validation
    • Form Advance
  • Calender
  • Chat
  • Contacts
    • User Image
      Jhon Smith jhonSmith@gmail.com
    • My Profile
    • Message
    • Projects
    • Setting
    • Log Out
  • Morbi leo risus
  • Dapibus ac facilisis in
  • Porta ac consectetur ac
  • Vestibulum at eros
    • You have 5 notifications
    • New user registered 10 AM
    • User deleted 07 AM
    • Sales report is ready 12 PM
    • New client 10 AM
    • Server overloaded 05 AM
    • View All
    • User Image
      Jhon Smith jhonSmith@gmail.com
    • My Profile
    • Message
    • Projects
    • Setting
    • Log Out

Collapse

  1. components
  2. collapse

Accordion Default

  • Action
  • Another action
  • Something else here

The accordion uses collapse internally to make it collapsible. To render an accordion that’s expanded, add the .open class on the .accordion Read bootstrap documentaion for more details.

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.enim ad minim veniam quis nostrud exer citation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute.
Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.enim ad minim veniam quis nostrud exer citation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute.
Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.enim ad minim veniam quis nostrud exer citation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute.

Accordion Shadow

  • Action
  • Another action
  • Something else here

For accordion shadow add class .accordion-shadow to <div id="accordion2" class="accordion">

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.enim ad minim veniam quis nostrud exer citation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute.
Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.enim ad minim veniam quis nostrud exer citation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute.
Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.enim ad minim veniam quis nostrud exer citation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute.

Accordion Bordered

  • Action
  • Another action
  • Something else here

For accordion shadow add class .accordion-bordered to <div id="accordion3" class="accordion">

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.enim ad minim veniam quis nostrud exer citation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute.
Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.enim ad minim veniam quis nostrud exer citation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute.
Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.enim ad minim veniam quis nostrud exer citation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute.

Accordion Header bottom border

  • Action
  • Another action
  • Something else here

For accordion shadow add class .accordion-header-border-bottom to <div id="accordion4" class="accordion">

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.enim ad minim veniam quis nostrud exer citation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute.
Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.enim ad minim veniam quis nostrud exer citation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute.
Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.enim ad minim veniam quis nostrud exer citation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute.

© 2026 Copyright Lukee Dashboard Bootstrap Template by Abdus

Modal Title
We'll never share your email with anyone else.