<section class="content-block template-block-grid">
    <header class="template-header">
        <div class="grid-container">
            <h2 class=" h3">Browse Resources</h2>
        </div>
    </header>
    <div class="grid-container">
    <div class="template-block-grid__searchbar">
        <div class="facetwp-facet facetwp-facet-search facetwp-type-search" data-name="search" data-type="search">
            <span class="facetwp-input-wrap">
                <i class="facetwp-icon"></i>
                <input type="text" class="facetwp-search" value="" placeholder="Search" autocomplete="off">
            </span>
        </div>
    </div>
    <div class="template-block-grid__content">
    <div class="template-block-grid__filter">
    <div class="facet-wrap">
    <h3>ARTICLE TYPE</h3>
    <div class="facetwp-facet facetwp-facet-make facetwp-type-checkboxes" data-name="make" data-type="checkboxes" aria-label="Make" role="group">
    <div class="facetwp-checkbox checked" data-value="acura" role="checkbox" aria-checked="false" aria-label="Acura(7)" tabindex="0"><span class="facetwp-display-value">All</span><span class="facetwp-counter">(7)</span></div>
    <div class="facetwp-checkbox" data-value="acura" role="checkbox" aria-checked="false" aria-label="Acura(7)" tabindex="0"><span class="facetwp-display-value">Guides</span><span class="facetwp-counter">(7)</span></div>
    <div class="facetwp-checkbox" data-value="acura" role="checkbox" aria-checked="false" aria-label="Acura(7)" tabindex="0"><span class="facetwp-display-value">Whitepapers</span><span class="facetwp-counter">(7)</span></div>
    <div class="facetwp-checkbox" data-value="acura" role="checkbox" aria-checked="false" aria-label="Acura(7)" tabindex="0"><span class="facetwp-display-value">Ebooks</span><span class="facetwp-counter">(7)</span></div>
        <div class="facetwp-checkbox" data-value="acura" role="checkbox" aria-checked="false" aria-label="Acura(7)" tabindex="0"><span class="facetwp-display-value">Webinars</span><span class="facetwp-counter">(7)</span></div>
        </div>
    </div>
    <div class="facet-wrap">
    <h3>TOPIC</h3>
    <div class="facetwp-facet facetwp-facet-make facetwp-type-checkboxes" data-name="make" data-type="checkboxes" aria-label="Make" role="group">
    <div class="facetwp-checkbox checked" data-value="acura" role="checkbox" aria-checked="false" aria-label="Acura(7)" tabindex="0"><span class="facetwp-display-value">All</span><span class="facetwp-counter">(7)</span></div>
    <div class="facetwp-checkbox" data-value="acura" role="checkbox" aria-checked="false" aria-label="Acura(7)" tabindex="0"><span class="facetwp-display-value">Brand Management</span><span class="facetwp-counter">(7)</span></div>
    <div class="facetwp-checkbox" data-value="acura" role="checkbox" aria-checked="false" aria-label="Acura(7)" tabindex="0"><span class="facetwp-display-value">Logistics &amp; Fulfillment</span><span class="facetwp-counter">(7)</span></div>
        <div class="facetwp-checkbox" data-value="acura" role="checkbox" aria-checked="false" aria-label="Acura(7)" tabindex="0"><span class="facetwp-display-value">Brand Protection</span><span class="facetwp-counter">(7)</span></div>
            <div class="facetwp-checkbox" data-value="acura" role="checkbox" aria-checked="false" aria-label="Acura(7)" tabindex="0"><span class="facetwp-display-value">Marketing</span><span class="facetwp-counter">(7)</span></div>
                <div class="facetwp-checkbox" data-value="acura" role="checkbox" aria-checked="false" aria-label="Acura(7)" tabindex="0"><span class="facetwp-display-value">Advertising</span><span class="facetwp-counter">(7)</span></div>
                    <div class="facetwp-checkbox" data-value="acura" role="checkbox" aria-checked="false" aria-label="Acura(7)" tabindex="0"><span class="facetwp-display-value">Creative</span><span class="facetwp-counter">(7)</span></div>
                    </div>
                </div>
            </div>
            <div class="facetwp-template">
                <div class="template-block-grid__list">
                    <a href="#" class="template-block-grid__item">
                        <div class="template-block-grid__img-wrapper">
                            <img src="/nto/assets/images/cms/post-img-3.png" alt="How TropiClean grew their Amazon sales by 40%">
                        </div>
                        <div class="template-block-grid__card-content">
                            <ul class="template-block-grid__category-list">
                                <li>Whitepaper</li>
                            </ul>
                            <h3 class="template-block-grid__headline">How TropiClean grew their Amazon sales by 40%</h3>
                        </div>
                    </a>
                    <a href="#" class="template-block-grid__item">
                        <div class="template-block-grid__img-wrapper">
                            <img src="/nto/assets/images/cms/post-item-1.jpg" alt="How TropiClean grew their Amazon sales by 40%">
                        </div>
                        <div class="template-block-grid__card-content">
                            <ul class="template-block-grid__category-list">
                                <li>Guide</li>
                            </ul>
                            <h3 class="template-block-grid__headline">How TropiClean grew their Amazon sales by 40%</h3>
                        </div>
                    </a>
                    <a href="#" class="template-block-grid__item">
                        <div class="template-block-grid__img-wrapper">
                            <img src="/nto/assets/images/cms/post-img-3.png" alt="How TropiClean grew their Amazon sales by 40%">
                        </div>
                        <div class="template-block-grid__card-content">
                            <ul class="template-block-grid__category-list">
                                <li>Ebook</li>
                            </ul>
                            <h3 class="template-block-grid__headline">How TropiClean grew their Amazon sales by 40%</h3>
                        </div>
                    </a>
                    <a href="#" class="template-block-grid__item">
                        <div class="template-block-grid__img-wrapper">
                            <img src="/nto/assets/images/cms/post-item-1.jpg" alt="How TropiClean grew their Amazon sales by 40%">
                        </div>
                        <div class="template-block-grid__card-content">
                            <ul class="template-block-grid__category-list">
                                <li>Guide</li>
                            </ul>
                            <h3 class="template-block-grid__headline">How TropiClean grew their Amazon sales by 40%</h3>
                        </div>
                    </a>
                    <a href="#" class="template-block-grid__item">
                        <div class="template-block-grid__img-wrapper">
                            <img src="/nto/assets/images/cms/post-img-3.png" alt="How TropiClean grew their Amazon sales by 40%">
                        </div>
                        <div class="template-block-grid__card-content">
                            <ul class="template-block-grid__category-list">
                                <li>Whitepaper</li>
                            </ul>
                            <h3 class="template-block-grid__headline">How TropiClean grew their Amazon sales by 40%</h3>
                        </div>
                    </a>
                    <a href="#" class="template-block-grid__item">
                        <div class="template-block-grid__img-wrapper">
                            <img src="/nto/assets/images/cms/post-item-1.jpg" alt="How TropiClean grew their Amazon sales by 40%">
                        </div>
                        <div class="template-block-grid__card-content">
                            <ul class="template-block-grid__category-list">
                                <li>Guide</li>
                            </ul>
                            <h3 class="template-block-grid__headline">How TropiClean grew their Amazon sales by 40%</h3>
                        </div>
                    </a>
                    <a href="#" class="template-block-grid__item">
                        <div class="template-block-grid__img-wrapper">
                            <img src="/nto/assets/images/cms/post-img-3.png" alt="How TropiClean grew their Amazon sales by 40%">
                        </div>
                        <div class="template-block-grid__card-content">
                            <ul class="template-block-grid__category-list">
                                <li>Ebook</li>
                            </ul>
                            <h3 class="template-block-grid__headline">How TropiClean grew their Amazon sales by 40%</h3>
                        </div>
                    </a>
                    <a href="#" class="template-block-grid__item">
                        <div class="template-block-grid__img-wrapper">
                            <img src="/nto/assets/images/cms/post-item-1.jpg" alt="How TropiClean grew their Amazon sales by 40%">
                        </div>
                        <div class="template-block-grid__card-content">
                            <ul class="template-block-grid__category-list">
                                <li>Guide</li>
                            </ul>
                            <h3 class="template-block-grid__headline">How TropiClean grew their Amazon sales by 40%</h3>
                        </div>
                    </a>
                    <a href="#" class="template-block-grid__item">
                        <div class="template-block-grid__img-wrapper">
                            <img src="/nto/assets/images/cms/post-img-3.png" alt="How TropiClean grew their Amazon sales by 40%">
                        </div>
                        <div class="template-block-grid__card-content">
                            <ul class="template-block-grid__category-list">
                                <li>Whitepaper</li>
                            </ul>
                            <h3 class="template-block-grid__headline">How TropiClean grew their Amazon sales by 40%</h3>
                        </div>
                    </a>
                </div>
                <div class="facetwp-pager">
                    <a class="facetwp-page prev" data-page="1">&lt;&lt;</a>
                    <a class="facetwp-page first active" data-page="1">1</a>
                    <a class="facetwp-page" data-page="2">2</a>
                    <a class="facetwp-page" data-page="3">3</a>
                    <a class="facetwp-page" data-page="4">4</a>
                    <a class="facetwp-page last" data-page="8">5</a>
                    <a class="facetwp-page next" data-page="3">&gt;&gt;</a>
                </div>
            </div>
        </div>
    </div>
