Cacher is the code snippet organizer for pro developers

<div class="well-code-page">
  <section class="well-page-head">
    <div class="page-width">
      <img src="{{ "well-code-logo.png" | asset_url }}" alt="Well Code">
      <div class="well-head-caption">
        <h3>{{ section.settings.page-title }}</h3>
        <p>{{ section.settings.page-title-desc }}</p>
      </div>
    </div>
  </section><!-- /.well-page-head -->
  <div class="page-width">
    <div class="grid grid--half-gutters">
      <div class="grid__item medium-up--one-fifth">
        <aside>
          <div class="side-block">
            <h3><a href="/collections/all">shop all ></a></h3>
          </div>

          {% assign menu1 =  section.settings.sidebar-linklist1 %}
          <div class="side-block">
            <h3>{{ linklists[menu1].title }}</h3>
            <ul>
              {% for link in linklists[menu1].links %}
                 <li>{{ link.title | link_to: link.url }}</li>
              {% endfor %}
            </ul>
          </div>

          {% assign menu2 =  section.settings.sidebar-linklist2 %}
          <div class="side-block">
            <h3>{{ linklists[menu2].title }}</h3>
            <ul>
              {% for link in linklists[menu2].links %}
                 <li>{{ link.title | link_to: link.url }}</li>
              {% endfor %}
            </ul>
          </div>

          {% assign menu3 =  section.settings.sidebar-linklist3 %}
          <div class="side-block">
            <h3>{{ linklists[menu3].title }}</h3>
            <ul>
              {% for link in linklists[menu3].links %}
                 <li>{{ link.title | link_to: link.url }}</li>
              {% endfor %}
            </ul>
          </div>

          {% assign menu4 =  section.settings.sidebar-linklist4 %}
          <div class="side-block">
            <h3>{{ linklists[menu4].title }}</h3>
            <ul>
              {% for link in linklists[menu4].links %}
                 <li>{{ link.title | link_to: link.url }}</li>
              {% endfor %}
            </ul>
          </div>
        </aside>
      </div>
      <div class="grid__item medium-up--four-fifths">
        <div class="grid">
          <div class="grid__item medium-up--two-fifths well-wellness">
            <div class="beauty-wellness">
              <h3 class="block-head">{{ section.settings.block1-title }}</h3>
              <a href="{{ section.settings.block1-url }}" class="well-link">
                {{ section.settings.block1-text }}
              </a>
            </div>
            {{ section.settings.block1-image | img_url: '1000x1000'  | img_tag: section.settings.image.alt }}
          </div>
          <div class="grid__item medium-up--three-fifths well-essental">
            {{ section.settings.block2-image  | img_url: '1000x1000'  | img_tag: section.settings.image.alt }}
            <div class="well-block-caption">
              <h3 class="block-head">{{ section.settings.block2-title }}</h3>
              <a href="{{ section.settings.block2-url }}" class="well-link">{{ section.settings.block2-text }}</a>
            </div>
          </div>
          <div class="grid__item medium-up--three-fifths well-blog">
            {{ section.settings.block3-image | img_url: '1000x1000'  | img_tag: section.settings.image.alt }}
            <div class="well-block-caption">
              <h3 class="block-head">{{ section.settings.block3-title }}</h3>
              <a href="{{ section.settings.block3-url }}" class="well-link">{{ section.settings.block3-text }}</a>
            </div>
          </div>
          <div class="grid__item medium-up--two-fifths well-detox">
            {{ section.settings.block4-image | img_url: '1000x1000' | img_tag: section.settings.image.alt }}
            <div class="well-block-caption">
              <h3 class="block-head">{{ section.settings.block4-title }}</h3>
              <a href="{{ section.settings.block4-url }}" class="well-link">{{ section.settings.block3-text }}</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>



{% schema %}
  {
    "name": "Entertaining",
    "settings": [
      {
        "type": "text",
        "id": "page-title",
        "label": "Page Title"
      },
      {
        "type": "text",
        "id": "page-title-desc",
        "label": "Page Title Description"
      },
      {
        "type": "link_list",
        "id": "sidebar-linklist1",
        "label": "Sidebar Menu 1"
      },
      {
        "type": "link_list",
        "id": "sidebar-linklist2",
        "label": "Sidebar Menu 2"
      },
      {
        "type": "link_list",
        "id": "sidebar-linklist3",
        "label": "Sidebar Menu 3"
      },
      {
        "type": "link_list",
        "id": "sidebar-linklist4",
        "label": "Sidebar Menu 4"
      },
      {
        "type": "image_picker",
        "id": "block1-image",
        "label": "Block One Image"
      },
      {
        "type": "text",
        "id": "block1-title",
        "label": "Block One Title"
      },
      {
        "type": "text",
        "id": "block1-text",
        "label": "Block One Text"
      },
      {
        "type": "url",
        "id": "block1-url",
        "label": "Block One Link"
      },
      {
        "type": "image_picker",
        "id": "block2-image",
        "label": "Block Two Image"
      },
      {
        "type": "text",
        "id": "block2-title",
        "label": "Block Two Title"
      },
      {
        "type": "text",
        "id": "block2-text",
        "label": "Block Two Text"
      },
      {
        "type": "url",
        "id": "block2-url",
        "label": "Block Two Link"
      },
      {
        "type": "image_picker",
        "id": "block3-image",
        "label": "Block Three Image"
      },
      {
        "type": "text",
        "id": "block3-title",
        "label": "Block Three Title"
      },
      {
        "type": "text",
        "id": "block3-text",
        "label": "Block Three Text"
      },
      {
        "type": "url",
        "id": "block3-url",
        "label": "Block Three Link"
      },
      {
        "type": "image_picker",
        "id": "block4-image",
        "label": "Block Four Image"
      },
      {
        "type": "text",
        "id": "block4-title",
        "label": "Block Four Title"
      },
      {
        "type": "text",
        "id": "block4-text",
        "label": "Block Four Text"
      },
      {
        "type": "url",
        "id": "block4-url",
        "label": "Block Four Link"
      }
    ],
    "presets": [
      {
        "name": "Entertaining"
      }
    ]
  }
{% endschema %}