Typography

Headings

H1 HEADING

H2 HEADING

H3 HEADING

H4 HEADING

H5 HEADING
H6 HEADING

Blockquotes

But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complet

— DIEGO LOPEZON

Tables

Basic Table

Table heading Table heading Table heading Table heading
Table cell Table cell Table cell Table cell
Table cell Table cell Table cell Table cell
Table cell Table cell Table cell Table cell

Striped Table

Table heading Table heading Table heading Table heading
Table cell Table cell Table cell Table cell
Table cell Table cell Table cell Table cell
Table cell Table cell Table cell Table cell

Bordered Table

Table heading Table heading Table heading Table heading
Table cell Table cell Table cell Table cell
Table cell Table cell Table cell Table cell
Table cell Table cell Table cell Table cell

Pagination

Social List

Tooltip

Paragraph

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.

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.

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.

Buttons

Different sizes

Button
Button
Button

Different colors

Button
Button
Button
Button

Lists

  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Lorem ipsum dolor sit amet
  • Phasellus iaculis neque
  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem
  9. Purus sodales ultricies
  10. Phasellus iaculis neque

Forms

Input group

Icons

Catalog view mode

icon-view1.svg
icon-view2.svg
icon-view3.svg
icon-view4.svg
icon-view5.svg
icon-view-listing.svg

Header Icons

icon-user.svg
icon-search.svg
icon-heart.svg
icon-cart.svg
icon-settings.svg
icon-catalog3.svg
icon-filter3.svg
icon-phone.svg
icon-home.svg

Social

icon-vimeo.svg
icon-whatsup.svg
icon-facebook.svg
icon-instagram.svg
icon-tumblr.svg
icon-tiktok.svg
icon-twitter.svg
icon-youtube.svg
icon-snapchat.svg
icon-pinterest.svg
icon-wechat.svg
icon-discord.svg

Categories Menu Icons

icon-bestseller.svg
icon-accessories.svg
icon-child.svg
icon-dress.svg
icon-man.svg
icon-new.svg
icon-gift3.svg
icon-woman.svg
icon-checkmark.svg
icon-coupon.svg
icon-gift-card.svg
icon-sale.svg
icon-truck5.svg

Inline Text Icons

Product Page

icon-truck3.svg
icon-size.svg
icon-size2.svg
icon-mail.svg

Footer

icon-phone.svg
icon-mail3.svg

Blog

icon-message.svg
icon-message2.svg

Content Icons

icon-truck.svg
icon-truck2.svg
icon-return.svg
icon-support.svg
icon-support2.svg
icon-secure.svg
icon-card.svg
icon-gift2.svg
icon-tag.svg
icon-mail.svg
icon-mail2.svg
icon-location.svg
icon-phone2.svg
icon-time.svg