<!-- wp:template-part {"slug":"header","tagName":"header"} /-->

<?php 
  echo get_theme_file_uri('/images/logo.png'); 
?>

<div class="masonary-container">
  <div class="spacer">
    <div class="grid-item">
      <!-- post card -->1
      <div
        style="
          width: 100%;
          height: 163px;
          background-image: url('');
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
        "
      ></div>
      2

      <div class="post-description">
        <div class="row">
          <div class="col-10 post-desc-title">
            100 Free Amusement Park Icons 123321
          </div>
          <div class="col-2 post-desc-icon">
            <div
              class="post-desc-icon"
              style="
                background-image: url('https://unblast.com/wp-content/themes/unblast-beta/images/ai.svg');
              "
            ></div>
          </div>
        </div>

        <div class="post-desc-tags">Amusement</div>
      </div>
      <!-- post card -->
    </div>

    <!-- spacer end -->
  </div>
</div>

<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

<script>
  // external js: isotope.pkgd.js, masonry-horizontal.js

  $(".grid").isotope({
    layoutMode: "masonryHorizontal",
    itemSelector: ".grid-item",
    masonryHorizontal: {
      rowHeight: 220,
      gutter: 1,
    },
  });
</script>
