<hr>
<div id="section-cta">
  <div class="section-header text-center">
    <h3> {{ section.settings.text-box }} </h3>
  </div>

  {% for block in section.blocks %}
  <div class="btn" id="call-to-action">
    <a href="{{ block.settings.link }}" class="btn">{{ block.settings.linktext }}</a>

  </div>
  {% endfor %}


</div>
<hr>
{% schema %}
{
    "name": "CTA Blocks",
	"max_blocks": 3,
    "settings": [
    {
       "id": "text-box",
       "type": "text",
       "label": "Heading",
       "default": "Title"
    }
],
    "blocks": [
    {
        "type": "select",
        "name": "Add Button",
        "settings": [
      {
            "id": "link",
	   		"type": "url",
       		"label": "Button link"
      },
      {
       		"id": "linktext",
	   		"type": "text",
       		"label": "Button text",
       		"default": "Click here"
      }
]
    }

],
	"presets": [
    {
       "name": "Call to Action Blocks",
       "category": "CTA button",
	   "blocks": [
          {
            "type": "select"
          },
		  {
            "type": "select"
          }
]
    }
]
}
{% endschema %}

{% stylesheet %}

{% endstylesheet %}

{% javascript %}
{% endjavascript %}