User examples







About: dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
The Right Way - Admin Template
It's easy to use and customize user images an user informers.

Default .user container with square image.

Use .user--bordered to add border to user.

Use .user--rounded to add rounded corners.

Use .user__name inside .user to add user name.
Use predefined classes to modify user sizes.

Default size of user box.

Use class .user--huge to change user box size to huge.

Use class .user--lg to change user box size to large.

Use class .user--xlg to change user box size to xlarge.
Use predefined modifier .user--centred to build user box with centred elements.




Use this examples wherever you want in this template.

Default example with rounded corners and borders. Also contained with .user__name container.


Large example with rounded corners and borders. It is possible to use all typography elements here.


Extra large example with 3 rows for information.
Use this panel to configure template settings and layout options.