Our people make us great
You’ll interact with talented professionals, will be challenged to solve difficult problems and think in new and creative ways.
Robert Brown
CEO & Co-Founder
Leslie Livingston
CTO & Co-Founder
Joseph McFall
Front-end Developer
Helene Engels
Front-end Developer
Thom Belly
Front-end Developer
Bonnie Green
React Developer
Roberta Casas
VueJS Developer
Jese Leos
AWS Developer
Lana Byrd
Designer
Karen Nelson
Marketing & SEO
Neil Sims
Accountant
Thomas Lean
Marketing
Want to join the Flowbite team? We are growing our community
<?php
/**
* Title: Team grid cards and CTA
* Slug: team-grid-cards-and-cta
* Block types: core/post-content
* Categories: featured
*/
?>
<!-- wp:group {"metadata":{"name":"Team grid cards and cta"},"className":"team-grid-cards-and-cta","layout":{"type":"constrained"}} -->
<div class="wp-block-group team-grid-cards-and-cta"><!-- wp:group {"className":"content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group content-wrapper"><!-- wp:group {"className":"top-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group top-wrapper"><!-- wp:heading -->
<h2 class="wp-block-heading">Our people make us great</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>You'll interact with talented professionals, will be challenged to solve difficult problems and think in new and creative ways.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"grid-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group grid-wrapper"><!-- wp:group {"className":"card-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group card-wrapper"><!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-1.png" alt=""/></figure>
<!-- /wp:image -->
<!-- wp:group {"className":"text-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group text-wrapper"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Robert Brown</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>CEO & Co-Founder</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"card-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group card-wrapper"><!-- wp:image {"scale":"cover","sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-2.png" alt="" style="object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:group {"className":"text-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group text-wrapper"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Leslie Livingston</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>CTO & Co-Founder</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"card-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group card-wrapper"><!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-3.png" alt=""/></figure>
<!-- /wp:image -->
<!-- wp:group {"className":"text-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group text-wrapper"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Joseph McFall</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Front-end Developer</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"card-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group card-wrapper"><!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-4.png" alt=""/></figure>
<!-- /wp:image -->
<!-- wp:group {"className":"text-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group text-wrapper"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Helene Engels</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Front-end Developer</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"card-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group card-wrapper"><!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-5.png" alt=""/></figure>
<!-- /wp:image -->
<!-- wp:group {"className":"text-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group text-wrapper"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Thom Belly</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Front-end Developer</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"card-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group card-wrapper"><!-- wp:image {"scale":"cover","sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-6.png" alt="" style="object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:group {"className":"text-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group text-wrapper"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Bonnie Green</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>React Developer</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"card-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group card-wrapper"><!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-7.png" alt=""/></figure>
<!-- /wp:image -->
<!-- wp:group {"className":"text-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group text-wrapper"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Roberta Casas</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>VueJS Developer</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"card-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group card-wrapper"><!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-8.png" alt=""/></figure>
<!-- /wp:image -->
<!-- wp:group {"className":"text-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group text-wrapper"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Jese Leos</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>AWS Developer</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"card-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group card-wrapper"><!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-9.png" alt=""/></figure>
<!-- /wp:image -->
<!-- wp:group {"className":"text-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group text-wrapper"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Lana Byrd</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Designer</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"card-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group card-wrapper"><!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-10.png" alt=""/></figure>
<!-- /wp:image -->
<!-- wp:group {"className":"text-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group text-wrapper"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Karen Nelson</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Marketing & SEO</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"card-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group card-wrapper"><!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-11.png" alt=""/></figure>
<!-- /wp:image -->
<!-- wp:group {"className":"text-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group text-wrapper"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Neil Sims</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Accountant</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"card-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group card-wrapper"><!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-12.png" alt=""/></figure>
<!-- /wp:image -->
<!-- wp:group {"className":"text-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group text-wrapper"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Thomas Lean</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Marketing</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"bottom-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group bottom-wrapper"><!-- wp:group {"className":"cta-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group cta-wrapper"><!-- wp:group {"className":"cta","layout":{"type":"constrained"}} -->
<div class="wp-block-group cta"><!-- wp:group {"className":"icon-text","layout":{"type":"default"}} -->
<div class="wp-block-group icon-text"><!-- wp:html -->
<svg aria-hidden="true" class="hidden w-5 h-5 text-gray-800 dark:text-gray-400 md:block shrink-0"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path
d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z" />
</svg>
<!-- /wp:html -->
<!-- wp:paragraph -->
<p><strong>Want to join the Flowbite team?</strong> We are growing our community</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline","icon":"arrow-right"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#">Join our team</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
.team-grid-cards-and-cta {
.top-wrapper {
@apply max-w-3xl mx-auto text-center;
.wp-block-heading {
@apply text-3xl font-extrabold leading-tight tracking-tight text-gray-900 sm:text-4xl dark:text-white;
}
p {
@apply mt-4 text-base font-normal text-gray-500 sm:text-xl dark:text-gray-400;
}
}
.grid-wrapper {
@apply grid grid-cols-1 gap-4 mt-8 lg:mt-16 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4;
.card-wrapper {
@apply relative overflow-hidden rounded-lg max-w-[28.125rem] h-[20rem] sm:h-[23.125rem] w-full;
figure {
img {
@apply object-cover object-center w-full max-h-[20rem] sm:max-h-[23.125rem] h-auto sm:h-[23.125rem] scale-100 ease-in duration-300;
}
}
&:hover {
img {
@apply scale-125;
}
}
.text-wrapper {
@apply absolute inset-0 grid items-end justify-center p-4 bg-gradient-to-b from-transparent to-black/60;
&>div {
@apply text-center;
p {
@apply text-xl font-bold text-white m-0;
&:last-of-type {
@apply text-base font-medium text-gray-300;
}
}
}
}
}
}
.bottom-wrapper {
.cta-wrapper {
@apply max-w-3xl p-4 mx-auto mt-8 rounded-md lg:mt-16 bg-gray-50 dark:bg-gray-800;
.cta {
@apply flex flex-col justify-between gap-3 md:gap-6 md:items-center md:flex-row;
svg {
@apply hidden w-5 h-5 text-gray-800 dark:text-gray-400 md:block shrink-0;
}
.icon-text {
@apply flex gap-1 justify-start items-center;
p {
@apply m-0 text-base font-normal text-gray-700 dark:text-gray-400;
}
}
iframe {
@apply inline-block w-5 h-8;
}
.wp-block-buttons {
@apply !m-0;
a {
@apply border-0 p-0;
@apply inline-flex items-center font-medium text-primary-600 hover:text-primary-800 dark:text-primary-500 dark:hover:text-primary-700;
svg {
@apply block w-5 h-5 text-primary-600 dark:text-gray-400 shrink-0;
}
}
}
}
}
}
}