Seite 22 von 24
Cards
Use the [card] shortcode to create staff profiles e.g for company staff. The [card] shortcode gives you the option to add the person's name, the title and the person's avatar.
Kerry Clayton
Head Finance
markup
[card title="Diane Moreno" subtitle="CEO" src="/images/demo/avatar/team-4.jpg"]
[card_social_icons style=""]
[icon_button icon="icon-facebook" url="#" target="_self"][/icon_button]
[icon_button icon="icon-linkedin" url="#" target="_self"][/icon_button]
[/card_social_icons]
[/card]
You can set the tm-icons-visible class to the [person_social_icons] style attribute to have the social icons always visible.
markup
[card title="Diane Moreno" subtitle="CEO" src="/images/demo/avatar/team-4.jpg"]
[card_social_icons style="tm-icons-visible"]
...
[/card_social_icons]
[/card]
Cards with links
Use the [card_link] shortcode to create a card with a link. The link can be an internal/external page or a modal box.
markup
[card_link title="Diane Moreno" subtitle="CEO" src="/images/demo/avatar/team-4.jpg" link=""]
...
[/card_link]
The following examples uses a modal box to show more information of the person. To use a modal box, link link parameter to the unique id of the [card_link_modal] shortcode.
Kerry Clayton
Head Finance
Diane Moreno
Chief Executive Officer
Diane Moreno is an British Board Certified (BBE) and London Board Certified Periodontist (LBCP) who joined Gravity from The Endomics Dental Team.
She received her Doctorate in Medical Dentistry from the Boston University School of Dental. She later completed an extensive training in Conscious Sedation from Cambridge.
Read More
Show code
[grid]
[column responsive small="1-1" medium="1-2" large="1-4"]
[card_link title="Diane Moreno" subtitle="CEO" src="/images/demo/avatar/team-1.jpg" link="#tm1"]
[card_social_icons style=""]
[icon_button icon="icon-facebook" url="https://web.facebook.com/arrowthemes" target="_blank"][/icon_button]
[icon_button icon="icon-twitter" url="https://twitter.com/arrowthemes" target="_blank"][/icon_button]
[icon_button icon="icon-behance" url="https://www.behance.net/joelmb" target="_blank"][/icon_button]
[/card_social_icons]
[/card_link]
[/column]
[column responsive small="1-1" medium="1-2" large="1-4"]
[card_link title="Israel Carter" subtitle="CTO" src="/images/demo/avatar/team-2.jpg" link="#tm1"]
[card_social_icons style=""]
[icon_button icon="icon-facebook" url="https://web.facebook.com/arrowthemes" target="_blank"][/icon_button]
[icon_button icon="icon-twitter" url="https://twitter.com/arrowthemes" target="_blank"][/icon_button]
[icon_button icon="icon-behance" url="https://www.behance.net/joelmb" target="_blank"][/icon_button]
[/card_social_icons]
[/card_link]
[/column]
[column responsive small="1-1" medium="1-2" large="1-4"]
[card_link title="Sharon Berry" subtitle="CFO" src="/images/demo/avatar/team-3.jpg" link="#tm1"]
[card_social_icons style=""]
[icon_button icon="icon-facebook" url="https://web.facebook.com/arrowthemes" target="_blank"][/icon_button]
[icon_button icon="icon-twitter" url="https://twitter.com/arrowthemes" target="_blank"][/icon_button]
[icon_button icon="icon-behance" url="https://www.behance.net/joelmb" target="_blank"][/icon_button]
[/card_social_icons]
[/card_link]
[/column]
[column responsive small="1-1" medium="1-2" large="1-4"]
[card_link title="Kerry Clayton" subtitle="Head Finance" src="/images/demo/avatar/team-4.jpg" link="#tm1"]
[card_social_icons style=""]
[icon_button icon="icon-facebook" url="https://web.facebook.com/arrowthemes" target="_blank"][/icon_button]
[icon_button icon="icon-twitter" url="https://twitter.com/arrowthemes" target="_blank"][/icon_button]
[icon_button icon="icon-behance" url="https://www.behance.net/joelmb" target="_blank"][/icon_button]
[/card_social_icons]
[/card_link]
[/column]
[/grid]
[card_link_modal id="tm1" img="images/demo/avatar/team-1-big.jpg" title="Diane Moreno" subtitle="Chief Executive Officer"]
Diane Moreno is an British Board Certified (BBE) and London Board Certified Periodontist (LBCP) who joined Gravity from The Endomics Dental Team.
She received her Doctorate in Medical Dentistry from the Boston University School of Dental. She later completed an extensive training in Conscious Sedation from Cambridge.
[button style="primary" href="#" target="_self"]Read More[/button]
[/card_link_modal]
