light mode
دکمه ها
کانتینر
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iure, maxime ea deserunt suscipit quos sint
tempora quia consectetur cupiditate, labore praesentium fuga adipisci veniam eligendi? Eius error natus quis
alias non quas neque atque eos illum rerum unde architecto ut suscipit dolores tenetur blanditiis iste,
doloremque cum dolore! Vero, quam?
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iure, maxime ea deserunt suscipit quos sint
tempora quia consectetur cupiditate, labore praesentium fuga adipisci veniam eligendi? Eius error natus quis
alias non quas neque atque eos illum rerum unde architecto ut suscipit dolores tenetur blanditiis iste,
doloremque cum dolore! Vero, quam?
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iure, maxime ea deserunt suscipit quos sint
tempora quia consectetur cupiditate, labore praesentium fuga adipisci veniam eligendi? Eius error natus quis
alias non quas neque atque eos illum rerum unde architecto ut suscipit dolores tenetur blanditiis iste,
doloremque cum dolore! Vero, quam?
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iure, maxime ea deserunt suscipit quos sint
tempora quia consectetur cupiditate, labore praesentium fuga adipisci veniam eligendi? Eius error natus quis
alias non quas neque atque eos illum rerum unde architecto ut suscipit dolores tenetur blanditiis iste,
doloremque cum dolore! Vero, quam?
ستون ها
12 Column
col-span-4
col-span-4
col-span-4
col-span-6
col-span-6
col-span-3
col-span-3
col-span-3
col-span-3
col-span-2
col-span-2
col-span-2
col-span-2
col-span-2
col-span-2
3 Column
col-span-2
col-span-1
تایپوگرافی
Title
Title small
heading 1
heading 2
heading 3
heading 4
heading 5
heading 6
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore sunt, praesentium corporis incidunt iusto hic.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error odit, quasi architecto itaque eos nostrum.
رنگ ها
primary
100
200
300
400
500
600
700
800
900
secondary
100
200
300
400
500
600
700
800
900
accent
100
200
300
400
500
600
700
800
900
success
100
200
300
400
500
600
700
800
900
warning
100
200
300
400
500
600
700
800
900
error
100
200
300
400
500
600
700
800
900
info
100
200
300
400
500
600
700
800
900
natural
100
200
300
400
500
600
700
800
900
سایه ها
shadow
shadow-sm
فرم ها
responsive
grids
col-span-4 col-span-md-6 col-span-sm-12
col-span-4 col-span-md-6 col-span-sm-12
col-span-4 col-span-md-12 col-span-sm-12
displays
d-block d-md-none
d-none d-md-block