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-sizefont-weightfont-familyclasses
Heading 140px400oswald, sans-serifh1
Heading 224px400oswald, sans-serifh2
Heading 320px400oswald, sans-serifh3
Heading 418px400oswald, sans-serifh4
Heading 518px400oswald, sans-serifh5
Heading 616px400oswald, sans-serifh6
Bold text14px700oswald, sans-seriffw-bold
Normal text14px400oswald, sans-seriffw-normal
Semibold text14px600oswald, sans-seriffw-semi-bold
Small text14px600oswald, sans-serifsmall
Extra small text14px600oswald, sans-serifextra-small
Link14px600oswald, 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)
gray-100
#F3F3F3
rgb(243, 243, 243)
gray-200
#DDDDDD
rgb(221, 221, 221)
gray-300
#707070
rgb(112, 112, 112)
gray-500
#4A4A4A
rgb(74, 74, 74)
gray-600
#2E2E2E
rgb(46, 46, 46)
red
#E2002A
rgb(226, 0, 42)

Form

Checkboxes
Checkboxes (inline)
Checkboxes (array)
Radios
Radios (inline)
https://
€€
@b2x.it
Business email
@

 

Buttons

Dropdowns

  • Header
  • Header
  • Header
  • Header

Table

th1th2th3th4th5th6th7th8th9th10
tr1 td1tr1 td2tr1 td3tr1 td4tr1 td5tr1 td6tr1 td7tr1 td8tr1 td9tr1 td10
tr2 td1tr2 td2tr2 td3tr2 td4tr2 td5tr2 td6tr2 td7tr2 td8tr2 td9tr2 td10
tr3 td1tr3 td2tr3 td3tr3 td4tr3 td5tr3 td6tr3 td7tr3 td8tr3 td9tr3 td10
tr4 td1tr4 td2tr4 td3tr4 td4tr4 td5tr4 td6tr4 td7tr4 td8tr4 td9tr4 td10
tr5 td1tr5 td2tr5 td3tr5 td4tr5 td5tr5 td6tr5 td7tr5 td8tr5 td9tr5 td10

Tabs

Enim velit eiusmod laboris sit ipsum irure cupidatat occaecat laborum. Irure voluptate laboris nostrud in nisi dolore reprehenderit. Dolor magna ex irure irure nostrud commodo eiusmod sit ut dolore proident adipisicing non veniam. Exercitation duis ut ipsum. Id incididunt aute consectetur aute veniam incididunt irure elit do. Non ea do nulla sunt dolore labore incididunt adipisicing Lorem quis veniam deserunt ut duis magna.

Accordion

Duis consectetur duis commodo anim sint Lorem sint. Exercitation eiusmod fugiat ullamco irure mollit qui sunt incididunt dolore laborum incididunt et. Sint laboris velit minim nulla amet qui reprehenderit. Dolor fugiat mollit ea duis tempor sit incididunt sint aute. Id incididunt ut labore incididunt et. Lorem laborum esse aliquip ullamco velit. Lorem ipsum duis exercitation velit commodo non.

Esse qui pariatur id ad nostrud qui occaecat culpa est culpa non ex quis incididunt esse. Amet non laborum dolor ex dolore. Cillum commodo nisi laborum duis ut. Sit occaecat veniam amet anim dolor ut et sint ipsum voluptate et aute deserunt. Ea nostrud aute ut aliqua minim cupidatat ex labore sit nulla duis dolore. Veniam elit quis excepteur labore nostrud labore adipisicing magna officia est id dolore sunt.

Modals

Different sizes
Fullscreen
Other options

Offcanvas

Different positions
Other options

Pagination

Product Tiles

Ordinamento prodotti