Copy Code
<?php
/**
* Title: Email sign-up with video
* Slug: email-sign-up-with-video
* Block types: core/post-content
* Categories: featured
*/
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Email sign-up with video"},"align":"full","className":"email-sign-up-with-video","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull email-sign-up-with-video"><!-- wp:group {"className":"email-sign-up-with-video__container","layout":{"type":"constrained"}} -->
<div class="wp-block-group email-sign-up-with-video__container"><!-- wp:columns {"align":"full","className":"email-sign-up-with-video__columns"} -->
<div class="wp-block-columns alignfull email-sign-up-with-video__columns"><!-- wp:column {"className":"email-sign-up-with-video__content-column","layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-column email-sign-up-with-video__content-column"><!-- wp:heading {"textAlign":"left","level":1,"className":"email-sign-up-with-video__title"} -->
<h1 class="wp-block-heading has-text-align-left email-sign-up-with-video__title">We invest in the world’s potential</h1>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"left","className":"email-sign-up-with-video__description"} -->
<p class="has-text-align-left email-sign-up-with-video__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:group {"align":"full","className":"email-sign-up-with-video__content-info","layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group alignfull email-sign-up-with-video__content-info"><!-- wp:group {"align":"full","className":"email-sign-up-with-video__content-reviews","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group alignfull email-sign-up-with-video__content-reviews"><!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="data:image/svg+xml, %3Csvg class='mr-2 w-4 h-4' fill='currentColor' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z'%3E%3C/path%3E%3C/svg%3E" alt=""/></figure>
<!-- /wp:image -->
<!-- wp:paragraph -->
<p> <span>1,456+</span> Reviews</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"email-sign-up-with-video__content-card","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group email-sign-up-with-video__content-card"><!-- wp:image {"scale":"cover","sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="data:image/svg+xml, %3Csvg class='mr-2 w-4 h-4' fill='currentColor' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' d='M18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E" alt="" style="object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:paragraph -->
<p>No Credit Card Required</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"className":"email-sign-up-with-video__video-column"} -->
<div class="wp-block-column email-sign-up-with-video__video-column"><!-- wp:embed {"url":"https://www.youtube.com/embed/4bnJG2UDr9A","type":"rich","providerNameSlug":"embed-handler","responsive":true,"className":"email-sign-up-with-video__video wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<figure class="wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler email-sign-up-with-video__video wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
https://www.youtube.com/embed/4bnJG2UDr9A
</div></figure>
<!-- /wp:embed --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:group {"className":"email-sign-up-with-video__brands","layout":{"type":"constrained"}} -->
<div class="wp-block-group email-sign-up-with-video__brands"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom","className":"email-sign-up-with-video__brand"} -->
<figure class="wp-block-image size-large email-sign-up-with-video__brand"><a href="#"><img src="https://fakeimg.pl/200x40/cccccc/787474?text=ICON&font_size=24" alt=""/></a></figure>
<!-- /wp:image -->
<!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom","className":"email-sign-up-with-video__brand"} -->
<figure class="wp-block-image size-large email-sign-up-with-video__brand"><a href="#"><img src="https://fakeimg.pl/200x40/cccccc/787474?text=ICON&font_size=24" alt=""/></a></figure>
<!-- /wp:image -->
<!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom","className":"email-sign-up-with-video__brand"} -->
<figure class="wp-block-image size-large email-sign-up-with-video__brand"><a href="#"><img src="https://fakeimg.pl/200x40/cccccc/787474?text=ICON&font_size=24" alt=""/></a></figure>
<!-- /wp:image -->
<!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom","className":"email-sign-up-with-video__brand"} -->
<figure class="wp-block-image size-large email-sign-up-with-video__brand"><a href="#"><img src="https://fakeimg.pl/200x40/cccccc/787474?text=ICON&font_size=24" alt=""/></a></figure>
<!-- /wp:image -->
<!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom","className":"email-sign-up-with-video__brand"} -->
<figure class="wp-block-image size-large email-sign-up-with-video__brand"><a href="#"><img src="https://fakeimg.pl/200x40/cccccc/787474?text=ICON&font_size=24" alt=""/></a></figure>
<!-- /wp:image -->
<!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom","className":"email-sign-up-with-video__brand"} -->
<figure class="wp-block-image size-large email-sign-up-with-video__brand"><a href="#"><img src="https://fakeimg.pl/200x40/cccccc/787474?text=ICON&font_size=24" alt=""/></a></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->
Copy Code
.email-sign-up-with-video {
@apply bg-white dark:bg-gray-900;
.email-sign-up-with-video__container {
@apply py-8 px-4 mx-auto max-w-screen-xl lg:py-16;
.email-sign-up-with-video__columns {
@apply grid gap-8 items-center mb-8 lg:mb-24 lg:gap-12 md:grid-cols-12;
.email-sign-up-with-video__content-column {
@apply col-span-6 text-center sm:mb-6 lg:text-left lg:mb-0 w-full;
.email-sign-up-with-video__title {
@apply mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl xl:text-6xl dark:text-white;
}
.email-sign-up-with-video__description {
@apply mb-6 ml-0 max-w-xl font-light text-gray-500 lg:mx-0 xl:mb-8 md:text-lg xl:text-xl dark:text-gray-400;
}
.email-sign-up-with-video__content-info {
@apply flex items-center text-sm text-gray-900 dark:text-white;
p{
@apply mb-0;
}
img {
@apply w-4 h-4 mr-2 dark:filter dark:invert;
}
}
.email-sign-up-with-video__content-reviews {
@apply flex items-center pr-5 mx-0 text-sm font-light text-gray-500 dark:text-gray-400;
}
.email-sign-up-with-video__content-reviews span {
@apply mr-2 font-normal text-gray-900 dark:text-white;
}
.email-sign-up-with-video__content-card {
@apply flex items-center pl-5 text-sm text-gray-900 dark:text-white;
}
}
.email-sign-up-with-video__video-column {
@apply col-span-6;
.email-sign-up-with-video__video div {
@apply mx-auto w-full max-w-3xl h-64 rounded-lg sm:h-96;
}
}
}
.email-sign-up-with-video__brands {
@apply grid grid-cols-2 gap-8 mx-auto max-w-screen-xl text-gray-500 sm:gap-12 md:grid-cols-3 lg:grid-cols-6 dark:text-gray-400;
.email-sign-up-with-video__brand {
@apply flex justify-center;
a {
@apply inline-block hover:text-gray-900 dark:hover:text-white;
}
img {
@apply mx-auto;
transition: all 0.3s ease;
opacity: 0.6;
}
a:hover img {
opacity: 1;
}
}
}
}
}
.dark .email-sign-up-with-video__brand img {
filter: invert(0.7) brightness(1.2);
opacity: 0.7;
}
.dark .email-sign-up-with-video__brand a:hover img {
filter: invert(0.6) brightness(1);
opacity: 0.9;
}