Quote ()
Toggle Nav
  • Contact Us
  • How To Order
  • View Catalog
  • My Account
    • Search
  • Compare Products
    • Cart ()
NEW CATALOGS AVAILABLE! VIEW HERE | 1 (800) 821-8270 or LIVE CHAT

Styleguide Demo Page

1. Typefaces
Font 1 Font 1 -- Weight 100 Font 1 -- Weight 200 Font 1 -- Weight 300 Font 1 -- Weight 400 Font 1 -- Weight 500 Font 1 -- Weight 600 Font 1 -- Weight 700 Font 1 -- Weight 800 Font 1 -- Weight 900


2. Colors
Color 1 Dark
Color 1 Light
Color 2 Dark
Color 2 Light
Color 3 Dark
Color 3 Light
Color 4 Dark
Color 4 Light
Color 5
Color 6


3. Heading Text

Banner H1

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6


4. Body Text
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud


5. List Text
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Two line ametLorem ipsum dolor sit amet
  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Two line ametLorem ipsum dolor sit amet


6. Buttons
Primary Button Secondary Button Tertiary Button


7. Featured Link
This is a featured link Note: to use this styling, apply the mixin .iwd_typography_featured_link(); to the css for the link you wish to modify


8. Body Link
Body Link


9. Text Forms
This is a required field.


10. Drop Forms


11. Multi-select Form


12. Selects
Downloads
Bundles Prod


13. Featured Forms


14. Notifications
This is a notice message.
This is an error message.
This is a warning message.
This is a success message.


15. Slider Arrows


Heading 1 Text

Heading 4 secondary text

Heading 1 Text: Slide 2

Guess what: more Heading 4 secondary text

Heading 1 Text: Slide 3

Yup, this is still Heading 4 secondary text







18. Divider Lines
HR Style 1 Below
HR Style 2 Below