Display your team with this module.
Select the colours and style in the backend and create up to 20 team cards in one module. The links can be set individually for each card, as can the alignment of the image.
The module and the animations do not need javascript, because the effects are made of CSS3. The style and CSS script is a free resource from jomla51.com.
When viewed on smaller devices such as smartphones, the team cards are displayed in portrait format. The image with the links is at the top and the text block follows below the image.
The many yet simple setting options are used to adapt to your template. Each Teamcard has a fixed width of 480 x 240 pixels.
- Background colour
- Set text colour
- Determine the colour of the rhombus
- Set alignment of cards (one below the other or side by side)
- Set icon class (ionicon or fontawesome) for icon 1 to 3
- included ionicon font (v2) - select yes if it is to be loaded locally
Create the teamcards here. You can make the following settings for each teamcard.
- Select a image (recommended 240x240px) - You can also use portrait or landscape formats. The images are cropped to 240 x 240 pixels using CSS.
- Set Firstname and Surname (the Surname is highlighted)
- Set a slogen (textarea)
- Set a hyperlink for icon 1 - 3 (If no hyperlink is specified for a link, the icon is not displayed.)