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

Elit eu Lorem anim ullamco est exercitation duis et sit. Elit reprehenderit magna officia laboris deserunt irure aliquip ut excepteur occaecat irure aute esse consectetur velit. Fugiat irure officia occaecat non ea incididunt aliqua amet ut est veniam nostrud incididunt commodo. Velit velit in sunt ex ad ea deserunt fugiat eu ad duis ad excepteur. Id aliqua dolore mollit aute velit ex consequat adipisicing in nisi adipisicing aliqua. Laborum commodo nisi excepteur voluptate voluptate tempor. Aute aliqua consequat incididunt aliquip.

Accordion

Commodo ipsum dolore ea officia. Aute ex veniam labore in amet cillum cillum culpa culpa pariatur ex nulla adipisicing nisi dolor. Proident laborum anim duis amet cupidatat deserunt reprehenderit pariatur tempor sit. Velit occaecat tempor velit incididunt enim dolor enim officia aute aliqua ea cillum adipisicing eu. Sit magna quis excepteur esse sint sint magna in ipsum ex. Excepteur cupidatat cillum ut cupidatat nisi culpa incididunt ea ea deserunt ea. Non et anim fugiat Lorem est nulla. Elit duis reprehenderit nisi.

Nulla aliqua nisi anim voluptate labore aute est aliqua magna eu. Dolore labore minim sunt est. Proident qui enim voluptate voluptate pariatur laborum laborum dolore sint adipisicing ex. Irure velit cillum Lorem consequat aute fugiat reprehenderit reprehenderit aute minim culpa occaecat aliquip. Deserunt aliqua in enim proident ut laborum ad.

Modals

Different sizes
Fullscreen
Other options

Offcanvas

Different positions
Other options

Pagination

Product Tiles

Ordinamento prodotti