Content Design Input

HTML

        
        <div class="preview-item" style="width: 576px">
  <div class="c-content-design-field">
    <div class="c-content-design-field__thumbnail c-content-design-field__thumbnail--left" style="background-image: url('/content-design-thumbnail-2.jpg')"></div>
    <div class="c-content-design-field__thumbnail c-content-design-field__thumbnail--right" style="background-image: url('/content-design-thumbnail-2.jpg')"></div>
    <a href="#" class="c-button c-content-design-field__action c-button--default" type="button"><i class="c-button__icon icon icon-color"></i>
      <div class="c-button__label">Design content</div>
    </a>
  </div>
</div>

<div class="preview-item" style="width: 576px">
  <div class="c-content-design-field">
    <div class="c-content-design-field__thumbnail c-content-design-field__thumbnail--left c-content-design-field__thumbnail--empty" style="background-image: url('/template-design-empty.svg')"></div>
    <div class="c-content-design-field__thumbnail c-content-design-field__thumbnail--right c-content-design-field__thumbnail--empty" style="background-image: url('/template-design-empty.svg')"></div>
    <a href="#" class="c-button c-content-design-field__action c-button--default" type="button"><i class="c-button__icon icon icon-color"></i>
      <div class="c-button__label">Design content</div>
    </a>
  </div>
</div>