UI elements

Visible only on PC

  • Typography
  • Buttons
  • Forms
  • Icons
  • Alerts
  • Sidebar
  • Pagination
  • Breadcrumbs
  • Modal Effects

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.

HTML Text Elements

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

This line width Link


Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Oleh Koval

Ordered & Unordered Lists

  • Lorem ipsum dolor sit amet consectetur adipisicing elit.
  • Perspiciatis deleniti deserunt tempora
  • Lorem ipsum dolor sit amet
  • PathSoft offers a high caliber of resources skilled in Microsoft Azure.NET, mobile and Quality Assurance. They became our true business partners over the past three years.
  • Ethics
  1. Lorem ipsum dolor sit amet consectetur adipisicing elit.
  2. Perspiciatis deleniti deserunt tempora
  3. Lorem ipsum dolor sit amet
  4. PathSoft offers a high caliber of resources skilled in Microsoft Azure.NET, mobile and Quality Assurance. They became our true business partners over the past three years.
  5. Ethics

Input Sizes

Input File Sizes

Textarea Sizes

States

Labelled Input

* Input hint text

Checkboxes

Radios

Select Sizes

Social Icons (svg)

Material Icons

See here: Material Icons

Usage example:

Filled: chat
<i class="material-icons md-24">chat</i>

Outlined: chat
<i class="material-icons material-icons-outlined md-24">chat</i>

Available icon sizes: md-18, md-20, md-22, md-24, md-26, md-28, md-32, md-40, md-48, md-60, md-72

Alerts Colors

Alerts Width Icon

Sidebar

Breadcrumbs