Accordion Items

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item's accordion body. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia aliquid nemo quidem dolores ipsum consequuntur, labore qui esse quae saepe. Quibusdam mollitia, accusantium? Porro dolore in nisi, veritatis illo natus! .accordion-body, though the transition does limit overflow.


Accordion flush

Placeholder content for this accordion, which is intended to demonstrate the .accordion-flush class. This is the first item's accordion body.

Placeholder content for this accordion, which is intended to demonstrate the .accordion-flush class. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod nostrum quidem vitae eligendi incidunt tenetur fugiat vel tempore magni modi a, corporis culpa non itaque. Totam id, laborum. Ab, quam!

Placeholder content for this accordion, which is intended to demonstrate the .accordion-flush class. Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi architecto vero in dolores similique repellendus quo cum neque magnam, pariatur natus laborum assumenda voluptatibus? Voluptates, dolor ut laboriosam temporibus repellendus.




Alerts

Rounded pill

Primary Secondary Success Danger Warning Info Light Dark

Background Color

Primary Secondary Success Danger Warning Info Light Dark


Badge

First heading Lortem ipsam

Second heading dersm dis to

Third heading pedriko forela

Fourth heading tapiasto

Fifth heading felaqua
Sixth heading remsto



Positioned









Breadcumb

Outline Buttons

Button Tags

Link

Blog Button

Tooggle Button

Toggle

Some placeholder content for the first collapse component of this multi-collapse example. This panel is hidden by default but revealed when the user activates the relevant trigger.
Some placeholder content for the second collapse component of this multi-collapse example. This panel is hidden by default but revealed when the user activates the relevant trigger.

Cards

gadgets
Easy Shops

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod, voluptatem est similique natus, esse rerum voluptatum, eligendi odit ullam repellat nulla quidem facere, iure blanditiis reiciendis velit nihil ea maxime.

Get Link

Card Images

gadgets images

Some quick example text to build on the card title and make up the bulk of the card's content.

gadgets images
Powerbank collections

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago


Horizontal

gadgets images
Gadgets Store

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago



...
Shop No 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eius ipsam nemo totam cum pariatur libero iure necessitatibus assumenda, numquam nostrum deleniti accusamus tenetur quia. Ullam dicta voluptatem corporis dolorum.

Last updated 3 mins ago

...
Shop No 2

Lorem, ipsum dolor sit amet, consectetur adipisicing elit. Possimus nesciunt optio quaerat quod non assumenda eveniet perspiciatis porro distinctio maxime tempora deleniti impedit suscipit voluptatem modi molestias voluptatum nostrum, animi!

Last updated 3 mins ago

...
Shop No 3

Lorem, ipsum dolor sit amet, consectetur adipisicing elit. Eum voluptatum quos perferendis corrupti corporis! Quae blanditiis nobis quia fugiat reiciendis possimus, aliquid exercitationem veritatis. Mollitia eos, voluptates ipsa a odit.

Last updated 3 mins ago



Grid Cards

...
Card title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

...
Card title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

...
Card title

This is a longer card with supporting text below as a natural lead-in to additional content.

...
Card title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.




...
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

...
Card title

This card has supporting text below as a natural lead-in to additional content.

...
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.



Button Close



Navbar



List groups