Elements

Metro include cool shortcodes to help you with typography on your website

Accordion & Toggles

Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim.

Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum.

Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget.

Quisque cursus et, porttitor risus. Aliquam sem. In hendrerit nulla quam nunc, accumsan congue. Lorem ipsum primis in nibh vel risus. Sed vel lectus. Ut sagittis, ipsum dolor quam. Vestibulum dapibus, mauris nec.

Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Aliquam sem. In hendrerit nulla quam.

Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus.

Tab styles

Malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis.

Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada.

Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Curabitur et ligula.

Quisque lorem tortor fringilla sed, vestibulum id. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim.

Lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus. Phasellus fermentum in, dolor. Integer ultrices posuere cubilia vestibulum commodo volutpat.

Pellentesque facilisis. Nulla imperdiet sit amet magna.

Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Aliquam erat ac ipsum.

Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi.

Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo. Quisque lorem tortor fringilla sed.

Messages boxes

Commodo volutpat a, convallis ac, laoreet enim fermentum in, dolor.
Commodo volutpat a, convallis ac, laoreet enim fermentum in, dolor.
Commodo volutpat a, convallis ac, laoreet enim fermentum in, dolor.

List elements

  • Maecenas malesuada elit lectus felis
  • Phasellus fermentum in, dolor
  • Nulla imperdiet sit amet magna
  • Aliquam erat ac ipsum. Integer aliquam
  • Integer ultrices posuere cubilia
  • Maecenas malesuada elit lectus felis
  • Phasellus fermentum in, dolor
  • Nulla imperdiet sit amet magna
  • Aliquam erat ac ipsum. Integer aliquam
  • Integer ultrices posuere cubilia
  • Maecenas malesuada elit lectus felis
  • Phasellus fermentum in, dolor
  • Nulla imperdiet sit amet magna
  • Aliquam erat ac ipsum. Integer aliquam
  • Integer ultrices posuere cubilia

Buttons

Standard transparent button Brand primary color Button with icon 3D button style Animated button style

Tables

column onecolumn twocolumn threecolumn four
item #1description #1price #1total #1
item #2description #2price #2total #2
item #3description #3price #3total #3
item #4description #4price #4total #4
column onecolumn twocolumn threecolumn four
item #1description #1price #1total #1
item #2description #2price #2total #2
item #3description #3price #3total #3
item #4description #4price #4total #4