We invest in the world’s potential

The need for energy is universal. That’s why Flowbite scientists and engineers are pioneering new research and pursuing new technologies to reduce emissions while creating more efficient fuels. We’re committed to responsibly meeting the world’s energy needs.

Learn more about the plan

Fourth quarter 2021

We announced fourth quarter 2021 results

Zero emissions

Flowbite aims to achieve net-zero emissions

New York

Plans for net zero emissions in New York

2022 plans

Investing in the future of Africa

<?php
/**
 * Title: Background cover image with CTAs
 * Slug: background-cover-image-with-ctas
 * Block types: core/post-content
 * Categories: featured
 */
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Background cover image with CTAs","categories":["featured"],"patternName":"wlc/background-cover-image-with-ctas"},"align":"full","className":"background-cover-image-with-ctas","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull background-cover-image-with-ctas"><!-- wp:cover {"url":"https://blocks-library.devel8.wlc.team/app/uploads/2025/04/coast-house-view-scaled.jpg","id":363,"dimRatio":70,"overlayColor":"grey-900","isUserOverlayColor":true,"align":"full","className":"background-cover-image-with-ctas__cover","style":{"color":[]},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull background-cover-image-with-ctas__cover"><span aria-hidden="true" class="wp-block-cover__background has-grey-900-background-color has-background-dim-70 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-363" alt="" src="https://blocks-library.devel8.wlc.team/app/uploads/2025/04/coast-house-view-scaled.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"full","className":"background-cover-image-with-ctas__container","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull background-cover-image-with-ctas__container"><!-- wp:group {"className":"background-cover-image-with-ctas__content","layout":{"type":"default"}} -->
<div class="wp-block-group background-cover-image-with-ctas__content"><!-- wp:heading {"level":1,"className":"background-cover-image-with-ctas__heading"} -->
<h1 class="wp-block-heading background-cover-image-with-ctas__heading">We invest in the world’s potential</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"background-cover-image-with-ctas__description"} -->
<p class="background-cover-image-with-ctas__description">The need for energy is universal. That's why Flowbite scientists and engineers are pioneering new research and pursuing new technologies to reduce emissions while creating more efficient fuels. We're committed to responsibly meeting the world's energy needs.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"background-cover-image-with-ctas__buttons"} -->
<div class="wp-block-buttons background-cover-image-with-ctas__buttons"><!-- wp:button {"className":"background-cover-image-with-ctas__button","icon":"arrow-right"} -->
<div class="wp-block-button background-cover-image-with-ctas__button"><a class="wp-block-button__link wp-element-button"> Learn more about the plan</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"background-cover-image-with-ctas__items","layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group background-cover-image-with-ctas__items"><!-- wp:group {"className":"background-cover-image-with-ctas__item","layout":{"type":"constrained"}} -->
<div class="wp-block-group background-cover-image-with-ctas__item"><!-- wp:heading {"className":"background-cover-image-with-ctas__item-heading"} -->
<h2 class="wp-block-heading background-cover-image-with-ctas__item-heading">Fourth quarter 2021</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"background-cover-image-with-ctas__item-description"} -->
<p class="background-cover-image-with-ctas__item-description">We announced fourth quarter 2021 results</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"background-cover-image-with-ctas__item-buttons"} -->
<div class="wp-block-buttons background-cover-image-with-ctas__item-buttons"><!-- wp:button {"className":"background-cover-image-with-ctas__item-button is-style-outline","icon":"arrow-right"} -->
<div class="wp-block-button background-cover-image-with-ctas__item-button is-style-outline"><a class="wp-block-button__link wp-element-button">Read more</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"background-cover-image-with-ctas__item","layout":{"type":"constrained"}} -->
<div class="wp-block-group background-cover-image-with-ctas__item"><!-- wp:heading {"className":"background-cover-image-with-ctas__item-heading"} -->
<h2 class="wp-block-heading background-cover-image-with-ctas__item-heading">Zero emissions</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"background-cover-image-with-ctas__item-description"} -->
<p class="background-cover-image-with-ctas__item-description">Flowbite aims to achieve net-zero emissions</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"background-cover-image-with-ctas__item-buttons"} -->
<div class="wp-block-buttons background-cover-image-with-ctas__item-buttons"><!-- wp:button {"className":"background-cover-image-with-ctas__item-button is-style-outline","icon":"arrow-right"} -->
<div class="wp-block-button background-cover-image-with-ctas__item-button is-style-outline"><a class="wp-block-button__link wp-element-button">Read more</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"background-cover-image-with-ctas__item","layout":{"type":"constrained"}} -->
<div class="wp-block-group background-cover-image-with-ctas__item"><!-- wp:heading {"className":"background-cover-image-with-ctas__item-heading"} -->
<h2 class="wp-block-heading background-cover-image-with-ctas__item-heading">New York</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"background-cover-image-with-ctas__item-description"} -->
<p class="background-cover-image-with-ctas__item-description">Plans for net zero emissions in New York</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"background-cover-image-with-ctas__item-buttons"} -->
<div class="wp-block-buttons background-cover-image-with-ctas__item-buttons"><!-- wp:button {"className":"background-cover-image-with-ctas__item-button is-style-outline","icon":"arrow-right"} -->
<div class="wp-block-button background-cover-image-with-ctas__item-button is-style-outline"><a class="wp-block-button__link wp-element-button">Read more</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"background-cover-image-with-ctas__item","layout":{"type":"constrained"}} -->
<div class="wp-block-group background-cover-image-with-ctas__item"><!-- wp:heading {"className":"background-cover-image-with-ctas__item-heading"} -->
<h2 class="wp-block-heading background-cover-image-with-ctas__item-heading">2022 plans</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"background-cover-image-with-ctas__item-description"} -->
<p class="background-cover-image-with-ctas__item-description">Investing in the future of Africa</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"background-cover-image-with-ctas__item-buttons"} -->
<div class="wp-block-buttons background-cover-image-with-ctas__item-buttons"><!-- wp:button {"className":"background-cover-image-with-ctas__item-button is-style-outline","icon":"arrow-right"} -->
<div class="wp-block-button background-cover-image-with-ctas__item-button is-style-outline"><a class="wp-block-button__link wp-element-button">Read more</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></section>
<!-- /wp:group -->

