<div class="about_text_image">
  <div class="textimage_wrapper">
    <div class="textimage_content">
      <ul>
        {% for block in section.blocks %}
          <li>
            <div class="item_content">
              <div class="image">
                {% if block.settings.image != blank %}
                {% include 'image-element', image: block.settings.image, alt: block.settings.image.alt %}
                {% endif %}
              </div>
              <div class="content">
                {% if block.settings.title != blank %}
                <h2>{{ block.settings.title }}</h2>
                {% endif %}
                {% if block.settings.content != blank %}
                <p>{{ block.settings.content }}</p>
                {% endif %}
              </div>
            </div>
          </li>
        {% endfor %}
      </ul>
    </div>
  </div>
</div>

{% schema %}
  {
    "name": "Blog com imagem",
    "settings": [
    
	],
	 "blocks": [
        {
          "type": "blog",
          "name": "Blog",
          "settings": [
            {
              "type": "image_picker",
              "id": "image",
              "label": "Imagem"
            },
            {
              "type": "text",
              "id": "title",
              "label": "Título"
            },
            {
              "type": "textarea",
              "id": "content",
              "label": "Conteúdo"
            }
      	  ]
    	}
    ]
  }
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}
