File: /home/httpd/vhosts/rajlaw.com.tw/httpdocs/wp-content/themes/solargrove/patterns/team.php
<?php
/**
* Title: Our Team
* Slug: solargrove/team
* Categories: solargrove
* Keywords: team
*/
?>
<!-- wp:group {"metadata":{"categories":["fotawp-teams"],"patternName":"fotawp/team-block-with-bio","name":"Team block with short bio"},"style":{"spacing":{"padding":{"top":"80px","bottom":"100px","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"gradient":"gradient-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-gradient-2-gradient-background has-background" style="padding-top:80px;padding-right:var(--wp--preset--spacing--50);padding-bottom:100px;padding-left:var(--wp--preset--spacing--50)"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"left","level":1,"style":{"typography":{"fontSize":"32px","fontStyle":"normal","fontWeight":"600","lineHeight":"1.5"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary"} -->
<h1 class="wp-block-heading has-text-align-left has-secondary-color has-text-color has-link-color" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--30);font-size:32px;font-style:normal;font-weight:600;line-height:1.5"><?php echo esc_html__( 'Our Teams', 'solargrove' ); ?></h1>
<!-- /wp:heading --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast"} -->
<p class="has-contrast-color has-text-color has-link-color"><?php echo esc_html__( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'solargrove' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foregound-alt","textColor":"base-2","className":"is-style-button-hover-secondary-bgcolor","style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}}} -->
<div class="wp-block-button is-style-button-hover-secondary-bgcolor"><a class="wp-block-button__link has-base-2-color has-foregound-alt-background-color has-text-color has-background has-link-color wp-element-button"><?php echo esc_html__( 'Meet All Members', 'solargrove' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"},"blockGap":{"top":"2rem","left":"2rem"}}}} -->
<div class="wp-block-columns" style="margin-top:var(--wp--preset--spacing--70)"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|20"}},"backgroundColor":"base-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:image {"id":273,"width":"150px","aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"50%"}}} -->
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/team.jpg" alt="" class="wp-image-273" style="border-radius:50%;aspect-ratio:1;object-fit:cover;width:150px"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"}}}} -->
<h4 class="wp-block-heading has-text-align-center" style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0;font-style:normal;font-weight:500"><?php echo esc_html__( 'John Doe', 'solargrove' ); ?></h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"center","level":6,"style":{"color":{"text":"#7d7d7d"},"typography":{"fontStyle":"normal","fontWeight":"300"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
<h6 class="wp-block-heading has-text-align-center has-text-color has-small-font-size" style="color:#7d7d7d;margin-top:0;margin-bottom:0;font-style:normal;font-weight:300"><?php echo esc_html__( 'Software Engineer', 'solargrove' ); ?></h6>
<!-- /wp:heading -->
<!-- wp:social-links {"iconColor":"heading-color","iconColorValue":"#25133F","iconBackgroundColor":"background-alt","iconBackgroundColorValue":"#FBF9FE","align":"center"} -->
<ul class="wp-block-social-links aligncenter has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
<!-- wp:social-link {"url":"#","service":"instagram"} /-->
<!-- wp:social-link {"url":"#","service":"github"} /--></ul>
<!-- /wp:social-links -->
<!-- wp:paragraph {"align":"center","textColor":"sub-heading-color","fontSize":"small"} -->
<p class="has-text-align-center has-sub-heading-color-color has-text-color has-small-font-size"><?php echo esc_html__( 'The placeholder text, beginning with the line Lorem ipsum dolor sit amet, consectetur adipiscing elit.', 'solargrove' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|20"}},"backgroundColor":"base-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:image {"id":274,"width":"150px","aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"50%"}}} -->
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/team.jpg" alt="" class="wp-image-274" style="border-radius:50%;aspect-ratio:1;object-fit:cover;width:150px"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"}}}} -->
<h4 class="wp-block-heading has-text-align-center" style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0;font-style:normal;font-weight:500"><?php echo esc_html__( 'John Doe', 'solargrove' ); ?></h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"center","level":6,"style":{"color":{"text":"#7d7d7d"},"typography":{"fontStyle":"normal","fontWeight":"300"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
<h6 class="wp-block-heading has-text-align-center has-text-color has-small-font-size" style="color:#7d7d7d;margin-top:0;margin-bottom:0;font-style:normal;font-weight:300"><?php echo esc_html__( 'Software Engineer', 'solargrove' ); ?></h6>
<!-- /wp:heading -->
<!-- wp:social-links {"iconColor":"heading-color","iconColorValue":"#25133F","iconBackgroundColor":"background-alt","iconBackgroundColorValue":"#FBF9FE","align":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20","left":"var:preset|spacing|20"},"margin":{"top":"var:preset|spacing|10","bottom":"var:preset|spacing|10"}}}} -->
<ul class="wp-block-social-links aligncenter has-icon-color has-icon-background-color" style="margin-top:var(--wp--preset--spacing--10);margin-bottom:var(--wp--preset--spacing--10)"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
<!-- wp:social-link {"url":"#","service":"instagram"} /-->
<!-- wp:social-link {"url":"#","service":"github"} /--></ul>
<!-- /wp:social-links -->
<!-- wp:paragraph {"align":"center","textColor":"sub-heading-color","fontSize":"small"} -->
<p class="has-text-align-center has-sub-heading-color-color has-text-color has-small-font-size"><?php echo esc_html__( 'The placeholder text, beginning with the line Lorem ipsum dolor sit amet, consectetur adipiscing elit.', 'solargrove' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|20"}},"backgroundColor":"base-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:image {"id":273,"width":"150px","aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"50%"}}} -->
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/team.jpg" alt="" class="wp-image-273" style="border-radius:50%;aspect-ratio:1;object-fit:cover;width:150px"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"}}}} -->
<h4 class="wp-block-heading has-text-align-center" style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0;font-style:normal;font-weight:500"><?php echo esc_html__( 'John Doe', 'solargrove' ); ?></h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"center","level":6,"style":{"color":{"text":"#7d7d7d"},"typography":{"fontStyle":"normal","fontWeight":"300"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
<h6 class="wp-block-heading has-text-align-center has-text-color has-small-font-size" style="color:#7d7d7d;margin-top:0;margin-bottom:0;font-style:normal;font-weight:300"><?php echo esc_html__( 'Software Engineer', 'solargrove' ); ?></h6>
<!-- /wp:heading -->
<!-- wp:social-links {"iconColor":"heading-color","iconColorValue":"#25133F","iconBackgroundColor":"background-alt","iconBackgroundColorValue":"#FBF9FE","align":"center"} -->
<ul class="wp-block-social-links aligncenter has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
<!-- wp:social-link {"url":"#","service":"instagram"} /-->
<!-- wp:social-link {"url":"#","service":"github"} /--></ul>
<!-- /wp:social-links -->
<!-- wp:paragraph {"align":"center","textColor":"sub-heading-color","fontSize":"small"} -->
<p class="has-text-align-center has-sub-heading-color-color has-text-color has-small-font-size"><?php echo esc_html__( 'The placeholder text, beginning with the line Lorem ipsum dolor sit amet, consectetur adipiscing elit.', 'solargrove' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"},"blockGap":{"top":"2rem","left":"2rem"}}}} -->
<div class="wp-block-columns" style="margin-top:var(--wp--preset--spacing--20)"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|20"}},"backgroundColor":"base-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:image {"id":274,"width":"150px","aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"50%"}}} -->
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/team.jpg" alt="" class="wp-image-274" style="border-radius:50%;aspect-ratio:1;object-fit:cover;width:150px"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"}}}} -->
<h4 class="wp-block-heading has-text-align-center" style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0;font-style:normal;font-weight:500"><?php echo esc_html__( 'John Doe', 'solargrove' ); ?></h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"center","level":6,"style":{"color":{"text":"#7d7d7d"},"typography":{"fontStyle":"normal","fontWeight":"300"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
<h6 class="wp-block-heading has-text-align-center has-text-color has-small-font-size" style="color:#7d7d7d;margin-top:0;margin-bottom:0;font-style:normal;font-weight:300"><?php echo esc_html__( 'Software Engineer', 'solargrove' ); ?></h6>
<!-- /wp:heading -->
<!-- wp:social-links {"iconColor":"heading-color","iconColorValue":"#25133F","iconBackgroundColor":"background-alt","iconBackgroundColorValue":"#FBF9FE","align":"center"} -->
<ul class="wp-block-social-links aligncenter has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
<!-- wp:social-link {"url":"#","service":"instagram"} /-->
<!-- wp:social-link {"url":"#","service":"github"} /--></ul>
<!-- /wp:social-links -->
<!-- wp:paragraph {"align":"center","textColor":"sub-heading-color","fontSize":"small"} -->
<p class="has-text-align-center has-sub-heading-color-color has-text-color has-small-font-size"><?php echo esc_html__( 'The placeholder text, beginning with the line Lorem ipsum dolor sit amet, consectetur adipiscing elit.', 'solargrove' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|20"}},"backgroundColor":"base-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:image {"id":273,"width":"150px","aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"50%"}}} -->
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/team.jpg" alt="" class="wp-image-273" style="border-radius:50%;aspect-ratio:1;object-fit:cover;width:150px"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"}}}} -->
<h4 class="wp-block-heading has-text-align-center" style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0;font-style:normal;font-weight:500"><?php echo esc_html__( 'John Doe', 'solargrove' ); ?></h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"center","level":6,"style":{"color":{"text":"#7d7d7d"},"typography":{"fontStyle":"normal","fontWeight":"300"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
<h6 class="wp-block-heading has-text-align-center has-text-color has-small-font-size" style="color:#7d7d7d;margin-top:0;margin-bottom:0;font-style:normal;font-weight:300"><?php echo esc_html__( 'Software Engineer', 'solargrove' ); ?></h6>
<!-- /wp:heading -->
<!-- wp:social-links {"iconColor":"heading-color","iconColorValue":"#25133F","iconBackgroundColor":"background-alt","iconBackgroundColorValue":"#FBF9FE","align":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20","left":"var:preset|spacing|20"},"margin":{"top":"var:preset|spacing|10","bottom":"var:preset|spacing|10"}}}} -->
<ul class="wp-block-social-links aligncenter has-icon-color has-icon-background-color" style="margin-top:var(--wp--preset--spacing--10);margin-bottom:var(--wp--preset--spacing--10)"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
<!-- wp:social-link {"url":"#","service":"instagram"} /-->
<!-- wp:social-link {"url":"#","service":"github"} /--></ul>
<!-- /wp:social-links -->
<!-- wp:paragraph {"align":"center","textColor":"sub-heading-color","fontSize":"small"} -->
<p class="has-text-align-center has-sub-heading-color-color has-text-color has-small-font-size"><?php echo esc_html__( 'The placeholder text, beginning with the line Lorem ipsum dolor sit amet, consectetur adipiscing elit.', 'solargrove' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|20"}},"backgroundColor":"base-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:image {"id":274,"width":"150px","aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"50%"}}} -->
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/team.jpg" alt="" class="wp-image-274" style="border-radius:50%;aspect-ratio:1;object-fit:cover;width:150px"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"}}}} -->
<h4 class="wp-block-heading has-text-align-center" style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0;font-style:normal;font-weight:500"><?php echo esc_html__( 'John Doe', 'solargrove' ); ?></h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"center","level":6,"style":{"color":{"text":"#7d7d7d"},"typography":{"fontStyle":"normal","fontWeight":"300"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
<h6 class="wp-block-heading has-text-align-center has-text-color has-small-font-size" style="color:#7d7d7d;margin-top:0;margin-bottom:0;font-style:normal;font-weight:300"><?php echo esc_html__( 'Software Engineer', 'solargrove' ); ?></h6>
<!-- /wp:heading -->
<!-- wp:social-links {"iconColor":"heading-color","iconColorValue":"#25133F","iconBackgroundColor":"background-alt","iconBackgroundColorValue":"#FBF9FE","align":"center"} -->
<ul class="wp-block-social-links aligncenter has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
<!-- wp:social-link {"url":"#","service":"instagram"} /-->
<!-- wp:social-link {"url":"#","service":"github"} /--></ul>
<!-- /wp:social-links -->
<!-- wp:paragraph {"align":"center","textColor":"sub-heading-color","fontSize":"small"} -->
<p class="has-text-align-center has-sub-heading-color-color has-text-color has-small-font-size"><?php echo esc_html__( 'The placeholder text, beginning with the line Lorem ipsum dolor sit amet, consectetur adipiscing elit.', 'solargrove' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->