Grid System
Breakpoint attuale: xssmmdlgxlxxl
1410 (12)
693 (6)
693 (6)
454 (4)
454 (4)
454 (4)
335 (3)
335 (3)
335 (3)
335 (3)
215 (2)
215 (2)
215 (2)
215 (2)
215 (2)
215 (2)
96 (1)
96 (1)
96 (1)
96 (1)
96 (1)
96 (1)
96 (1)
96 (1)
96 (1)
96 (1)
96 (1)
96 (1)
96 (1)
1291 (11)
215 (2)
1171 (10)
335 (3)
1052 (9)
454 (4)
932 (8)
574 (5)
813 (7)
693 (6)
693 (6)
813 (7)
574 (5)
932 (8)
454 (4)
1052 (9)
335 (3)
1171 (10)
215 (2)
1291 (11)
96 (1)
Typography
| font-size | font-weight | font-family | classes | |
|---|---|---|---|---|
| Heading 1 | 40px | 400 | oswald, sans-serif | h1 |
| Heading 2 | 24px | 400 | oswald, sans-serif | h2 |
| Heading 3 | 20px | 400 | oswald, sans-serif | h3 |
| Heading 4 | 18px | 400 | oswald, sans-serif | h4 |
| Heading 5 | 18px | 400 | oswald, sans-serif | h5 |
| Heading 6 | 16px | 400 | oswald, sans-serif | h6 |
| Bold text | 14px | 700 | oswald, sans-serif | fw-bold |
| Normal text | 14px | 400 | oswald, sans-serif | fw-normal |
| Semibold text | 14px | 600 | oswald, sans-serif | fw-semi-bold |
| Small text | 14px | 600 | oswald, sans-serif | small |
| Extra small text | 14px | 600 | oswald, sans-serif | extra-small |
| Link | 14px | 600 | oswald, sans-serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
Icons
(tot: 31)
snow_flakes
any_solvent
no_bleach
no_dry_clean
no_tumble_dry
no_wash
hand_wash
iron_low
account
account-logged-in
arrow-down
arrow-left
arrow-right
arrow-up
assistance
calendar
cart
close
contact-us
coupon
facebook
fast-delivery
hidden
info
instagram
linkedin
logout
privacy
settings
visible
youtube
snow_flakes
any_solvent
no_bleach
no_dry_clean
no_tumble_dry
no_wash
hand_wash
iron_low
account
account-logged-in
arrow-down
arrow-left
arrow-right
arrow-up
assistance
calendar
cart
close
contact-us
coupon
facebook
fast-delivery
hidden
info
instagram
linkedin
logout
privacy
settings
visible
youtube
Spacing
px-0
px-1
px-2
px-3
px-4
px-5
Colors
primary
#0F0F0F
rgb(15, 15, 15)
#0F0F0F
rgb(15, 15, 15)
gray-100
#F3F3F3
rgb(243, 243, 243)
#F3F3F3
rgb(243, 243, 243)
gray-200
#DDDDDD
rgb(221, 221, 221)
#DDDDDD
rgb(221, 221, 221)
gray-300
#707070
rgb(112, 112, 112)
#707070
rgb(112, 112, 112)
gray-500
#4A4A4A
rgb(74, 74, 74)
#4A4A4A
rgb(74, 74, 74)
gray-600
#2E2E2E
rgb(46, 46, 46)
#2E2E2E
rgb(46, 46, 46)
red
#E2002A
rgb(226, 0, 42)
#E2002A
rgb(226, 0, 42)
Form
Buttons
Dropdowns
Table
| th1 | th2 | th3 | th4 | th5 | th6 | th7 | th8 | th9 | th10 |
|---|---|---|---|---|---|---|---|---|---|
| tr1 td1 | tr1 td2 | tr1 td3 | tr1 td4 | tr1 td5 | tr1 td6 | tr1 td7 | tr1 td8 | tr1 td9 | tr1 td10 |
| tr2 td1 | tr2 td2 | tr2 td3 | tr2 td4 | tr2 td5 | tr2 td6 | tr2 td7 | tr2 td8 | tr2 td9 | tr2 td10 |
| tr3 td1 | tr3 td2 | tr3 td3 | tr3 td4 | tr3 td5 | tr3 td6 | tr3 td7 | tr3 td8 | tr3 td9 | tr3 td10 |
| tr4 td1 | tr4 td2 | tr4 td3 | tr4 td4 | tr4 td5 | tr4 td6 | tr4 td7 | tr4 td8 | tr4 td9 | tr4 td10 |
| tr5 td1 | tr5 td2 | tr5 td3 | tr5 td4 | tr5 td5 | tr5 td6 | tr5 td7 | tr5 td8 | tr5 td9 | tr5 td10 |
Tabs
Accordion
Elit tempor consectetur aute tempor aliquip fugiat laborum culpa deserunt sunt dolor non occaecat. Minim nostrud amet nulla dolore duis id excepteur cillum. Nisi laborum est irure. Dolor proident adipisicing tempor occaecat irure id nostrud reprehenderit ex consequat amet adipisicing nisi. Aliquip nostrud enim aliquip deserunt dolor ad. Velit aliquip sint nostrud qui cupidatat voluptate cupidatat laborum dolor id mollit esse.
Magna proident commodo voluptate excepteur do cillum et quis excepteur incididunt ut Lorem nisi. Enim aute ex cillum irure. Ullamco deserunt adipisicing officia duis veniam id aliqua. Commodo ex velit culpa esse. Commodo incididunt sunt Lorem nisi fugiat excepteur sit anim. Aute incididunt et sint dolor sit culpa commodo eiusmod ex irure sit. Excepteur eiusmod magna ad Lorem laboris aliquip adipisicing cupidatat fugiat occaecat voluptate id culpa voluptate eu. Enim ex nulla id cupidatat consequat aliquip ipsum quis dolore duis et aliqua sit consequat.
