<?php

/**
 * Title: Portfolio Gallery
 * Slug: strativo/portfolio-gallery
 * Categories: strativo-portfolio
 */
$strativo_url    = trailingslashit( get_template_directory_uri() );
$strativo_images = array(
	$strativo_url . 'assets/images/p1.jpg',
	$strativo_url . 'assets/images/p2.jpg',
	$strativo_url . 'assets/images/p3.jpg',
);
?>
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40","top":"84px","bottom":"84px"}}},"layout":{"type":"constrained","contentSize":"1260px"}} -->
<div class="wp-block-group"
	style="margin-top:0;margin-bottom:0;padding-top:84px;padding-right:var(--wp--preset--spacing--40);padding-bottom:84px;padding-left:var(--wp--preset--spacing--40)">
	<!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|70"},"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} -->
	<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--70)">
	<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
	<div class="wp-block-group" style="margin-top:0;margin-bottom:0">
		<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|30","right":"var:preset|spacing|30"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":{"topLeft":"60px","topRight":"60px","bottomLeft":"60px","bottomRight":"60px"},"width":"1px"}},"borderColor":"border-color","layout":{"type":"constrained"}} -->
		<div class="wp-block-group has-border-color has-border-color-border-color"
		style="border-width:1px;border-top-left-radius:60px;border-top-right-radius:60px;border-bottom-left-radius:60px;border-bottom-right-radius:60px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30)">
		<!-- wp:paragraph {"fontSize":"small"} -->
		<p class="has-small-font-size">
			<?php esc_html_e( 'Latest Works', 'strativo' ); ?>
		</p>
		<!-- /wp:paragraph -->
		</div>
		<!-- /wp:group -->
	</div>
	<!-- /wp:group -->

	<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30","margin":{"bottom":"0"},"padding":{"top":"0"}}},"layout":{"type":"constrained","contentSize":"540px","wideSize":"540px"}} -->
	<div class="wp-block-group" style="margin-bottom:0;padding-top:0">
		<!-- wp:heading {"textAlign":"center","style":{"typography":{"letterSpacing":"-1px","lineHeight":"1.2","fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"jumbo"} -->
		<h2 class="wp-block-heading has-text-align-center has-jumbo-font-size"
		style="margin-top:0;margin-bottom:0;font-style:normal;font-weight:600;letter-spacing:-1px;line-height:1.2">
		<?php esc_html_e( 'Strong brands start with powerful work', 'strativo' ); ?>
		</h2>
		<!-- /wp:heading -->

		<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"18px"}}} -->
		<p class="has-text-align-center" style="font-size:18px">
		<?php
		esc_html_e(
			'Launch faster, showcase smarter, and convert better with
        this bold modern template',
			'strativo'
		);
		?>
		</p>
		<!-- /wp:paragraph -->
	</div>
	<!-- /wp:group -->
	</div>
	<!-- /wp:group -->

	<!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"left":"100px"},"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60","right":"var:preset|spacing|60"}},"border":{"radius":{"topLeft":"16px","topRight":"16px","bottomLeft":"16px","bottomRight":"16px"}}},"backgroundColor":"background-alt"} -->
	<div class="wp-block-columns are-vertically-aligned-center has-background-alt-background-color has-background"
	style="border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
	<!-- wp:column {"verticalAlignment":"center","width":"45%"} -->
	<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:45%">
		<!-- wp:group {"layout":{"type":"constrained","justifyContent":"left","contentSize":"460px"}} -->
		<div class="wp-block-group">
		<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"600","letterSpacing":"-1px","lineHeight":"1.2"}},"fontSize":"jumbo"} -->
		<h2 class="wp-block-heading has-jumbo-font-size"
			style="font-style:normal;font-weight:600;letter-spacing:-1px;line-height:1.2">
			<?php esc_html_e( 'Group coaching programs', 'strativo' ); ?>
		</h2>
		<!-- /wp:heading -->

		<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
		<p style="font-size:18px">
			<?php
			esc_html_e(
				'it is pleasure, but because those who do not know how to pursue pleasure rationally
          encounter consequences that are extremely painful.',
				'strativo'
			);
			?>
		</p>
		<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"is-style-button-transofom-on-hover","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|30"},"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons is-style-button-transofom-on-hover" style="margin-top:var(--wp--preset--spacing--60)"><!-- wp:button {"backgroundColor":"light-color","textColor":"primary","className":"is-style-fill","style":{"border":{"radius":{"topLeft":"90px","topRight":"90px","bottomLeft":"90px","bottomRight":"90px"}},"spacing":{"padding":{"left":"var:preset|spacing|60","right":"var:preset|spacing|60","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"fontSize":"normal"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-primary-color has-light-color-background-color has-text-color has-background has-link-color has-normal-font-size has-custom-font-size wp-element-button" href="#" style="border-top-left-radius:90px;border-top-right-radius:90px;border-bottom-left-radius:90px;border-bottom-right-radius:90px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--60)">
<?php esc_html_e( 'See Pricing', 'strativo' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->
		</div>
		<!-- /wp:group -->
	</div>
	<!-- /wp:column -->

	<!-- wp:column {"verticalAlignment":"center"} -->
	<div class="wp-block-column is-vertically-aligned-center">
		<!-- wp:cover {"url":"<?php echo esc_url( $strativo_images[0] ); ?>","id":178,"dimRatio":0,"isUserOverlayColor":true,"gradient":"primary-gradient","contentPosition":"bottom left","sizeSlug":"full","style":{"border":{"radius":{"topLeft":"16px","topRight":"16px","bottomLeft":"16px","bottomRight":"16px"}},"spacing":{"blockGap":"var:preset|spacing|30","padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
		<div class="wp-block-cover has-custom-content-position is-position-bottom-left"
		style="border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
		<img class="wp-block-cover__image-background wp-image-178 size-full" alt=""
			src="<?php echo esc_url( $strativo_images[0] ); ?>" data-object-fit="cover" /><span aria-hidden="true"
			class="wp-block-cover__background has-background-dim-0 has-background-dim has-background-gradient has-primary-gradient-gradient-background"></span>
		<div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
			<div class="wp-block-group">
			<!-- wp:group {"style":{"color":{"background":"#ffffff2b"},"dimensions":{"minHeight":"0px"},"border":{"radius":{"topLeft":"80px","topRight":"80px","bottomLeft":"80px","bottomRight":"80px"},"color":"#ffffff59","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"layout":{"type":"constrained"}} -->
			<div class="wp-block-group has-border-color has-background"
				style="border-color:#ffffff59;border-width:1px;border-top-left-radius:80px;border-top-right-radius:80px;border-bottom-left-radius:80px;border-bottom-right-radius:80px;background-color:#ffffff2b;min-height:0px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)">
				<!-- wp:paragraph -->
				<p>
				<?php esc_html_e( '90% cash savings', 'strativo' ); ?>
				</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
			</div>
			<!-- /wp:group -->

			<!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|70"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
			<div class="wp-block-group" style="padding-left:var(--wp--preset--spacing--70)">
			<!-- wp:group {"style":{"color":{"background":"#ffffff2b"},"dimensions":{"minHeight":"0px"},"border":{"radius":{"topLeft":"80px","topRight":"80px","bottomLeft":"80px","bottomRight":"80px"},"color":"#ffffff59","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"layout":{"type":"constrained"}} -->
			<div class="wp-block-group has-border-color has-background"
				style="border-color:#ffffff59;border-width:1px;border-top-left-radius:80px;border-top-right-radius:80px;border-bottom-left-radius:80px;border-bottom-right-radius:80px;background-color:#ffffff2b;min-height:0px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)">
				<!-- wp:paragraph -->
				<p>
				<?php esc_html_e( '80% organic traffic growth', 'strativo' ); ?>
				</p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
			</div>
			<!-- /wp:group -->
		</div>
		</div>
		<!-- /wp:cover -->
	</div>
	<!-- /wp:column -->
	</div>
	<!-- /wp:columns -->

	<!-- wp:columns -->
	<div class="wp-block-columns"><!-- wp:column -->
	<div class="wp-block-column">
		<!-- wp:cover {"url":"<?php echo esc_url( $strativo_images[1] ); ?>","id":179,"dimRatio":80,"isUserOverlayColor":true,"gradient":"primary-gradient","contentPosition":"bottom left","sizeSlug":"full","style":{"border":{"radius":{"topLeft":"16px","topRight":"16px","bottomLeft":"16px","bottomRight":"16px"}},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
		<div class="wp-block-cover has-custom-content-position is-position-bottom-left"
		style="border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
		<img class="wp-block-cover__image-background wp-image-179 size-full" alt=""
			src="<?php echo esc_url( $strativo_images[1] ); ?>" data-object-fit="cover" /><span aria-hidden="true"
			class="wp-block-cover__background has-background-dim-80 has-background-dim wp-block-cover__gradient-background has-background-gradient has-primary-gradient-gradient-background"></span>
		<div class="wp-block-cover__inner-container">
			<!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"32px"}}} -->
			<h2 class="wp-block-heading has-text-align-left" style="font-size:32px">
			<?php esc_html_e( 'Product marketing', 'strativo' ); ?>
			</h2>
			<!-- /wp:heading -->
		</div>
		</div>
		<!-- /wp:cover -->
	</div>
	<!-- /wp:column -->

	<!-- wp:column -->
	<div class="wp-block-column">
		<!-- wp:cover {"url":"<?php echo esc_url( $strativo_images[2] ); ?>","id":182,"dimRatio":80,"isUserOverlayColor":true,"gradient":"primary-gradient","contentPosition":"bottom left","sizeSlug":"full","style":{"border":{"radius":{"topLeft":"16px","topRight":"16px","bottomLeft":"16px","bottomRight":"16px"}},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
		<div class="wp-block-cover has-custom-content-position is-position-bottom-left"
		style="border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
		<img class="wp-block-cover__image-background wp-image-182 size-full" alt=""
			src="<?php echo esc_url( $strativo_images[2] ); ?>" data-object-fit="cover" /><span aria-hidden="true"
			class="wp-block-cover__background has-background-dim-80 has-background-dim wp-block-cover__gradient-background has-background-gradient has-primary-gradient-gradient-background"></span>
		<div class="wp-block-cover__inner-container">
			<!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"32px"}}} -->
			<h2 class="wp-block-heading has-text-align-left" style="font-size:32px">
			<?php esc_html_e( 'Mockup &amp; vectors designing', 'strativo' ); ?>
			</h2>
			<!-- /wp:heading -->
		</div>
		</div>
		<!-- /wp:cover -->
	</div>
	<!-- /wp:column -->
	</div>
	<!-- /wp:columns -->

	<!-- wp:button {"backgroundColor":"primary","className":"is-style-button-with-uparrow-icon","style":{"border":{"radius":{"topLeft":"90px","topRight":"90px","bottomLeft":"90px","bottomRight":"90px"}},"spacing":{"padding":{"left":"var:preset|spacing|50","right":"var:preset|spacing|50","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"fontSize":"normal"} -->
<div class="wp-block-button is-style-button-with-uparrow-icon"><a class="wp-block-button__link has-primary-background-color has-background has-normal-font-size has-custom-font-size wp-element-button" href="#" style="border-top-left-radius:90px;border-top-right-radius:90px;border-bottom-left-radius:90px;border-bottom-right-radius:90px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)">
<?php
	esc_html_e( 'Browse All Projects', 'strativo' );
?>
</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:group -->
