<section class="content-block template-steps">
    <header class="template-header align-center">
        <div class="grid-container">
            <h2>It’s really pretty simple...</h2>
        </div>
    </header>
    <div class="grid-container">
    <div class="template-steps__cards">
    <div class="template-steps__card">
    <div class="template-steps__number">1</div>
        <i class="template-steps__expand-icon"></i>
        <div class="template-steps__image">
            <img src="/nto/assets/images/cms/steps-img.svg" alt="We buy your product">
        </div>
        <header class="template-steps__header">
            <h3 class="template-steps__title">We buy your product</h3>
            <p class="template-steps__subtitle">You get paid here</p>
        </header>
        <div class="template-steps__back">
            <div class="template-steps__dashed-line">
            </div>
            <div class="template-steps__timeline">
                <div class="template-steps__timeline-item">
                    <h4 class="template-steps__timeline-title">
                    Marketplace Management</h4>
                </div>
                <div class="template-steps__timeline-item">
                    <h4 class="template-steps__timeline-title">
                    Logistics &amp; Fulfillment</h4>
                </div>
            </div>
            <div class="template-steps__description">
                <p>Neato fronts the cost to buy your product and become your exclusive marketplace reseller, tying our success to your bottom line and long-term sales. Your effort virtually ends here, all we need from this point forward is a POC.</p>
            </div>
        </div>
    </div>
    <div class="template-steps__card">
        <div class="template-steps__number">2</div>
            <i class="template-steps__expand-icon"></i>
            <div class="template-steps__image">
                <img src="/nto/assets/images/cms/steps-img.svg" alt="We sell your product">
            </div>
            <header class="template-steps__header">
                <h3 class="template-steps__title">We sell your product</h3>
                <p class="template-steps__subtitle">All the sh*t we do for you</p>
            </header>
            <div class="template-steps__back">
                <div class="template-steps__dashed-line">
                </div>
                <div class="template-steps__timeline">
                    <div class="template-steps__timeline-item">
                        <h4 class="template-steps__timeline-title">
                        Create Engaging Content</h4>
                    </div>
                    <div class="template-steps__timeline-item">
                        <h4 class="template-steps__timeline-title">
                        market aggressively</h4>
                    </div>
                </div>
                <div class="template-steps__description">
                    <p>Our expert in-house creative team develops brand-approved  designs, photo, and video content to keep your product shining. We then use that creative to put your products before the right consumers at the right time.</p>
                </div>
            </div>
        </div>
        <div class="template-steps__card">
            <div class="template-steps__number">3</div>
                <i class="template-steps__expand-icon"></i>
                <div class="template-steps__image">
                    <img src="/nto/assets/images/cms/steps-img.svg" alt="we amplify your brand">
                </div>
                <header class="template-steps__header">
                    <h3 class="template-steps__title">we amplify your brand</h3>
                    <p class="template-steps__subtitle">Perpetual benefits</p>
                </header>
                <div class="template-steps__back">
                    <div class="template-steps__dashed-line">
                    </div>
                    <div class="template-steps__timeline">
                        <div class="template-steps__timeline-item">
                            <h4 class="template-steps__timeline-title">
                            Syndicate &amp; Amplify</h4>
                        </div>
                        <div class="template-steps__timeline-item">
                            <h4 class="template-steps__timeline-title">
                            Analyze Data</h4>
                        </div>
                    </div>
                    <div class="template-steps__description">
                        <p>Marketing, logistics, and sales work become a virtuous cycle through which you sell more, with less overhead, and your brand reaps the rewards.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="template-button">
            <a href="/nto#" class="button button--default">Capabilities</a>
        </div>
    </div>
</section>
{{ template("steps", {
  "templateHeader": {
    "class": "align-center",
    "headers": [
      {
        "tag": "h2",
        "text": "It’s really pretty simple..."
      }
    ]
  },
  "templateButton": {
    "label": "Capabilities",
    "type": "button--default",
    "url": "#"
  },
  "items": [
    {
      "bg": "pink",
      "image": "/assets/images/cms/steps-img.svg",
      "title": "We buy your product",
      "subtitle": "You get paid here",
      "timeline": [
        {
          "icon": "/assets/images/cms/step-icon-1.svg",
          "title": "Marketplace Management"
        },
        {
          "icon": "/assets/images/cms/step-icon-2.svg",
          "title": "Logistics & Fulfillment"
        }
      ],
      "description": "Neato fronts the cost to buy your product and become your exclusive marketplace reseller, tying our success to your bottom line and long-term sales. Your effort virtually ends here, all we need from this point forward is a POC."
    },
    {
      "bg": "red",
      "image": "/assets/images/cms/steps-img.svg",
      "title": "We sell your product",
      "subtitle": "All the sh*t we do for you",
      "timeline": [
        {
          "icon": "/assets/images/cms/step-icon-3.svg",
          "title": "Create Engaging Content"
        },
        {
          "icon": "/assets/images/cms/step-icon-4.svg",
          "title": "market aggressively"
        }
      ],
      "description": "Our expert in-house creative team develops brand-approved  designs, photo, and video content to keep your product shining. We then use that creative to put your products before the right consumers at the right time."
    },
    {
      "bg": "yellow",
      "image": "/assets/images/cms/steps-img.svg",
      "title": "we amplify your brand",
      "subtitle": "Perpetual benefits",
      "timeline": [
        {
          "icon": "/assets/images/cms/step-icon-1.svg",
          "title": "Syndicate & Amplify"
        },
        {
          "icon": "/assets/images/cms/step-icon-2.svg",
          "title": "Analyze Data"
        }
      ],
      "description": "Marketing, logistics, and sales work become a virtuous cycle through which you sell more, with less overhead, and your brand reaps the rewards."
    }
  ]
}) }}