Primary

Lorem ipsum dolor sit amet consectetur adipiscing elit.

Secondary

Proin libero feugiat tristique accumsan maecenas potenti ultricies.

Light

Imperdiet mollis nullam volutpat porttitor ullamcorper rutrum gravida.

Dark

Aenim euismod quam justo lectus commodo augue.

Info

Ligula congue sollicitudin erat viverra ac tincidunt nam.

Success

Dictum risus blandit quis suspendisse aliquet nisi sodales.

Warning

Donec rhoncus eros lobortis nulla molestie mattis scelerisque.

Danger

Turpis fames primis vulputate ornare sagittis vehicula praesent.

 

Buttons

Button groups and toolbar

Button groups
Sizes and vertical
Toolbar

Grid

CSS Grid

.g-col-3

.g-col-3

.g-col-4

.g-col-2

.g-col-6

.g-col-6

.g-col-5

.g-col-3

.g-col-4

.col-sm-8 .offset-sm-2

.col-6

.col-6

.col-8

.col-4

.col

.col-auto content

.col

.col-md-3

.col-md-6

.col-md-3

.col-12 .col-lg-5

.col-6 .col-lg-3

.col-6 .col-lg-4

.col-4 centered

.col-4 centered

.col align center

.col-auto taller

.col align center

Typography

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Display headings

Display 1

Display 2

• • •

Display 6

Unordered list
  • Lorem ipsum dolor sit
  • Consectetur adipiscing elit
  • Integer molestie lorem
Ordered list
  1. Lorem ipsum dolor sit
  2. Consectetur adipiscing elit
  3. Integer molestie lorem
Unstyled list
  • Lorem ipsum dolor sit
  • Consectetur adipiscing elit
Inline list
  • Lorem
  • Ipsum
  • Dolor
Lead & body text

Venenatis ultrices proin libero feugiat tristique accumsan maecenas, lead paragraph pre úvodné texty.

Venenatis ultrices proin libero feugiat tristique accumsan maecenas. Bold text, emphasized text, a odkaz v bežnom odseku.

Small text — vedľajšie informácie, poznámky, drobný popis.

Text align start

Text align center

Text align end

Inline & utility text

Muted text
Venenatis ultrices proin libero feugiat tristique accumsan maecenas.

Mark
Venenatis ultrices proin libero feugiat tristique accumsan maecenas.

Initialism
Venenatis ultrices HTML accumsan maecenas.

Deleted / Inserted
Deleted textInserted text

Strikethrough / Underline
Strikethrough textUnderlined text

Blockquote

Venenatis ultrices proin libero feugiat tristique accumsan maecenas, Consectetur adipiscing elit blockquote.

paragraph

Lorem ipsum dolor sit amet consectetur adipiscing elit. Proin libero feugiat tristique accumsan maecenas potenti ultricies. Imperdiet mollis nullam volutpat porttitor ullamcorper rutrum gravida. Ligula congue sollicitudin erat viverra ac tincidunt nam. Dictum risus blandit quis suspendisse aliquet nisi sodales. Donec rhoncus eros lobortis nulla molestie mattis scelerisque. Taciti sociosqu ad litora torquent per conubia nostra. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Ex sapien vitae pellentesque sem placerat in id. Senectus netus suscipit auctor curabitur facilisi cubilia curae. Turpis fames primis vulputate ornare sagittis vehicula praesent. Aenim euismod quam justo lectus commodo augue.

Alerts

Tooltips

Popovers

Forms

Looks good.

Floating labels

Please enter a project name.

Input groups

Text addons
@
@example.com
$ USD
Sizes and checks
Small
Large
Buttons and dropdowns

More form controls

form-control-sm with helper text.

Validation variants

Looks good.
Please enter a value.
Please choose an option.
@
Username is required.
Accepted.
Select this option.
Tooltip looks good.
Tooltip error message.

Images and figures

Responsive image
Responsive theme preview image

img-fluid, rounded

Thumbnail
Thumbnail theme preview image

img-thumbnail

Shape utilities
Rounded circle image Rounded pill image

rounded-circle, rounded-pill, border, shadow-sm

Wide figure image
Figure caption - small secondary text controlled by Bootstrap figure variables.

Utility visuals

Borders
border
border-2 primary
border-3 success
rounded-0
Radius
rounded-1
rounded-3
rounded-5
rounded-pill
Shadows
none
shadow-sm
shadow
shadow-lg
Color utilities

Primary text utility

Success text utility

Danger text utility

text-bg-primary text-bg-warning
Opacity
opacity-100
opacity-75
opacity-50
Ratio and vertical rule
16x9 ratio
Left
Right

Horizontal and vertical rules

Horizontal rules

Default rule

Rule with utility color and opacity

Subtle rule

Strong rule

Vertical rules
Left panel
Right panel
Muted
Divider
Strong

Toasts

Offcanvas

Offcanvas title
Lorem ipsum dolor sit amet consectetur adipiscing elit. Slides in from the edge of the viewport, controlled by the offcanvas plugin.

