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

Id enim eu voluptate. Officia ipsum et tempor voluptate non proident ut et do eu. Eu ullamco proident culpa sunt excepteur officia sint culpa proident mollit. Nulla consectetur pariatur ex. Magna exercitation nostrud proident duis consequat nostrud commodo mollit nisi ut dolor minim esse. Incididunt deserunt labore mollit enim sit deserunt ea ad aliqua nostrud nulla. Qui officia culpa eu veniam cillum cupidatat do culpa veniam cupidatat pariatur ad irure officia. Exercitation nostrud esse laborum reprehenderit cupidatat.

Accordion

Amet aliqua dolor aliquip elit id do Lorem duis velit est laborum pariatur proident. Incididunt ullamco esse ullamco in nisi dolor esse veniam dolor. Ex pariatur do mollit culpa adipisicing quis non fugiat laboris ad voluptate ex labore. Exercitation dolor sit laboris. Ut reprehenderit ullamco excepteur officia est duis nostrud magna irure quis duis est veniam qui nulla. Dolore ex id proident magna ullamco.

Eu velit reprehenderit voluptate qui sunt adipisicing nulla non. Amet ex culpa ut nisi exercitation quis excepteur sunt eu ipsum Lorem excepteur. Ut enim voluptate ea laborum minim dolor est id quis fugiat amet. Tempor proident qui dolor tempor ut cupidatat Lorem quis aute eiusmod deserunt. Adipisicing amet duis exercitation ipsum excepteur pariatur dolore anim duis id ad nulla. Tempor ad sunt id enim velit. Lorem incididunt nostrud sunt tempor enim sunt laboris ea.

Modals

Different sizes
Fullscreen
Other options

Offcanvas

Different positions
Other options

Pagination

Product Tiles

Ordinamento prodotti