Accordion

Collapse
  • Education

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero at sapiente nesciunt repellendus expedita voluptate ea ipsam quibusdam provident, iste inventore beatae est cum deleniti facere, dolore dolores quod sequi!

  • Work Experiences

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero at sapiente nesciunt repellendus expedita voluptate ea ipsam quibusdam provident, iste inventore beatae est cum deleniti facere, dolore dolores quod sequi!

  • Achievements

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero at sapiente nesciunt repellendus expedita voluptate ea ipsam quibusdam provident, iste inventore beatae est cum deleniti facere, dolore dolores quod sequi!


Toggle
  • Education

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero at sapiente nesciunt repellendus expedita voluptate ea ipsam quibusdam provident, iste inventore beatae est cum deleniti facere, dolore dolores quod sequi!

  • Work Experiences

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero at sapiente nesciunt repellendus expedita voluptate ea ipsam quibusdam provident, iste inventore beatae est cum deleniti facere, dolore dolores quod sequi!

  • Achievements

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero at sapiente nesciunt repellendus expedita voluptate ea ipsam quibusdam provident, iste inventore beatae est cum deleniti facere, dolore dolores quod sequi!

Buttons

Callout / Alerts

Default

This is a callout.

This is a primary callout.

This is a secondary callout.

This is a success callout.

This is a warning callout.

This is a alert callout.


Dismissible

This is a callout with close button.

This is a primary callout with close button.

This is a secondary callout with close button.

Forms

Text Inputs
Number Inputs
Select Menus

Page navigation

Pagination

Breadcrumbs

Progress Bars

Progress Bars
  • Webdesign
  • Branding
  • Photography
  • Webdesign
  • Branding
  • Photography

Tables

Default
Table Header Table Header Table Header Table Header
Content Goes Here This is longer content Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Hover
Table Header Table Header Table Header Table Header
Content Goes Here This is longer content Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here

Tabs

Default

Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.

Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.


Vertical

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Typography

Headings
Dosis
Cormorant

Dosis heading

Dosis heading

Dosis heading

Dosis heading

Dosis heading
Dosis heading

Cormorant heading

Cormorant heading

Cormorant heading

Cormorant heading

Cormorant heading
Cormorant heading

Paragraphs
Cormorant

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum eius animi doloribus, possimus ad, pariatur fuga obcaecati, perferendis ea, similique amet laudantium.

Eligendi pariatur eum maiores autem, ullam est, reiciendis excepturi. Debitis ducimus itaque dignissimos, explicabo eius recusandae minus ab praesentium minima ea excepturi, consectetur at laborum veniam, beatae esse! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero aspernatur maiores, temporibus odit amet ipsum voluptatibus laudantium deleniti magnam reprehenderit provident accusantium maxime pariatur.


See full list at: Material Design Icons