<?php
/**
 * Title: c - Hero img left
 * Slug: bootscore/c-hero-img-left
 * Categories: bootscore
 * https://developer.wordpress.org/themes/features/block-patterns/
 * 
 * @package Bootscore
 * @version 6.2.0
 */

// Exit if accessed directly
defined('ABSPATH') || exit;

?>
<!-- wp:group {"metadata":{"name":"c - Hero image left - row h-100 mb-3 hide-wp-block-classes","categories":["bootscore"],"patternName":"bootscore/c.hero-img-left"},"className":"row h-100 mb-3 hide-wp-block-classes","layout":{"type":"default"}} -->
<div class="wp-block-group row h-100 mb-3 hide-wp-block-classes"><!-- wp:group {"metadata":{"name":"col-lg-6 mb-3 mb-lg-0"},"className":"col-lg-6 mb-3 mb-lg-0","layout":{"type":"default"}} -->
<div class="wp-block-group col-lg-6 mb-3 mb-lg-0"><!-- wp:group {"metadata":{"name":"h-100 d-flex align-items-center"},"className":"h-100 d-flex align-items-center","layout":{"type":"default"}} -->
<div class="wp-block-group h-100 d-flex align-items-center"><!-- wp:image {"sizeSlug":"large","metadata":{"name":"rounded mb-0"},"className":"rounded mb-0"} -->
<figure class="wp-block-image size-large rounded mb-0"><img src="https://dummyimage.com/1200x900/6c757d/ffffff" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"col-lg-6"},"className":"col-lg-6","layout":{"type":"default"}} -->
<div class="wp-block-group col-lg-6"><!-- wp:group {"metadata":{"name":"h-100 d-flex align-items-center"},"className":"h-100 d-flex align-items-center","layout":{"type":"default"}} -->
<div class="wp-block-group h-100 d-flex align-items-center"><!-- wp:group {"metadata":{"name":"text-block"},"className":"text-block","layout":{"type":"default"}} -->
<div class="wp-block-group text-block"><!-- wp:heading {"metadata":{"name":"display-5 fw-bold"},"className":"display-5 fw-bold"} -->
<h2 class="wp-block-heading display-5 fw-bold">Hero</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"metadata":{"name":"lead"},"className":"lead"} -->
<p class="lead">This is a two column hero with left aligned image and CTA buttons. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"metadata":{"name":"mb-0"},"className":"mb-0"} -->
<p class="mb-0"><a class="btn btn-lg btn-primary" href="#">Button</a> <a class="btn btn-lg btn-secondary" href="#">Button</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->