Designed for business teams
Deliver great service experiences fast – without the complexity of traditional ITSM solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease.
Private repos
Host code that you don’t want to share with the world in private GitHub repos only accessible to you and people you share them with.
Dependency graph
See the packages your project depends on, the repositories that depend on them, and any vulnerabilities detected.
Code scanning
Find vulnerabilities in custom code using static analysis. Prevent new vulnerabilities from being introduced by scanning every pull request.
Deliver great service experiences fast – without the complexity of traditional ITSM solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease.
<?php
/**
* Title: Image with feature list and CTAs
* Slug: wlc/image-with-feature-list-and-ctas
* Block types: core/post-content
* Categories: featured
*/
?>
<!-- wp:group {"tagName":"section","metadata":{"categories":["featured"],"patternName":"wlc/image-with-feature-list-and-ctas","name":"Image with feature list and CTAs"},"align":"full","className":"image-with-feature-list-and-ctas","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull image-with-feature-list-and-ctas"><!-- wp:group {"className":"image-with-feature-list-and-ctas__wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group image-with-feature-list-and-ctas__wrapper"><!-- wp:image {"sizeSlug":"large","className":"image-with-feature-list-and-ctas__image"} -->
<figure class="wp-block-image size-large image-with-feature-list-and-ctas__image"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/features/feature-office-long.png" alt=""/></figure>
<!-- /wp:image -->
<!-- wp:group {"className":"image-with-feature-list-and-ctas__content","layout":{"type":"constrained"}} -->
<div class="wp-block-group image-with-feature-list-and-ctas__content"><!-- wp:heading {"className":"image-with-feature-list-and-ctas__heading"} -->
<h2 class="wp-block-heading image-with-feature-list-and-ctas__heading">Designed for business teams</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"className":"image-with-feature-list-and-ctas__description"} -->
<p class="image-with-feature-list-and-ctas__description">Deliver great service experiences fast - without the complexity of traditional ITSM solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease.</p>
<!-- /wp:paragraph -->
<!-- wp:group {"className":"image-with-feature-list-and-ctas__content-wrapper","layout":{"type":"default"}} -->
<div class="wp-block-group image-with-feature-list-and-ctas__content-wrapper"><!-- wp:group {"className":"image-with-feature-list-and-ctas__content-box","layout":{"type":"default"}} -->
<div class="wp-block-group image-with-feature-list-and-ctas__content-box"><!-- wp:group {"className":"image-with-feature-list-and-ctas__content-svg","layout":{"type":"constrained"}} -->
<div class="wp-block-group image-with-feature-list-and-ctas__content-svg"><!-- wp:wlc/custom-svg {"svgContent":" \u003csvg class=\u0022text-primary-600 dark:text-primary-300\u0022 fill=\u0022currentColor\u0022 viewBox=\u00220 0 20 20\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022\u003e\u003cpath fill-rule=\u0022evenodd\u0022 d=\u0022M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z\u0022 clip-rule=\u0022evenodd\u0022\u003e\u003c/path\u003e\u003c/svg\u003e"} /--></div>
<!-- /wp:group -->
<!-- wp:group {"className":"image-with-feature-list-and-ctas__content-info","layout":{"type":"constrained"}} -->
<div class="wp-block-group image-with-feature-list-and-ctas__content-info"><!-- wp:heading {"level":3,"className":"image-with-feature-list-and-ctas__content-heading"} -->
<h3 class="wp-block-heading image-with-feature-list-and-ctas__content-heading">Private repos</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"className":"image-with-feature-list-and-ctas__content-description"} -->
<p class="image-with-feature-list-and-ctas__content-description">Host code that you don't want to share with the world in private GitHub repos only accessible to you and people you share them with.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons {"className":"image-with-feature-list-and-ctas__content-buttons"} -->
<div class="wp-block-buttons image-with-feature-list-and-ctas__content-buttons"><!-- wp:button {"className":"image-with-feature-list-and-ctas__content-button image-with-feature-list-and-ctas__content-button\u002d\u002dprimary","icon":"chevron-right"} -->
<div class="wp-block-button image-with-feature-list-and-ctas__content-button image-with-feature-list-and-ctas__content-button--primary"><a class="wp-block-button__link wp-element-button">Learn more</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"image-with-feature-list-and-ctas__content-box","layout":{"type":"default"}} -->
<div class="wp-block-group image-with-feature-list-and-ctas__content-box"><!-- wp:group {"className":"image-with-feature-list-and-ctas__content-svg","layout":{"type":"constrained"}} -->
<div class="wp-block-group image-with-feature-list-and-ctas__content-svg"><!-- wp:wlc/custom-svg {"svgContent":" \u003csvg class=\u0022text-purple-600 dark:text-purple-300\u0022 fill=\u0022currentColor\u0022 viewBox=\u00220 0 20 20\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022\u003e\u003cpath fill-rule=\u0022evenodd\u0022 d=\u0022M3 3a1 1 0 000 2v8a2 2 0 002 2h2.586l-1.293 1.293a1 1 0 101.414 1.414L10 15.414l2.293 2.293a1 1 0 001.414-1.414L12.414 15H15a2 2 0 002-2V5a1 1 0 100-2H3zm11.707 4.707a1 1 0 00-1.414-1.414L10 9.586 8.707 8.293a1 1 0 00-1.414 0l-2 2a1 1 0 101.414 1.414L8 10.414l1.293 1.293a1 1 0 001.414 0l4-4z\u0022 clip-rule=\u0022evenodd\u0022\u003e\u003c/path\u003e\u003c/svg\u003e"} /--></div>
<!-- /wp:group -->
<!-- wp:group {"className":"image-with-feature-list-and-ctas__content-info","layout":{"type":"constrained"}} -->
<div class="wp-block-group image-with-feature-list-and-ctas__content-info"><!-- wp:heading {"level":3,"className":"image-with-feature-list-and-ctas__content-heading"} -->
<h3 class="wp-block-heading image-with-feature-list-and-ctas__content-heading">Dependency graph</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"className":"image-with-feature-list-and-ctas__content-description"} -->
<p class="image-with-feature-list-and-ctas__content-description">See the packages your project depends on, the repositories that depend on them, and any vulnerabilities detected.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons {"className":"image-with-feature-list-and-ctas__content-buttons"} -->
<div class="wp-block-buttons image-with-feature-list-and-ctas__content-buttons"><!-- wp:button {"className":"image-with-feature-list-and-ctas__content-button image-with-feature-list-and-ctas__content-button\u002d\u002dsecondary","icon":"chevron-right"} -->
<div class="wp-block-button image-with-feature-list-and-ctas__content-button image-with-feature-list-and-ctas__content-button--secondary"><a class="wp-block-button__link wp-element-button">Learn more</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"image-with-feature-list-and-ctas__content-box","layout":{"type":"default"}} -->
<div class="wp-block-group image-with-feature-list-and-ctas__content-box"><!-- wp:group {"className":"image-with-feature-list-and-ctas__content-svg","layout":{"type":"constrained"}} -->
<div class="wp-block-group image-with-feature-list-and-ctas__content-svg"><!-- wp:wlc/custom-svg {"svgContent":" \u003csvg class=\u0022text-teal-600 dark;text-teal-300\u0022 fill=\u0022currentColor\u0022 viewBox=\u00220 0 20 20\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022\u003e\u003cpath fill-rule=\u0022evenodd\u0022 d=\u0022M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z\u0022 clip-rule=\u0022evenodd\u0022\u003e\u003c/path\u003e\u003c/svg\u003e"} /--></div>
<!-- /wp:group -->
<!-- wp:group {"className":"image-with-feature-list-and-ctas__content-info","layout":{"type":"constrained"}} -->
<div class="wp-block-group image-with-feature-list-and-ctas__content-info"><!-- wp:heading {"level":3,"className":"image-with-feature-list-and-ctas__content-heading"} -->
<h3 class="wp-block-heading image-with-feature-list-and-ctas__content-heading">Code scanning</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"className":"image-with-feature-list-and-ctas__content-description"} -->
<p class="image-with-feature-list-and-ctas__content-description">Find vulnerabilities in custom code using static analysis. Prevent new vulnerabilities from being introduced by scanning every pull request.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons {"className":"image-with-feature-list-and-ctas__content-buttons"} -->
<div class="wp-block-buttons image-with-feature-list-and-ctas__content-buttons"><!-- wp:button {"className":"image-with-feature-list-and-ctas__content-button image-with-feature-list-and-ctas__content-button\u002d\u002dtertiary","icon":"chevron-right"} -->
<div class="wp-block-button image-with-feature-list-and-ctas__content-button image-with-feature-list-and-ctas__content-button--tertiary"><a class="wp-block-button__link wp-element-button">Learn more</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"className":"image-with-feature-list-and-ctas__info-paragraph"} -->
<p class="image-with-feature-list-and-ctas__info-paragraph">Deliver great service experiences fast - without the complexity of traditional ITSM solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->
.image-with-feature-list-and-ctas {
@apply bg-white dark:bg-gray-900;
.image-with-feature-list-and-ctas__wrapper {
@apply gap-8 items-center py-8 px-4 mx-auto lg:grid lg:grid-cols-2 xl:gap-16 sm:py-16 lg:px-6;
.image-with-feature-list-and-ctas__image img {
@apply mb-4 w-full lg:mb-0 rounded-lg;
}
.image-with-feature-list-and-ctas__content {
@apply text-gray-500 dark:text-gray-400 sm:text-lg;
}
.image-with-feature-list-and-ctas__heading {
@apply mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white;
}
.image-with-feature-list-and-ctas__description {
@apply mb-8 font-light lg:text-xl;
}
.image-with-feature-list-and-ctas__content-wrapper {
@apply py-8 mb-6 border-t border-b border-gray-200 dark:border-gray-700;
}
.image-with-feature-list-and-ctas__content-box {
@apply flex;
}
.image-with-feature-list-and-ctas__content-box:not(:first-child) {
@apply pt-8;
}
.image-with-feature-list-and-ctas__content-svg {
@apply flex justify-center items-center mr-4 w-8 h-8 rounded-full bg-primary-100 dark:bg-primary-900 shrink-0;
svg {
@apply w-5 h-5;
}
}
.image-with-feature-list-and-ctas__content-heading {
@apply mb-2 text-xl font-bold text-gray-900 dark:text-white;
}
.image-with-feature-list-and-ctas__content-description {
@apply mb-2 font-light text-gray-500 dark:text-gray-400;
}
.image-with-feature-list-and-ctas__content-button {
@apply inline-flex items-center;
.wp-element-button {
@apply text-primary-600 hover:text-primary-800 dark:text-primary-500 dark:hover:text-primary-600 bg-transparent p-0;
}
}
.image-with-feature-list-and-ctas__content-button--secondary {
.wp-element-button {
@apply text-purple-600 hover:text-purple-800 dark:text-purple-500 dark:hover:text-purple-600;
}
}
.image-with-feature-list-and-ctas__content-button--tertiary {
.wp-element-button {
@apply text-teal-600 hover:text-teal-800 dark:text-teal-500 dark:hover:text-teal-600;
}
}
.image-with-feature-list-and-ctas__info-paragraph {
@apply text-sm;
}
}
}