Current File : /home/inlingua/public_html/dev/wp-content/themes/blockskit-agency/patterns/counter.php

<?php
/**
 * Title: Counter
 * Slug: blockskit-agency/counter
 * Categories: all, counter
 * Keywords: counter
 */
$blockskit_agency_images = array(
    '1' => BLOCKSKIT_AGENCY_URL . 'assets/images/counter-img1.jpg',
    '2' => BLOCKSKIT_AGENCY_URL . 'assets/images/counter-img2.jpg',
    '3' => BLOCKSKIT_AGENCY_URL . 'assets/images/counter-img3.png',
);
?>

<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"0","margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0"><!-- wp:cover {"url":"<?php echo esc_url($blockskit_agency_images[1]); ?>","id":157,"dimRatio":80,"overlayColor":"pure-black","isUserOverlayColor":true,"focalPoint":{"x":0.52,"y":1},"minHeight":50,"minHeightUnit":"px","style":{"spacing":{"padding":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large","left":"var:preset|spacing|x-small","right":"var:preset|spacing|x-small"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover" style="padding-top:var(--wp--preset--spacing--xx-large);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--xx-large);padding-left:var(--wp--preset--spacing--x-small);min-height:50px"><span aria-hidden="true" class="wp-block-cover__background has-pure-black-background-color has-background-dim-80 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-157" alt="" src="<?php echo esc_url($blockskit_agency_images[1]); ?>" style="object-position:52% 100%" data-object-fit="cover" data-object-position="52% 100%"/><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|xx-large"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"66.66%","style":{"spacing":{"blockGap":"0","padding":{"right":"0","left":"0"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-right:0;padding-left:0;flex-basis:66.66%"><!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|x-small"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--x-small)"><!-- wp:heading {"level":6,"style":{"elements":{"link":{"color":{"text":"var:preset|color|pure-white"}}},"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"pure-white","fontSize":"x-small"} -->
<h6 class="wp-block-heading has-pure-white-color has-text-color has-link-color has-x-small-font-size" style="font-style:normal;font-weight:600"><?php esc_html_e( 'OUR PROGRESS', 'blockskit-agency' ); ?></h6>
<!-- /wp:heading -->

<!-- wp:separator {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"layout":{"selfStretch":"fixed","flexSize":"50px"}},"backgroundColor":"secondary"} -->
<hr class="wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background" style="margin-top:0;margin-bottom:0"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"left","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|x-small"}},"elements":{"link":{"color":{"text":"var:preset|color|pure-white"}}},"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1.1"}},"textColor":"pure-white"} -->
<h2 class="wp-block-heading has-text-align-left has-pure-white-color has-text-color has-link-color" style="margin-bottom:var(--wp--preset--spacing--x-small);font-style:normal;font-weight:700;line-height:1.1"><?php esc_html_e( 'We Have Spread  All Over', 'blockskit-agency' ); ?> </h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}}} -->
<p style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0"><?php esc_html_e( 'Facere augue aspernatur, dolorem anim porttitor integer justo ducimus, inventore per gravida, eros platea commodo. Ac ipsa saepe voluptas, eros, animi, pede aut aliquet amet.', 'blockskit-agency' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|small","left":"var:preset|spacing|medium"},"margin":{"top":"var:preset|spacing|medium"}}}} -->
<div class="wp-block-columns" style="margin-top:var(--wp--preset--spacing--medium)"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"800","lineHeight":"1"},"elements":{"link":{"color":{"text":"var:preset|color|pure-white"}}}},"textColor":"pure-white"} -->
<h2 class="wp-block-heading has-pure-white-color has-text-color has-link-color" style="font-style:normal;font-weight:800;line-height:1"><?php esc_html_e( '360+', 'blockskit-agency' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500","lineHeight":"1"}},"fontSize":"x-small"} -->
<p class="has-x-small-font-size" style="font-style:normal;font-weight:500;line-height:1"><?php esc_html_e( 'HAPPY CLIENT', 'blockskit-agency' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"800","lineHeight":"1"},"elements":{"link":{"color":{"text":"var:preset|color|pure-white"}}}},"textColor":"pure-white"} -->
<h2 class="wp-block-heading has-pure-white-color has-text-color has-link-color" style="font-style:normal;font-weight:800;line-height:1"><?php esc_html_e( '650', 'blockskit-agency' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500","lineHeight":"1"}},"fontSize":"x-small"} -->
<p class="has-x-small-font-size" style="font-style:normal;font-weight:500;line-height:1"><?php esc_html_e( 'ONGOING PROJECT', 'blockskit-agency' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"800","lineHeight":"1"},"elements":{"link":{"color":{"text":"var:preset|color|pure-white"}}}},"textColor":"pure-white"} -->
<h2 class="wp-block-heading has-pure-white-color has-text-color has-link-color" style="font-style:normal;font-weight:800;line-height:1"><?php esc_html_e( '15+', 'blockskit-agency' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500","lineHeight":"1"}},"fontSize":"x-small"} -->
<p class="has-x-small-font-size" style="font-style:normal;font-weight:500;line-height:1"><?php esc_html_e( 'AWARD ACHIVED', 'blockskit-agency' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"800","lineHeight":"1"},"elements":{"link":{"color":{"text":"var:preset|color|pure-white"}}}},"textColor":"pure-white"} -->
<h2 class="wp-block-heading has-pure-white-color has-text-color has-link-color" style="font-style:normal;font-weight:800;line-height:1"><?php esc_html_e( '100%', 'blockskit-agency' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500","lineHeight":"1"}},"fontSize":"x-small"} -->
<p class="has-x-small-font-size" style="font-style:normal;font-weight:500;line-height:1"><?php esc_html_e( 'SATICFACTION RATE', 'blockskit-agency' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"33.33%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%"><!-- wp:cover {"url":"<?php echo esc_url($blockskit_agency_images[2]); ?>","id":281,"dimRatio":30,"overlayColor":"pure-black","isUserOverlayColor":true,"minHeight":350,"isDark":false,"style":{"border":{"radius":"12px"},"spacing":{"padding":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large","left":"var:preset|spacing|small","right":"var:preset|spacing|small"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light" style="border-radius:12px;padding-top:var(--wp--preset--spacing--xx-large);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--xx-large);padding-left:var(--wp--preset--spacing--small);min-height:350px"><span aria-hidden="true" class="wp-block-cover__background has-pure-black-background-color has-background-dim-30 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-281" alt="" src="<?php echo esc_url($blockskit_agency_images[2]); ?>" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:image {"lightbox":{"enabled":false},"id":282,"sizeSlug":"full","linkDestination":"custom","align":"center"} -->
<figure class="wp-block-image aligncenter size-full"><img src="<?php echo esc_url($blockskit_agency_images[3]); ?>" alt="" class="wp-image-282"/></figure>
<!-- /wp:image --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->