Discover new product and best possibilities

Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.

28 November 2021

Join us at FlowBite 2021 to understand what’s next as the global tech and startup ecosystem, rethinks the future of everything.

Conference

25+ top notch speakers

Here you will find keynote speakers, who all are able to talk about Recruiting. Click on the individual keynote speakers and read more about them and their keynotes.

View list

<?php
/**
 * Title: Cover image with CTAs
 * Slug: cover-image-with-ctas
 * Block types: core/post-content
 * Categories: featured
 */
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Cover image with CTAs"},"align":"full","className":"cover-image-with-ctas","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull cover-image-with-ctas"><!-- wp:group {"align":"full","className":"cover-image-with-ctas__container","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull cover-image-with-ctas__container"><!-- wp:columns {"align":"full","className":"cover-image-with-ctas__content-column"} -->
<div class="wp-block-columns alignfull cover-image-with-ctas__content-column"><!-- wp:column {"className":"cover-image-with-ctas__content-column"} -->
<div class="wp-block-column cover-image-with-ctas__content-column"><!-- wp:heading {"level":1,"className":"cover-image-with-ctas__heading"} -->
<h1 class="wp-block-heading cover-image-with-ctas__heading">Discover new product and best possibilities</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"cover-image-with-ctas__description"} -->
<p class="cover-image-with-ctas__description">Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.</p>
<!-- /wp:paragraph -->

<!-- wp:columns {"className":"cover-image-with-ctas__cards-container"} -->
<div class="wp-block-columns cover-image-with-ctas__cards-container"><!-- wp:column {"className":"cover-image-with-ctas__card"} -->
<div class="wp-block-column cover-image-with-ctas__card"><!-- wp:image {"sizeSlug":"large","className":"cover-image-with-ctas__card-icon"} -->
<figure class="wp-block-image size-large cover-image-with-ctas__card-icon"><img src="data:image/svg+xml, %3Csvg class='mb-3 w-7 h-7' fill='currentColor' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:heading {"className":"cover-image-with-ctas__card-title"} -->
<h2 class="wp-block-heading cover-image-with-ctas__card-title">28 November 2021</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"cover-image-with-ctas__card-text"} -->
<p class="cover-image-with-ctas__card-text">Join us at FlowBite 2021 to understand what’s next as the global tech and startup ecosystem, rethinks the future of everything.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"cover-image-with-ctas__button"} -->
<div class="wp-block-buttons cover-image-with-ctas__button"><!-- wp:button {"className":"cover-image-with-ctas__button-primary","icon":"arrow-right"} -->
<div class="wp-block-button cover-image-with-ctas__button-primary"><a class="wp-block-button__link wp-element-button">Conference</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"cover-image-with-ctas__card"} -->
<div class="wp-block-column cover-image-with-ctas__card"><!-- wp:image {"sizeSlug":"large","className":"cover-image-with-ctas__card-icon"} -->
<figure class="wp-block-image size-large cover-image-with-ctas__card-icon"><img src="data:image/svg+xml, %3Csvg class='mb-3 w-7 h-7' fill='currentColor' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M18 3a1 1 0 00-1.447-.894L8.763 6H5a3 3 0 000 6h.28l1.771 5.316A1 1 0 008 18h1a1 1 0 001-1v-4.382l6.553 3.276A1 1 0 0018 15V3z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:heading {"className":"cover-image-with-ctas__card-title"} -->
<h2 class="wp-block-heading cover-image-with-ctas__card-title">25+ top notch speakers</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"cover-image-with-ctas__card-text"} -->
<p class="cover-image-with-ctas__card-text">Here you will find keynote speakers, who all are able to talk about Recruiting. Click on the individual keynote speakers and read more about them and their keynotes.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"cover-image-with-ctas__button"} -->
<div class="wp-block-buttons cover-image-with-ctas__button"><!-- wp:button {"className":"cover-image-with-ctas__button-secondary"} -->
<div class="wp-block-button cover-image-with-ctas__button-secondary"><a class="wp-block-button__link wp-element-button"><img src="data:image/svg+xml,%3Csvg class='mr-2 -ml-1 w-5 h-5' fill='currentColor' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2a1 1 0 000 2h2a1 1 0 100-2H9z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' d='M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E" alt="">View list</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"cover-image-with-ctas__image-column"} -->
<div class="wp-block-column cover-image-with-ctas__image-column"><!-- wp:image {"sizeSlug":"large","className":"cover-image-with-ctas__image"} -->
<figure class="wp-block-image size-large cover-image-with-ctas__image"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/hero/conference-speaker.jpg" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

.cover-image-with-ctas {
    @apply overflow-hidden relative bg-white dark:bg-gray-900;
  
    .cover-image-with-ctas__container {
      @apply gap-8 py-8 px-4 mx-auto max-w-screen-xl lg:py-16 xl:grid xl:grid-cols-12;
  
      .cover-image-with-ctas__content-column {
        @apply col-span-8 mb-0;
  
        .cover-image-with-ctas__heading {
          @apply mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white;
        }
  
        .cover-image-with-ctas__description {
          @apply mb-6 font-light text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400;
        }
  
        .cover-image-with-ctas__cards-container {
          @apply gap-2 sm:gap-16 mb-0 items-center sm:flex;
  
          .cover-image-with-ctas__card {
            @apply mb-8 text-gray-500 sm:mb-0 dark:text-gray-400;
  
            .cover-image-with-ctas__card-icon {
              @apply mb-3 w-7 h-7;
              
              img {
                @apply text-gray-500 dark:text-gray-400;
                filter: opacity(0.6);
              }
            }
  
            .cover-image-with-ctas__card-title {
              @apply mb-3 text-xl font-semibold text-gray-900 dark:text-white;
            }
  
            .cover-image-with-ctas__card-text {
              @apply mb-4 font-light;
            }
  
            .cover-image-with-ctas__button {
              .cover-image-with-ctas__button-primary {
                .wp-block-button__link {
                  @apply text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800;
                }
              }
  
              .cover-image-with-ctas__button-secondary {
                .wp-block-button__link {
                  @apply text-gray-900 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700 inline-flex items-center;
                }
  
                .wp-block-button__link img {
                  @apply mr-2 -ml-1 w-5 h-5;
                }
  
              }
            }
          }
        }
      }
  
      .cover-image-with-ctas__image-column {
        @apply hidden absolute top-0 right-0 w-1/3 h-full xl:block;
  
        .cover-image-with-ctas__image {
          @apply object-cover w-full h-full;
        }
      }
    }
  }
  
  .dark .cover-image-with-ctas .cover-image-with-ctas__button-secondary .wp-block-button__link img {
    filter: brightness(10) invert(1);
  }