About This Pattern
A pattern to display the information of a member from an organization. The pattern includes: The profile picture, name, title or role, summary paragraph, and a button with the member’s email inside it.
Use This Pattern
To use this pattern click the button below then paste the content directly into your website’s editor. Please note that you will need to update any placeholder images in the pattern. For some themes, colors and mobile breakpoints may also need adjustments.
<!-- wp:kadence/rowlayout {"uniqueID":"892_b5cee6-c2","columns":1,"colLayout":"equal","align":"full","firstColumnWidth":0,"secondColumnWidth":0,"thirdColumnWidth":0,"fourthColumnWidth":0,"fifthColumnWidth":0,"sixthColumnWidth":0,"inheritMaxWidth":true,"padding":["","","",""],"margin":["0","","xxl",""],"kbVersion":2} -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"892_5d9156-05","direction":["horizontal","","vertical"],"justifyContent":["",null,""],"verticalAlignment":"top","padding":["","","xxl",""],"borderStyle":[{"top":["","",""],"right":["","",""],"bottom":["palette6","",1],"left":["","",""],"unit":"px"}],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column892_5d9156-05 kb-section-dir-horizontal kb-section-sm-dir-vertical"><div class="kt-inside-inner-col"><!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"892_a02183-50","direction":["","","vertical"],"justifyContent":["","",null],"maxWidth":[250,250,100],"maxWidthMobileUnit":"%","kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column892_a02183-50 kb-section-sm-dir-vertical"><div class="kt-inside-inner-col"><!-- wp:kadence/image {"id":252,"imgMaxWidth":200,"imgMaxWidthTablet":200,"imgMaxWidthMobile":200,"ratio":"square","useRatio":true,"uniqueID":"892_fb6d1f-32","marginMobile":["","","sm",""],"borderRadius":[200,200,200,200],"showCaption":false,"mobileBorderStyle":[{"top":["palette8","",1],"right":["palette8","",1],"bottom":["palette8","",1],"left":["palette8","",1],"unit":""}],"imagePosition":"43% 23%","className":"is-style-default"} -->
<figure class="wp-block-kadence-image kb-image892_fb6d1f-32 kb-image-is-ratio-size is-style-default"><div class="kb-is-ratio-image kb-image-ratio-square"><img src="https://kadence-tru.trubox.ca/wp-content/uploads/sites/3146/2025/02/joseph-gonzalez-iFgRcqHznqg-unsplash.jpg" alt="" class="kb-img wp-image-252"/></div></figure>
<!-- /wp:kadence/image --></div></div>
<!-- /wp:kadence/column -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"892_3b4fd1-53","padding":["","","0",""],"margin":["","","0",""],"kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column892_3b4fd1-53"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedheading {"level":3,"uniqueID":"892_787fac-02","fontWeight":"inherit","margin":["","","0",""],"markBorder":"","markBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":"px"}],"tabletMarkBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":"px"}],"mobileMarkBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":"px"}],"mobileAlign":"left"} -->
<h3 class="kt-adv-heading892_787fac-02 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading892_787fac-02"><strong>Person's Name</strong></h3>
<!-- /wp:kadence/advancedheading -->
<!-- wp:kadence/advancedheading {"uniqueID":"892_932549-4a","color":"palette1","fontWeight":"700","markBorder":"","markBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":"px"}],"tabletMarkBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":"px"}],"mobileMarkBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":"px"}],"colorClass":"theme-palette1","mobileAlign":"left","htmlTag":"p"} -->
<p class="kt-adv-heading892_932549-4a wp-block-kadence-advancedheading has-theme-palette-1-color has-text-color" data-kb-block="kb-adv-heading892_932549-4a"><strong>Person title or whatever you need here</strong></p>
<!-- /wp:kadence/advancedheading -->
<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel quam feugiat, euismod libero eget, ultrices risus. Aenean nibh est, finibus et dictum eget, malesuada ut nibh. Sed a nisl dui. Praesent fringilla pulvinar tristique. Phasellus sapien ante, congue sit amet turpis eget, facilisis malesuada massa. Nunc ornare felis semper risus porta, at aliquet risus elementum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Mauris dui odio, malesuada nec ante lobortis, placerat suscipit magna. Vivamus consectetur ipsum tortor, ut tempus ante tincidunt et.</p>
<!-- /wp:paragraph -->
<!-- wp:kadence/advancedbtn {"hAlign":"left","uniqueID":"892_76a8d6-63","padding":["0","","0",""]} -->
<div class="wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns892_76a8d6-63"><!-- wp:kadence/singlebtn {"uniqueID":"892_e67c4a-e6","text":"someone@tru.ca","padding":["xxs","md","xxs","md"],"color":"palette9","colorHover":"palette9","borderStyle":[{"top":["palette9","",""],"right":["palette9","",""],"bottom":["palette9","",""],"left":["palette9","",""],"unit":"px"}],"borderHoverStyle":[{"top":["palette9","",""],"right":["palette9","",""],"bottom":["palette9","",""],"left":["palette9","",""],"unit":"px"}],"borderRadius":[100,100,100,100],"icon":"fe_mail","iconSide":"left","typography":[{"size":[14,"",""],"sizeType":"px","lineHeight":["","",""],"lineType":"","letterSpacing":["","",""],"letterType":"px","textTransform":"","family":"","google":"","style":"","weight":"","variant":"","subset":"","loadGoogle":true}]} /--></div>
<!-- /wp:kadence/advancedbtn --></div></div>
<!-- /wp:kadence/column --></div></div>
<!-- /wp:kadence/column -->
<!-- /wp:kadence/rowlayout -->