.background-cover-image-with-ctas {
  @apply bg-no-repeat bg-cover bg-center bg-blend-multiply;
   
    .background-cover-image-with-ctas__cover {
      @apply px-0;
      
      .wp-block-cover__image-background {
        @apply bg-no-repeat bg-cover bg-center bg-blend-multiply;
        filter: brightness(0.6) contrast(1.2);
      }
    }
    
    .background-cover-image-with-ctas__container {
      @apply relative py-8 px-4 lg:py-16 mx-auto text-white z-10;
  
      .background-cover-image-with-ctas__content {
        @apply mb-6 lg:mb-0 mx-0;
  
        .background-cover-image-with-ctas__heading {
          @apply mb-4 text-4xl text-white font-extrabold tracking-tight leading-none md:text-5xl lg:text-6xl;
        }
  
        .background-cover-image-with-ctas__description {
          @apply mb-6 font-light text-gray-400 lg:mb-8 md:text-lg lg:text-xl;
        }
  
        .background-cover-image-with-ctas__buttons {
          .background-cover-image-with-ctas__button {
            a {
              @apply inline-flex items-center py-3 px-5 font-medium text-center text-white rounded-lg bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-900 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800;
            }
          }
        }
      }
  
      .background-cover-image-with-ctas__items {
        @apply grid gap-8 pt-8 lg:pt-12 mt-8 lg:mt-12 border-t border-gray-600 sm:grid-cols-2 lg:grid-cols-4;
        
        .background-cover-image-with-ctas__item {
          .background-cover-image-with-ctas__item-heading {
            @apply mb-1 text-lg font-bold text-white;
          }
          
          .background-cover-image-with-ctas__item-description {
            @apply mb-1 text-sm text-gray-400;
          }
          
          .background-cover-image-with-ctas__item-buttons {
            .background-cover-image-with-ctas__item-button {
              a {
                @apply inline-flex items-center text-sm font-semibold text-primary-500 hover:underline border-none pl-0;
              }
            }
          }
        }
      }
    }
  }