Spinners

Border spinners
Grow spinners
Inside buttons

Range controls

Track, thumb, radius and active color.

Min, max, step and current value state.

Disabled thumb and secondary color.

Code and keyboard text

Inline code

Use .btn, .form-control and data-bs-theme to preview theme changes.

Compiled CSS loaded successfully.

Keyboard input

Save with Ctrl + S.

Open command palette with Ctrl + K.

Variables
$code-color: var(--bs-primary);
$kbd-bg: var(--bs-body-color);
$kbd-color: var(--bs-body-bg);

Progress bars

Basic and labels
50%
Custom height
Colors and motion
Warning
Animated
Primary
Success
Danger

List groups

Basic states
  • Active item
  • Regular item
  • With badge 14
  • Disabled item
Action items
Active action Hoverable action Success action Warning action Disabled action
Numbered and checks
  1. Numbered item
    Secondary line
    3
  2. Another numbered item
Flush and horizontal
  • Flush item one
  • Flush item two
  • Flush item three
  • Horizontal
  • Responsive
  • List group

Cards

Card image
Card title
Card subtitle

A simple card with image, body text and action links.

Card link Another link
Featured
Header and footer

Card caps show padding, background, border and radius variables.

2 days ago
Nav card

Cards can contain navs and list groups.

  • First list item
  • Second list item
Grouped card

Equal-height card group.

Color card

Contextual background and contrast.

Third card

Borders between cards use shared border variables.

Placeholders

Text placeholders

Sizes
Placeholder card

Accordion variants

Flush accordion

Flush accordions remove outer borders and rounded corners.

Open state shows active background, color and icon variables.
Always open

This item can remain open alongside others.

Collapsed state keeps the inactive button styling visible.

Disabled-looking state for opacity and button styling.

Badges

Color badges
Primary Secondary Success Danger Warning Info Light Dark
Pill badges
Primary Success Warning Danger
Notifications

Tables

Striped, hover, bordered and responsive table
# Theme Status Progress Owner
1 Primary palette Active 75% Design
2 Form controls Ready 100% UI
3 Components Review 60% Frontend
Small borderless table
Token Value Use
Primary --bs-primary Actions
Border --bs-border-color Dividers
Body --bs-body-bg Surface
Contextual rows
Primary rowPalette emphasis
Secondary rowMuted emphasis
Success rowPositive state
Danger rowError state
Warning rowCaution state
Info rowNeutral state
Light rowLight surface
Dark rowDark surface

Close buttons

Default

Default and disabled opacity.

White variant
Inside surfaces
Dark color surface

Pagination

Default
Large
Small and centered

Offcanvas placements

End offcanvas
End placement checks horizontal width and border variables.
Top offcanvas
Top placement checks vertical height variables.
Bottom offcanvas
Bottom placement with body padding and backdrop behavior.
Dark offcanvas

Dark contextual surface with white close button.

Tooltip and popover variants

Tooltip placements
Popover placements
New release

Launch customer portals without rebuilding your stack.

A polished homepage scenario for testing brand color, typography, buttons, cards and responsive navigation.

Pipeline $284k
+18%
78%
Primary message
Attention state
Healthy status
Informational note
01

Design tokens

Check how headings, body text and muted content feel together.

02

Conversion UI

Buttons, badges and cards reveal contrast and emphasis quickly.

03

Responsive blocks

Resize preview width and watch content collapse naturally.

Premium Wireless Headphones
View 1
View 2
View 3
View 4

Premium Wireless Headphones

★★★★★ (128 reviews)
In stock

€189,99 €249,99

-24%
Choose variant
  • SKU: WH-1000XM4
  • Category: Headphones
  • Manufacturer: SoundTech
  • Warranty: 2 years
Premium wireless headphones

Experience the best sound with our premium wireless headphones. With active noise cancellation and long battery life, they are ideal for travelers and music enthusiasts.

  • ✓ Active noise cancellation
  • ✓ Battery life up to 30 hours
  • ✓ Bluetooth 5.0
  • ✓ Foldable design
Frequency response 4 Hz - 40 kHz
Impedance 16 Ω
Weight 250 g
Connectivity Bluetooth 5.0, 3.5 mm jack
Battery Up to 30 hours
Charging time 3 hours
John K.
★★★★★

Very happy with this product. The sound is excellent and the battery really lasts a long time.

Mary S.
★★★★☆

Nice product, easy pairing with the phone. The only drawback is the price.

Related products

Bluetooth Speaker
Bluetooth Speaker

€79,99

Earbuds Pro
Earbuds Pro

€129,99

Studio Headphones
Studio Headphones

€199,99

Gaming Headset
Gaming Headset

€159,99

Checkout

Contact information

Order confirmation will be sent here.
+44
For delivery notifications only.

Shipping address

Delivery method

Payment

Order summary

