<?php

/**
 * Title: Three Column Services with Icons
 * Slug: car-dealer-show/services-2
 * Categories: car-dealer-show/services 
 */

$theme_directory = get_template_directory_uri();
?>

<!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","bottom":"40px","left":"40px","right":"40px"}}},"backgroundColor":"base-2","className":"has-soft-background","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-soft-background has-background has-dynamic-gradient has-base-2-background-color" style="padding-top:40px;padding-bottom:40px;padding-left:40px;padding-right:40px">
	<!-- wp:heading {"textAlign":"center","style":{"spacing":{"marginBottom":"40px"}}} -->
	<h2 class="wp-block-heading has-text-align-center">Our Awesome Services</h2>
	<!-- /wp:heading -->

	<!-- wp:columns {"align":"wide"} -->
	<div class="wp-block-columns alignwide">

		<!-- wp:column {"verticalAlignment":"top","style":{"spacing":{"blockGap":"30px"}}} -->
		<div class="wp-block-column is-vertically-aligned-top">
			<!-- wp:image {"align":"center","width":"64px","height":"64px","sizeSlug":"full","linkDestination":"none"} -->
			<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url($theme_directory) . '/assets/images/service-5.png'; ?>" alt="Service Icon 1" style="width:64px;height:64px" /></figure>
			<!-- /wp:image -->
			<!-- wp:heading {"textAlign":"center","level":3} -->
			<h3 class="wp-block-heading has-text-align-center">Service 1</h3>
			<!-- /wp:heading -->
			<!-- wp:paragraph {"align":"center"} -->
			<p class="has-text-align-center">Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.</p>
			<!-- /wp:paragraph -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column {"verticalAlignment":"top","style":{"spacing":{"blockGap":"30px"}}} -->
		<div class="wp-block-column is-vertically-aligned-top">
			<!-- wp:image {"align":"center","width":"64px","height":"64px","sizeSlug":"full","linkDestination":"none"} -->
			<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url($theme_directory) . '/assets/images/service-2.png'; ?>" alt="Service Icon 2" style="width:64px;height:64px" /></figure>
			<!-- /wp:image -->
			<!-- wp:heading {"textAlign":"center","level":3} -->
			<h3 class="wp-block-heading has-text-align-center">Service 2</h3>
			<!-- /wp:heading -->
			<!-- wp:paragraph {"align":"center"} -->
			<p class="has-text-align-center">Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.</p>
			<!-- /wp:paragraph -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column {"verticalAlignment":"top","style":{"spacing":{"blockGap":"30px"}}} -->
		<div class="wp-block-column is-vertically-aligned-top">
			<!-- wp:image {"align":"center","width":"64px","height":"64px","sizeSlug":"full","linkDestination":"none"} -->
			<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url($theme_directory) . '/assets/images/service-3.png'; ?>" alt="Service Icon 3" style="width:64px;height:64px" /></figure>
			<!-- /wp:image -->
			<!-- wp:heading {"textAlign":"center","level":3} -->
			<h3 class="wp-block-heading has-text-align-center">Service 3</h3>
			<!-- /wp:heading -->
			<!-- wp:paragraph {"align":"center"} -->
			<p class="has-text-align-center">Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.</p>
			<!-- /wp:paragraph -->
		</div>
		<!-- /wp:column -->

	</div>
	<!-- /wp:columns -->
</div>
<!-- /wp:group -->