Nice Sliding Panel

Sliding Panel Quisque eu lorem non ipsum porttitor vestibulum at porttitor dui. Integer sagittis ante vulputate ante mollis euismod. Praesent porta viverra nulla. Duis ornare posuere urna id eleifend. Etiam fermentum lectus ac accumsan pulvinar.

Customers Support

Have any question? Something is not clear enough? We reply on all questions within

Slide Gallery

Contact Info

We say what we do, we do what we say, and we're looking forward to prove it to you.

  • 001 Some Street. Los Angeles, CA, 12345. USA
  • (123) 456-7890
  • (123) 456-7890
  • office@smarton.com

Font Awesome default Icons

Default Icons

This is a example of the default Font Awesome Icons in different Colors and with size fa-5x.

                           
{icon name="fa-joomla" size="fa-5x"}
{icon name="fa-leaf" size="fa-5x" color="color-black"}
{icon name="fa-flask" size="fa-5x" color="color-theme"}
{icon name="fa-magic" size="fa-5x" color="color-success"}
{icon name="fa-power-off" size="fa-5x" color="color-warning"}
{icon name="fa-star-o" size="fa-5x" color="color-purple"}
{icon name="fa-desktop" size="fa-5x" color="color-danger"}
{icon name="fa-globe" size="fa-5x" color="color-orange"}
Font Awesome default Icon sizes

This is a example of the default Font Awesome Icons in different Colors and with different sizes.

                   
{icon name="fa-info"}
{icon name="fa-lock" size="fa-lg" color="color-black"}
{icon name="fa-magic" size="fa-2x" color="color-theme"}
{icon name="fa-pencil" size="fa-3x" color="color-success"}
{icon name="fa-power-off" size="fa-4x" color="color-warning"}
{icon name="fa-file" size="fa-5x" color="color-purple"}
Font Awesome round icons

This is a example of the default Font Awesome Icons in solid round style.

   
   
   
   
   
{icon-round name="fa-info"}
{icon-round name="fa-lock" size="fa-lg" color="color-black"}
{icon-round name="fa-magic" size="fa-2x" color="color-theme"}
{icon-round name="fa-pencil" size="fa-3x" color="color-success"}
{icon-round name="fa-power-off" size="fa-4x" color="color-warning"}
{icon-round name="fa-file" size="fa-5x" color="color-purple"}
Font Awesome round bordered icons

This is a example of the default Font Awesome Icons in round bordered style.

   
   
   
   
   

{icon-round-border name="fa-info"}
{icon-round-border name="fa-lock" size="fa-lg" color="color-black"}
{icon-round-border name="fa-magic" size="fa-2x" color="color-theme"}
{icon-round-border name="fa-pencil" size="fa-3x" color="color-success"}
{icon-round-border name="fa-power-off" size="fa-4x" color="color-warning"}
{icon-round-border name="fa-file" size="fa-5x" color="color-purple"}
Font Awesome square icons

This is a example of the default Font Awesome Icons in solid square style.

   
   
   
   
   

{icon-square name="fa-info"}
{icon-square name="fa-lock" size="fa-lg" color="color-black"}
{icon-square name="fa-magic" size="fa-2x" color="color-theme"}
{icon-square name="fa-pencil" size="fa-3x" color="color-success"}
{icon-square name="fa-power-off" size="fa-4x" color="color-warning"}
{icon-square name="fa-file" size="fa-5x" color="color-purple"}
Font Awesome square bordered icons

This is a example of the default Font Awesome Icons in square bordered style.

   
   
   
   
   

{icon-square-border name="fa-info"}
{icon-square-border name="fa-lock" size="fa-lg" color="color-black"}
{icon-square-border name="fa-magic" size="fa-2x" color="color-theme"}
{icon-square-border name="fa-pencil" size="fa-3x" color="color-success"}
{icon-square-border name="fa-power-off" size="fa-4x" color="color-warning"}
{icon-square-border name="fa-file" size="fa-5x" color="color-purple"}

All available Icons

Here you can see all available Icons. But in the Package is also a Editor Button integrated for easy usage.

All Font Awesome Icons

Style Switcher

This Demo Panel show only a minimum of the huge available Backend Options of this Theme



Backend View