Work with tools you already use
Deliver great service experiences fast – without the complexity of traditional ITSM solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease.
- Continuous integration and deployment
- Development workflow
- Knowledge management
Deliver great service experiences fast – without the complexity of traditional ITSM solutions.
We invest in the world’s potential
Deliver great service experiences fast – without the complexity of traditional ITSM solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease.
- Dynamic reports and dashboards
- Templates for everyone
- Development workflow
- Limitless business automation
- Knowledge management
Deliver great service experiences fast – without the complexity of traditional ITSM solutions.
<?php
/**
* Title: Alternate image with feature list
* Slug: wlc/alternate-image-with-feature-list
* Block types: core/post-content
* Categories: featured
*/
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Alternate image with feature list","categories":["featured"],"patternName":"wlc/alternate-image-with-feature-list"},"align":"full","className":"alternate-image-with-feature-list","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull alternate-image-with-feature-list"><!-- wp:group {"className":"alternate-image-with-feature-list__wrapper","layout":{"type":"default"}} -->
<div class="wp-block-group alternate-image-with-feature-list__wrapper"><!-- wp:group {"className":"alternate-image-with-feature-list__content-box","layout":{"type":"default"}} -->
<div class="wp-block-group alternate-image-with-feature-list__content-box"><!-- wp:group {"className":"alternate-image-with-feature-list__content-wrapper","layout":{"type":"default"}} -->
<div class="wp-block-group alternate-image-with-feature-list__content-wrapper"><!-- wp:heading {"className":"alternate-image-with-feature-list__content-heading"} -->
<h2 class="wp-block-heading alternate-image-with-feature-list__content-heading">Work with tools you already use</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"className":"alternate-image-with-feature-list__content-description"} -->
<p class="alternate-image-with-feature-list__content-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:list {"className":"alternate-image-with-feature-list__content-list"} -->
<ul class="wp-block-list alternate-image-with-feature-list__content-list"><!-- wp:list-item -->
<li>Continuous integration and deployment</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Development workflow</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Knowledge management</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->
<!-- wp:paragraph {"className":"alternate-image-with-feature-list__content-summary"} -->
<p class="alternate-image-with-feature-list__content-summary">Deliver great service experiences fast - without the complexity of traditional ITSM solutions.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:image {"sizeSlug":"large","className":"alternate-image-with-feature-list__content-image"} -->
<figure class="wp-block-image size-large alternate-image-with-feature-list__content-image"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/features/feature-office-1.png" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"alternate-image-with-feature-list__content-box","layout":{"type":"default"}} -->
<div class="wp-block-group alternate-image-with-feature-list__content-box"><!-- wp:image {"sizeSlug":"large","className":"alternate-image-with-feature-list__content-image"} -->
<figure class="wp-block-image size-large alternate-image-with-feature-list__content-image"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/features/feature-office-2.png" alt=""/></figure>
<!-- /wp:image -->
<!-- wp:group {"className":"alternate-image-with-feature-list__content-wrapper","layout":{"type":"default"}} -->
<div class="wp-block-group alternate-image-with-feature-list__content-wrapper"><!-- wp:heading {"className":"alternate-image-with-feature-list__content-heading"} -->
<h2 class="wp-block-heading alternate-image-with-feature-list__content-heading">We invest in the world’s potential</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"className":"alternate-image-with-feature-list__content-description"} -->
<p class="alternate-image-with-feature-list__content-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:list {"className":"alternate-image-with-feature-list__content-list"} -->
<ul class="wp-block-list alternate-image-with-feature-list__content-list"><!-- wp:list-item -->
<li>Dynamic reports and dashboards</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Templates for everyone</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Development workflow</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Limitless business automation</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Knowledge management</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->
<!-- wp:paragraph {"className":"alternate-image-with-feature-list__content-summary"} -->
<p class="alternate-image-with-feature-list__content-summary">Deliver great service experiences fast - without the complexity of traditional ITSM solutions.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->
.alternate-image-with-feature-list {
@apply bg-white dark:bg-gray-900;
.alternate-image-with-feature-list__wrapper {
@apply py-8 px-4 mx-auto space-y-12 lg:space-y-20 sm:py-16 lg:px-6;
}
.alternate-image-with-feature-list__content-box {
@apply gap-8 items-center lg:grid lg:grid-cols-2 xl:gap-16;
}
.alternate-image-with-feature-list__content-wrapper {
@apply text-gray-500 sm:text-lg dark:text-gray-400;
}
.alternate-image-with-feature-list__content-heading {
@apply mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white;
}
.alternate-image-with-feature-list__content-description {
@apply mb-8 font-light lg:text-xl;
}
.alternate-image-with-feature-list__content-summary {
@apply font-light lg:text-xl;
}
.alternate-image-with-feature-list__content-list {
@apply pt-8 my-7 space-y-5 border-t border-gray-200 dark:border-gray-700;
li {
@apply relative pl-9 flex space-x-3 text-base font-medium leading-tight text-gray-900 dark:text-white;
}
li::before {
@apply content-[''] absolute left-0 top-0.5 w-5 h-5 bg-primary-600 dark:bg-primary-500;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Cpath%20fill-rule='evenodd'%20d='M10%2018a8%208%200%20100-16%208%208%200%20000%2016zm3.707-9.293a1%201%200%2000-1.414-1.414L9%2010.586%207.707%209.293a1%201%200%2000-1.414%201.414l2%202a1%201%200%20001.414%200l4-4z'%20clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Cpath%20fill-rule='evenodd'%20d='M10%2018a8%208%200%20100-16%208%208%200%20000%2016zm3.707-9.293a1%201%200%2000-1.414-1.414L9%2010.586%207.707%209.293a1%201%200%2000-1.414%201.414l2%202a1%201%200%20001.414%200l4-4z'%20clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center / contain;
}
}
.alternate-image-with-feature-list__content-image img {
@apply hidden mb-4 w-full lg:mb-0 lg:flex rounded-lg;
}
}