<?php

/**
 * Title: Projects Lite 1
 * Slug: allele/projects-lite-1
 * Categories: about, allele-patterns
 */
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Projects Lite"},"align":"full","className":"is-style-default","style":{"spacing":{"padding":{"top":"var:preset|spacing|120","bottom":"var:preset|spacing|120"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull is-style-default" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--120);padding-bottom:var(--wp--preset--spacing--120)"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|52"}}},"stackMD":false} -->
  <div class="wp-block-columns alignwide"><!-- wp:column -->
    <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|52"}},"layout":{"type":"default"}} -->
      <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
        <div class="wp-block-group"><!-- wp:heading {"className":"is-style-default","style":{"typography":{"fontStyle":"normal","fontWeight":"200","lineHeight":"1"}}} -->
          <h2 class="wp-block-heading is-style-default" style="font-style:normal;font-weight:200;line-height:1">
            <em>Featured</em>
          </h2>
          <!-- /wp:heading -->

          <!-- wp:heading {"className":"is-style-text-title"} -->
          <h2 class="wp-block-heading is-style-text-title"><?php esc_html_e('Projects', 'allele'); ?></h2>
          <!-- /wp:heading -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"className":"no-underline ","style":{"spacing":{"padding":{"right":"var:preset|spacing|52","left":"var:preset|spacing|52","top":"var:preset|spacing|52","bottom":"var:preset|spacing|52"}},"border":{"radius":"12px","width":"1px"}},"borderColor":"secondary-100","layout":{"type":"default"}} -->
        <div class="wp-block-group no-underline has-border-color has-secondary-100-border-color" style="border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--52);padding-right:var(--wp--preset--spacing--52);padding-bottom:var(--wp--preset--spacing--52);padding-left:var(--wp--preset--spacing--52)"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom","className":"is-style-image-1"} -->
          <figure class="wp-block-image size-large is-style-image-1"><a href="#!"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/project-1.webp" alt="" /></a></figure>
          <!-- /wp:image -->

          <!-- wp:heading {"level":3,"className":"is-style-text-label"} -->
          <h3 class="wp-block-heading is-style-text-label"><?php /* Translators: 1. is the start of a 'a' HTML element, 2. is the end of a 'a' HTML element */
                                                            echo sprintf(esc_html__('%1$sWheel%2$s', 'allele'), '<a href="' . esc_url('#!') . '">', '</a>'); ?></h3>
          <!-- /wp:heading -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"className":"no-underline ","style":{"spacing":{"padding":{"right":"var:preset|spacing|52","left":"var:preset|spacing|52","top":"var:preset|spacing|52","bottom":"var:preset|spacing|52"}},"border":{"radius":"12px","width":"1px"}},"borderColor":"secondary-100","layout":{"type":"default"}} -->
        <div class="wp-block-group no-underline has-border-color has-secondary-100-border-color" style="border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--52);padding-right:var(--wp--preset--spacing--52);padding-bottom:var(--wp--preset--spacing--52);padding-left:var(--wp--preset--spacing--52)"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom","className":"is-style-image-1"} -->
          <figure class="wp-block-image size-large is-style-image-1"><a href="#!"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/project-3.webp" alt="" /></a></figure>
          <!-- /wp:image -->

          <!-- wp:heading {"level":3,"className":"is-style-text-label"} -->
          <h3 class="wp-block-heading is-style-text-label"><?php /* Translators: 1. is the start of a 'a' HTML element, 2. is the end of a 'a' HTML element, 3. is the start of a 'a' HTML element, 4. is the end of a 'a' HTML element */
                                                            echo sprintf(esc_html__('%1$s%2$s%3$sScarf%4$s', 'allele'), '<a href="' . esc_url('#!') . '">', '</a>', '<a href="' . esc_url('#!') . '">', '</a>'); ?></h3>
          <!-- /wp:heading -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"className":"no-underline ","style":{"spacing":{"padding":{"right":"var:preset|spacing|52","left":"var:preset|spacing|52","top":"var:preset|spacing|52","bottom":"var:preset|spacing|52"}},"border":{"radius":"12px","width":"1px"}},"borderColor":"secondary-100","layout":{"type":"default"}} -->
        <div class="wp-block-group no-underline has-border-color has-secondary-100-border-color" style="border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--52);padding-right:var(--wp--preset--spacing--52);padding-bottom:var(--wp--preset--spacing--52);padding-left:var(--wp--preset--spacing--52)"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom","className":"is-style-image-1"} -->
          <figure class="wp-block-image size-large is-style-image-1"><a href="#!"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/project-6.webp" alt="" /></a></figure>
          <!-- /wp:image -->

          <!-- wp:heading {"level":3,"className":"is-style-text-label"} -->
          <h3 class="wp-block-heading is-style-text-label"><?php /* Translators: 1. is the start of a 'a' HTML element, 2. is the end of a 'a' HTML element, 3. is the start of a 'a' HTML element, 4. is the end of a 'a' HTML element, 5. is the start of a 'a' HTML element, 6. is the end of a 'a' HTML element */
                                                            echo sprintf(esc_html__('%1$s%2$s%3$s%4$s%5$sGlass%6$s', 'allele'), '<a href="' . esc_url('#!') . '">', '</a>', '<a href="' . esc_url('#!') . '">', '</a>', '<a href="' . esc_url('#!') . '">', '</a>'); ?></h3>
          <!-- /wp:heading -->
        </div>
        <!-- /wp:group -->
      </div>
      <!-- /wp:group -->
    </div>
    <!-- /wp:column -->

    <!-- wp:column -->
    <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|52"}},"layout":{"type":"default"}} -->
      <div class="wp-block-group"><!-- wp:group {"className":"no-underline ","style":{"spacing":{"padding":{"right":"var:preset|spacing|52","left":"var:preset|spacing|52","top":"var:preset|spacing|52","bottom":"var:preset|spacing|52"}},"border":{"radius":"12px","width":"1px"}},"borderColor":"secondary-100","layout":{"type":"default"}} -->
        <div class="wp-block-group no-underline has-border-color has-secondary-100-border-color" style="border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--52);padding-right:var(--wp--preset--spacing--52);padding-bottom:var(--wp--preset--spacing--52);padding-left:var(--wp--preset--spacing--52)"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom","className":"is-style-image-1"} -->
          <figure class="wp-block-image size-large is-style-image-1"><a href="#!"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/project-4.webp" alt="" /></a></figure>
          <!-- /wp:image -->

          <!-- wp:heading {"level":3,"className":"is-style-text-label"} -->
          <h3 class="wp-block-heading is-style-text-label"><?php /* Translators: 1. is the start of a 'a' HTML element, 2. is the end of a 'a' HTML element, 3. is the start of a 'a' HTML element, 4. is the end of a 'a' HTML element */
                                                            echo sprintf(esc_html__('%1$s%2$s%3$sSilenta%4$s', 'allele'), '<a href="' . esc_url('#!') . '">', '</a>', '<a href="' . esc_url('#!') . '">', '</a>'); ?></h3>
          <!-- /wp:heading -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"className":"no-underline ","style":{"spacing":{"padding":{"right":"var:preset|spacing|52","left":"var:preset|spacing|52","top":"var:preset|spacing|52","bottom":"var:preset|spacing|52"}},"border":{"radius":"12px","width":"1px"}},"borderColor":"secondary-100","layout":{"type":"default"}} -->
        <div class="wp-block-group no-underline has-border-color has-secondary-100-border-color" style="border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--52);padding-right:var(--wp--preset--spacing--52);padding-bottom:var(--wp--preset--spacing--52);padding-left:var(--wp--preset--spacing--52)"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom","className":"is-style-image-1"} -->
          <figure class="wp-block-image size-large is-style-image-1"><a href="#!"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/project-5.webp" alt="" /></a></figure>
          <!-- /wp:image -->

          <!-- wp:heading {"level":3,"className":"is-style-text-label"} -->
          <h3 class="wp-block-heading is-style-text-label"><?php /* Translators: 1. is the start of a 'a' HTML element, 2. is the end of a 'a' HTML element, 3. is the start of a 'a' HTML element, 4. is the end of a 'a' HTML element, 5. is the start of a 'a' HTML element, 6. is the end of a 'a' HTML element */
                                                            echo sprintf(esc_html__('%1$s%2$s%3$s%4$s%5$sFrames%6$s', 'allele'), '<a href="' . esc_url('#!') . '">', '</a>', '<a href="' . esc_url('#!') . '">', '</a>', '<a href="' . esc_url('#!') . '">', '</a>'); ?></h3>
          <!-- /wp:heading -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"className":"no-underline ","style":{"spacing":{"padding":{"right":"var:preset|spacing|52","left":"var:preset|spacing|52","top":"var:preset|spacing|52","bottom":"var:preset|spacing|52"}},"border":{"radius":"12px","width":"1px"}},"borderColor":"secondary-100","layout":{"type":"default"}} -->
        <div class="wp-block-group no-underline has-border-color has-secondary-100-border-color" style="border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--52);padding-right:var(--wp--preset--spacing--52);padding-bottom:var(--wp--preset--spacing--52);padding-left:var(--wp--preset--spacing--52)"><!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom","className":"is-style-image-1"} -->
          <figure class="wp-block-image size-large is-style-image-1"><a href="#!"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/project-2.webp" alt="" /></a></figure>
          <!-- /wp:image -->

          <!-- wp:heading {"level":3,"className":"is-style-text-label"} -->
          <h3 class="wp-block-heading is-style-text-label"><?php /* Translators: 1. is the start of a 'a' HTML element, 2. is the end of a 'a' HTML element, 3. is the start of a 'a' HTML element, 4. is the end of a 'a' HTML element, 5. is the start of a 'a' HTML element, 6. is the end of a 'a' HTML element, 7. is the start of a 'a' HTML element, 8. is the end of a 'a' HTML element */
                                                            echo sprintf(esc_html__('%1$s%2$s%3$s%4$s%5$s%6$s%7$sHarmony%8$s', 'allele'), '<a href="' . esc_url('#!') . '">', '</a>', '<a href="' . esc_url('#!') . '">', '</a>', '<a href="' . esc_url('#!') . '">', '</a>', '<a href="' . esc_url('#!') . '">', '</a>'); ?></h3>
          <!-- /wp:heading -->
        </div>
        <!-- /wp:group -->
      </div>
      <!-- /wp:group -->
    </div>
    <!-- /wp:column -->
  </div>
  <!-- /wp:columns -->
</section>
<!-- /wp:group -->
