Styles
This page is here to show off styles for standard page elements such as typography, form elements, and icons. These are hard coded in an alternate page template file.
Headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraphs
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.
Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
Type styles
- Strong
- Emphasis
- Inline link
Strike- Sup
Buttons
Main buttons
Add to cartAdd to cart
Large buttons
Add to cartAdd to cart
Regular buttons
Add to cartAdd to cart
Small buttons
Add to cartAdd to cart
Text buttons
Text buttonLarge text button
Regular text button
Small text button
Link buttons
Shop HerrenBanner buttons
Shop DammenButtons with icons
Proceed to checkoutProceed to checkout
Default input
Default input
Default disabled input
Default success input
Default error input
Textarea
Checkbox
Radio
Custom select
Default custom select (with placeholder value)
Custom select with label (with placeholder value)
Floating label custom select (with fallback option value)
Input group
Default input group
Floating label input group
Floating label disabled input group
Floating label error input group
Form
Quantity selector
Badges
Coming Soon
Sale
Tags
Normal waist
Normal waist
Normal waist
Accordion
Single open accordion
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti earum explicabo harum ipsam magnam maxime nam, obcaecati officiis qui soluta?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab deserunt ea earum eveniet exercitationem id, ipsa libero officia quis vitae!
Multiple open accordions
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti earum explicabo harum ipsam magnam maxime nam, obcaecati officiis qui soluta?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab deserunt ea earum eveniet exercitationem id, ipsa libero officia quis vitae!