<section class="content-block template-content-cards">
        <div class="template-content-cards__pin-container">
        <header class="template-header align-center">
            <div class="grid-container">
                <g2 class=" p-tag">Our craft</g2>
            </div>
        </header>
        <div class="grid-container">
        <div class="template-content-cards__wrapper">
        <div class="template-content-cards__list">
        <div class="template-content-cards__item bg-pink ">
            <div class="template-content-cards__number">1</div>
                <div class="template-content-cards__img-wrapper">
                    <img src="/nto/assets/images/cms/card-img-1.svg" alt="We Buy Your Product">
                </div>
                <h3 class="template-content-cards__headline">We Buy Your Product</h3>
                <p class="template-content-cards__description">You get paid fast, and we become your exclusive marketplace reseller. This is the first step, and it solidifies that we are in this together.</p>
            </div>
            <div class="template-content-cards__item bg-yellow ">
                <div class="template-content-cards__number">2</div>
                    <div class="template-content-cards__img-wrapper">
                        <img src="/nto/assets/images/cms/card-img-2.svg" alt="We Rally your Marketing">
                    </div>
                    <h3 class="template-content-cards__headline">We Rally your Marketing</h3>
                    <p class="template-content-cards__description">You get paid fast, and we become your exclusive marketplace reseller. This is the first step, and it solidifies that we are in this together.</p>
                </div>
                <div class="template-content-cards__item bg-orange ">
                    <div class="template-content-cards__number">3</div>
                        <div class="template-content-cards__img-wrapper">
                            <img src="/nto/assets/images/cms/card-img-3.svg" alt="We Amplify Your Brand">
                        </div>
                        <h3 class="template-content-cards__headline">We Amplify Your Brand</h3>
                        <p class="template-content-cards__description">You get paid fast, and we become your exclusive marketplace reseller. This is the first step, and it solidifies that we are in this together.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="module buttons align-center">
            <a href="/nto#" class="button button--primary">The Full BReakdown</a>
        </div>
    </section>
</section>

{{ template("content-cards", {
  "templateHeader": {
    "class": "align-center",
    "headers": [
      {
        "tag": "g2",
        "class": "p-tag",
        "text": "Our craft"
      }
    ]
  },
  "button": "The Full BReakdown",
  "items": [
    {
      "number": "1",
      "img": "/assets/images/cms/card-img-1.svg",
      "headline": "We Buy Your Product",
      "description": "You get paid fast, and we become your exclusive marketplace reseller. This is the first step, and it solidifies that we are in this together.",
      "class": "bg-pink",
      "color": "var(--pink)"
    },
    {
      "number": "2",
      "img": "/assets/images/cms/card-img-2.svg",
      "headline": "We Rally your Marketing",
      "description": "You get paid fast, and we become your exclusive marketplace reseller. This is the first step, and it solidifies that we are in this together.",
      "class": "bg-yellow",
      "color": "var(--yellow)"
    },
    {
      "number": "3",
      "img": "/assets/images/cms/card-img-3.svg",
      "headline": "We Amplify Your Brand",
      "description": "You get paid fast, and we become your exclusive marketplace reseller. This is the first step, and it solidifies that we are in this together.",
      "class": "bg-orange",
      "color": "var(--orange)"
    }
  ]
}) }}