Shortcodes

  • Accordions
  • alerts
  • badges
  • blockquotes
  • box shadows
  • buttons
  • dividers
  • modals
  • gradient backgrounds
  • labels
  • lists-group
  • media
    • media-audios
    • media-images
    • media-videos
  • onscroll-animations
  • paginations
  • panels
  • progress-bars
  • tables
  • taglines
  • tags
  • headings
  • typography
  • dropcaps
  • icons
    • base-icons
    • icon-hovers
    • icon-sizes
    • social-icons
    • icon-fontawesome
    • icons-pro-1
    • icons-pro-2
    • simple-line-icons
    • line-icon

social_icons

Social Icons

Base Components are usually small helper components to build Block Components.
These Components can be easily used and customized in any blocks.

Plain Icons

The plain icons style uses the .u-icon-v1 class.

Default

Show code Copy code
Show code Copy code

Bordered Icons

The bordered icons style uses the .u-icon-v2 class.

Default

Show code Copy code
Show code Copy code

Rounded (3px)

Show code Copy code
Show code Copy code

Rounded (10px)

Show code Copy code
Show code Copy code

Rounded (circle)

Show code Copy code
Show code Copy code

Backgrounded Icons

The backgrounded icons style uses the .u-icon-v3 class.

Default

Show code Copy code
Show code Copy code

Rounded (3px)

Show code Copy code
Show code Copy code

Rounded (10px)

Show code Copy code
Show code Copy code

Rounded (circle)

Show code Copy code
Show code Copy code

Backgrounded & Bordered Icons

The backgrounded & bordered icons style uses the .u-icon-v4 class and <span class="u-icon-v4-inner"> as a child element.

Default

Show code Copy code
Show code Copy code

Rounded (3px)

Show code Copy code
Show code Copy code

Rounded (10px)

Show code Copy code
Show code Copy code

Rounded (circle)

Show code Copy code
Show code Copy code
2019 © All Rights Reserved.