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 | |
|---|---|---|---|---|
| Display 1 | 50px | 300 | "Zilla Slab", sans-serif | display-1 |
| Heading 1 | 32px | 400 | "Zilla Slab", sans-serif | h1 |
| Heading 2 | 26px | 400 | "Zilla Slab", sans-serif | h2 |
| Heading 3 | 24px | 400 | "Zilla Slab", sans-serif | h3 |
| Heading 4 | 18px | 400 | "Zilla Slab", sans-serif | h4 |
| Heading 5 | 16px | 400 | "Zilla Slab", sans-serif | h5 |
| Heading 6 | 16px | 400 | "Zilla Slab", sans-serif | h6 |
| Bold text | 16px | 700 | Montserrat, sans-serif | fw-bold |
| Normal text | 16px | 400 | Montserrat, sans-serif | fw-normal |
| Semibold text | 16px | 600 | Montserrat, sans-serif | fw-semi-bold |
| Small text | 14px | 400 | Montserrat, sans-serif | small |
| Extra small text | 12px | 400 | Montserrat, sans-serif | extra-small |
| Link | 16px | 400 | Montserrat, 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: 32)
shipping
discount
pinterest
wishlist
wishlist-full
youtube
cart
discount
credit-card
customer
delete
email
facebook
filter
hidden
info
instagram
logout
large-arrow-left
large-arrow-right
menu
minus
order-by
plus
privacy
profile
search
small-arrow-down
small-arrow-left
small-arrow-right
small-arrow-up
visible
shipping
discount
pinterest
wishlist
wishlist-full
youtube
cart
discount
credit-card
customer
delete
email
facebook
filter
hidden
info
instagram
logout
large-arrow-left
large-arrow-right
menu
minus
order-by
plus
privacy
profile
search
small-arrow-down
small-arrow-left
small-arrow-right
small-arrow-up
visible
Spacing
px-0
px-1
px-2
px-3
px-4
px-5
Colors
primary
#FFD300
rgb(255, 211, 0)
#FFD300
rgb(255, 211, 0)
secondary
#003A6B
rgb(0, 58, 107)
#003A6B
rgb(0, 58, 107)
light-blue
#0173B4
rgb(1, 115, 180)
#0173B4
rgb(1, 115, 180)
green
#607B26
rgb(96, 123, 38)
#607B26
rgb(96, 123, 38)
brown
#B06100
rgb(176, 97, 0)
#B06100
rgb(176, 97, 0)
red
#A71930
rgb(167, 25, 48)
#A71930
rgb(167, 25, 48)
black
#000000
rgb(0, 0, 0)
#000000
rgb(0, 0, 0)
white
#FFFFFF
rgb(255, 255, 255)
#FFFFFF
rgb(255, 255, 255)
gray-100
#F6F6F6
rgb(246, 246, 246)
#F6F6F6
rgb(246, 246, 246)
gray-200
#E6E6E6
rgb(230, 230, 230)
#E6E6E6
rgb(230, 230, 230)
gray-300
#B4B4B4
rgb(180, 180, 180)
#B4B4B4
rgb(180, 180, 180)
gray-400
#5D5D5D
rgb(93, 93, 93)
#5D5D5D
rgb(93, 93, 93)
Form
Buttons
Dropdowns
Badges
Fino al 28% di scontoSpedizioni gratuiteSpedizioni gratuite
Pill: false
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
Pill: false
background opacity: 10
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
Pill: false
background opacity: 25
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
Pill: true
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
Pill: true
background opacity: 10
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
Pill: true
background opacity: 25
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
primary secondary light-blue green brown red black white gray-100 gray-200 gray-300 gray-400 gray-900
Boxes
Box A
Box A (multiple images)
Box B
Box D
Box E
Box C
Sliders
Pagination
Navigation
Scrollbar
Pagination (custom)
Navigation (custom)
Scrollbar (custom)
Controller
Controller (two-way)
Thumbs
Slider temporizzato da Directory
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 |
| Valore energetico | 1490 KJ / 351 kcal |
|---|---|
| Grassi Di cui acidi grassi saturi | 1,5 g 0,3 g |
| Carboidrati Di cui zuccheri | 69 g 3,4 g |
| Fibre | 2,9 g |
| Proteine | 14 g |
| Sale | 0 g |
Tabs
Accordion
Sit dolor eiusmod dolore ullamco adipisicing. Magna velit irure fugiat ipsum in commodo adipisicing Lorem do duis ullamco minim enim excepteur dolore. Veniam veniam veniam pariatur duis commodo cillum anim pariatur et. Officia magna dolore dolore magna dolore deserunt reprehenderit cupidatat enim commodo ad. Ipsum et non adipisicing commodo minim tempor veniam Lorem est. Consequat sint incididunt cillum officia. Ea ex veniam proident aute dolor. Qui eu enim tempor exercitation duis consequat commodo est sit occaecat amet nulla sunt adipisicing.
Ad sit officia irure pariatur eu deserunt ut consectetur et. In do laboris ex cupidatat fugiat commodo eu commodo irure consequat dolore eiusmod aute. Ad adipisicing nulla Lorem adipisicing veniam voluptate duis id. Irure magna est adipisicing irure ipsum. Elit occaecat id reprehenderit non eu pariatur Lorem ut pariatur labore dolore amet nulla irure officia. Deserunt id nulla ipsum laboris id minim velit ad velit non enim adipisicing mollit. Voluptate consectetur veniam veniam nisi do dolore voluptate. Amet qui culpa consectetur cillum exercitation enim ex commodo nisi mollit.