</section>
{{ template("block-grid", {
  "templateHeader": {
    "headers": [
      {
        "tag": "h2",
        "class": "h3",
        "text": "Browse Resources"
      }
    ]
  },
  "pagination": true,
  "filters": [
    {
      "title": "ARTICLE TYPE",
      "items": [
        {
          "title": "All",
          "class": "checked"
        },
        {
          "title": "Guides"
        },
        {
          "title": "Whitepapers"
        },
        {
          "title": "Ebooks"
        },
        {
          "title": "Webinars"
        }
      ]
    },
    {
      "title": "TOPIC",
      "items": [
        {
          "title": "All",
          "class": "checked"
        },
        {
          "title": "Brand Management"
        },
        {
          "title": "Logistics & Fulfillment"
        },
        {
          "title": "Brand Protection"
        },
        {
          "title": "Marketing"
        },
        {
          "title": "Advertising"
        },
        {
          "title": "Creative"
        }
      ]
    }
  ],
  "searchbar": true,
  "items": [
    {
      "link": "#",
      "img": "/assets/images/cms/post-img-3.png",
      "categoryList": [
        {
          "title": "Whitepaper"
        }
      ],
      "headline": "How TropiClean grew their Amazon sales by 40%"
    },
    {
      "link": "#",
      "img": "/assets/images/cms/post-item-1.jpg",
      "categoryList": [
        {
          "title": "Guide"
        }
      ],
      "headline": "How TropiClean grew their Amazon sales by 40%"
    },
    {
      "link": "#",
      "img": "/assets/images/cms/post-img-3.png",
      "categoryList": [
        {
          "title": "Ebook"
        }
      ],
      "headline": "How TropiClean grew their Amazon sales by 40%"
    },
    {
      "link": "#",
      "img": "/assets/images/cms/post-item-1.jpg",
      "categoryList": [
        {
          "title": "Guide"
        }
      ],
      "headline": "How TropiClean grew their Amazon sales by 40%"
    },
    {
      "link": "#",
      "img": "/assets/images/cms/post-img-3.png",
      "categoryList": [
        {
          "title": "Whitepaper"
        }
      ],
      "headline": "How TropiClean grew their Amazon sales by 40%"
    },
    {
      "link": "#",
      "img": "/assets/images/cms/post-item-1.jpg",
      "categoryList": [
        {
          "title": "Guide"
        }
      ],
      "headline": "How TropiClean grew their Amazon sales by 40%"
    },
    {
      "link": "#",
      "img": "/assets/images/cms/post-img-3.png",
      "categoryList": [
        {
          "title": "Ebook"
        }
      ],
      "headline": "How TropiClean grew their Amazon sales by 40%"
    },
    {
      "link": "#",
      "img": "/assets/images/cms/post-item-1.jpg",
      "categoryList": [
        {
          "title": "Guide"
        }
      ],
      "headline": "How TropiClean grew their Amazon sales by 40%"
    },
    {
      "link": "#",
      "img": "/assets/images/cms/post-img-3.png",
      "categoryList": [
        {
          "title": "Whitepaper"
        }
      ],
      "headline": "How TropiClean grew their Amazon sales by 40%"
    }
  ]
}) }}