3 items
  • IMG
    Wireless Headphones £179.00
    Colour: Graphite · Qty 1
    In stock
  • IMG
    USB-C Charging Cable £23.80
    Length: 2 m · Qty 2
    In stock
  • IMG
    Travel Case £34.50
    Colour: Black · Qty 1
    Ships in 2 days
Subtotal £237.30
Discount WELCOME10 −£23.73
Shipping Free
VAT 20% £42.71
Total £256.28
🔒 Secure SSL encrypted payment
30-day returns · 2-year warranty · Support 24/7
Doprava zdarma pri objednávke nad 60 € · doručenie do 2–3 pracovných dní
Nová kolekcia FW26

Zimné bundy, ktoré vydržia

Membránové materiály, recyklovaná výplň a strih testovaný do −15 °C. 128 modelov skladom.

Zobraziť ponuku
Model v zimnej bunde na horskom svahu

Zobrazených 24 z 128 produktov

Alta Parka v tmavomodrej farbe
Novinka

Alta Parka

Membrána 20k/20k · páperová výplň 700 CUIN

(212 recenzií)

189,00 €

Softshell bunda Ridge v olivovej farbe
-20 %

Softshell Ridge

Vetruodolný, 4-smerný strečový materiál

(89 recenzií)

129,00 € 103,20 €

Vesta Cirrus v sivej farbe
Vypredané

Vesta Cirrus

Ľahká zatepľovacia vrstva, 90g páperová výplň

(41 recenzií)

79,00 €

Bunda Fjord Eco vyrobená z recyklovaných materiálov
100 % recyklovaný materiál

Fjord Eco

Membrána z recyklovaného PET, bez PFC

(156 recenzií)

219,00 €

Detská zimná bunda Junior Nord v červenej farbe

Junior Nord

Detský strih, reflexné prvky, 2–12 rokov

(67 recenzií)

99,00 €

Bunda Summit Pro v čiernej farbe s kapucňou
Limitovaná edícia

Summit Pro

Expedičný strih, testované do −25 °C

(18 recenzií)

349,00 €

Posledné objednávky (váš účet)

Objednávka Dátum Položky Suma Stav
#NC-48213 14. 7. 2026 Alta Parka, M 189,00 € Doručené
#NC-48190 2. 7. 2026 Softshell Ridge, L 103,20 € Na ceste
#NC-48072 21. 6. 2026 Junior Nord, 8 rokov 99,00 € Reklamácia
#NC-47958 9. 6. 2026 Vesta Cirrus, S 79,00 € Vrátené

Buďte prvý pri novej kolekcii

Raz týždenne posielame novinky, zľavy pre predplatiteľov a tipy na vrstvenie oblečenia. Žiadny spam.

Príklad potvrdenia: Ďakujeme! Skontrolujte si e-mail pre potvrdenie prihlásenia.
GitHubNew

Re: Your pull request #42 has been merged

2 min ago

Your recent contribution to the nanophp project has been successfully merged. Thank you for your work!
Adobe Edge Team

Your subscription update

1 hour ago

Important information about your Adobe Edge subscription and upcoming changes.
Claude Max Support

Your invoice for July 2026

3 hours ago

Your monthly invoice for Claude Max (90 EUR) is attached. Payment is due by July 31, 2026.
phpdg Team

Weekly project update

Yesterday

Here's what the phpdg team has been working on this week...
phi Project

Action required: Review pending changes

2 days ago

Please review the pending changes to the phi project documentation before the next release.
System Alert

Urgent: Security update required

1 week ago

A critical security update is available for your server. Please install it immediately.
Admin

Revenue dashboard

Dense operational UI for tables, filters, cards and status colors.

MRR$48.2k+12.4%
Trials28642 active
Churn risk3.1%Watch list
Incidents2Needs review
Accounts
Recent customers and health signals
Account Status Plan MRR Owner Actions
Brightlane StudioHealthyBusiness$4,200Ana
Northwind LabsWatchGrowth$1,780Matej
Orbit FinanceOnboardingStarter$640Eva
Atlas RetailBlockedBusiness$5,120Roman
Account setup

Create your workspace

A focused form scenario for labels, inputs, validation, switches, checkboxes and submit buttons.

Looks good.

Create your account

Fill in the details below to get started.

Please enter your first name.
Please enter your last name.
@
Please enter a valid email address.
At least 8 characters, including one number and one uppercase letter.
Password does not meet the requirements.
Passwords do not match.
You must accept the terms to continue.
or

Already have an account? Sign in

Create your account

Fill in the details below to get started.

Please enter your first name.
Please enter your last name.
@
Please enter a valid email address.
At least 8 characters, including one number and one uppercase letter.
Password does not meet the requirements.
Passwords do not match.
You must accept the terms to continue.
or

Already have an account? Sign in

Presets

Start from a prepared visual direction and tune it your way.

BookAce 2 DM Sans
Heritage Press Libre Baskerville
Whiskey DM Sans
Scuderia Bitter
Barbie Fredoka
Terracotta Roboto
Tatra Frost DM Sans