Building digital products & brands
Here at flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.
Instant signup. No credit card required. Terms of Service and Privacy Policy.
<?php
/**
* Title: Illustration with email sign-up
* Slug: illustration-with-email-sign-up
* Block types: core/post-content
* Categories: featured
*/
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Illustration with email sign-up"},"align":"full","className":"illustration-with-email-sign-up","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull illustration-with-email-sign-up"><!-- wp:columns {"align":"full","className":"illustration-with-email-sign-up__columns"} -->
<div class="wp-block-columns alignfull illustration-with-email-sign-up__columns"><!-- wp:column {"className":"illustration-with-email-sign-up__content-column"} -->
<div class="wp-block-column illustration-with-email-sign-up__content-column"><!-- wp:heading {"level":1,"className":"illustration-with-email-sign-up__heading"} -->
<h1 class="wp-block-heading illustration-with-email-sign-up__heading">Building digital products & brands</h1>
<!-- /wp:heading -->
<!-- wp:paragraph {"className":"illustration-with-email-sign-up__description"} -->
<p class="illustration-with-email-sign-up__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 {"className":"illustration-with-email-sign-up__form","layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group illustration-with-email-sign-up__form"><!-- wp:paragraph {"className":"illustration-with-email-sign-up__form-info"} -->
<p class="illustration-with-email-sign-up__form-info">Instant signup. No credit card required. <a href="#">Terms of Service</a> and <a href="#">Privacy Policy</a>.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"className":"illustration-with-email-sign-up__image-column"} -->
<div class="wp-block-column illustration-with-email-sign-up__image-column"><!-- wp:image {"sizeSlug":"large","className":"illustration-with-email-sign-up__image"} -->
<figure class="wp-block-image size-large illustration-with-email-sign-up__image"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/hero/mobile-app.svg" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></section>
<!-- /wp:group -->
.illustration-with-email-sign-up {
@apply bg-white dark:bg-gray-900;
.illustration-with-email-sign-up__columns {
@apply grid max-w-screen-xl px-4 py-8 mx-auto lg:gap-12 xl:gap-0 lg:py-16 md:grid-cols-12;
.illustration-with-email-sign-up__content-column {
@apply mr-auto place-self-center md:col-span-7 xl:col-span-8;
.illustration-with-email-sign-up__heading {
@apply max-w-2xl mb-4 text-4xl font-extrabold tracking-tight leading-none md:text-5xl xl:text-6xl dark:text-white;
}
.illustration-with-email-sign-up__description {
@apply max-w-2xl mb-6 font-light text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400;
}
}
.illustration-with-email-sign-up__form {
@apply text-sm text-left text-gray-500 dark:text-gray-300;
a{
@apply text-primary-600 hover:underline dark:text-primary-500;
}
}
.illustration-with-email-sign-up__image-column {
@apply hidden lg:mt-0 md:col-span-5 xl:col-span-4 md:flex;
.illustration-with-email-sign-up__image {
@apply w-full;
}
}
}
}