Card

<div class="e-card e-card-no_title">
  <div class="e-card__content">
    <img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97240&amp;w=240&amp;h=240">
  </div>
</div>

<div class="e-card e-card-no_title"><div class="e-card__content"><img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97240&amp;w=240&amp;h=240"></div></div>

<div class="e-card e-card-no_content">
  <div class="e-card__lead">
    <div class="e-card__caption">
      <div class="e-card__title e-card__title-multiple">
        <p>
          Value 15%
        </p>
        <p>
          Minimum order value
        </p>
      </div>
      <div class="e-card__badge">
        <e-icon class="e-clickable" icon="plus" size="medium"></e-icon>
      </div>
    </div>
  </div>
</div>

<div class="e-card e-card-no_content"><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title e-card__title-multiple"><p>Value 15%</p><p>Minimum order value</p></div><div class="e-card__badge"><e-icon class="e-clickable" icon="plus" size="medium"></e-icon></div></div></div></div>

<div class="e-card e-card-no_title e-card-emptystate">
  <div class="e-card__content">
    <div class="e-emptystate">
      <div class="e-emptystate__content">
        <div class="e-emptystate__title">
          Veniam pariatur deserunt laboris sint
        </div>
        <div class="e-emptystate__lead">
          Ea nisi ea commodo laboris occaecat ut laboris consectetur dolore
        </div>
        <div class="e-emptystate__button e-btn e-btn-secondary">
          Primary button
        </div>
      </div>
    </div>
  </div>
</div>

<div class="e-card e-card-no_title e-card-emptystate"><div class="e-card__content"><div class="e-emptystate"><div class="e-emptystate__content"><div class="e-emptystate__title">Veniam pariatur deserunt laboris sint</div><div class="e-emptystate__lead">Ea nisi ea commodo laboris occaecat ut laboris consectetur dolore</div><div class="e-emptystate__button e-btn e-btn-secondary">Primary button</div></div></div></div></div>

<div class="e-card e-card-no_title e-card-emptystate e-card-auto_height">
  <div class="e-card__content">
    <div class="e-emptystate">
      <div class="e-emptystate__content">
        <div class="e-emptystate__lead">
          Ea nisi ea commodo laboris occaecat ut laboris consectetur dolore
        </div>
        <div class="e-emptystate__button e-btn e-btn-secondary">
          Primary button
        </div>
      </div>
    </div>
  </div>
</div>

<div class="e-card e-card-no_title e-card-emptystate e-card-auto_height"><div class="e-card__content"><div class="e-emptystate"><div class="e-emptystate__content"><div class="e-emptystate__lead">Ea nisi ea commodo laboris occaecat ut laboris consectetur dolore</div><div class="e-emptystate__button e-btn e-btn-secondary">Primary button</div></div></div></div></div>

<div class="e-card e-card-small">
  <div class="e-card__content">
    <img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=17&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=180%C3%97130&amp;w=180&amp;h=130">
  </div>
  <div class="e-card__lead">
    <div class="e-card__caption">
      <div class="e-card__title">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit.
      </div>
    </div>
  </div>
</div>

<div class="e-card e-card-small"><div class="e-card__content"><img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=17&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=180%C3%97130&amp;w=180&amp;h=130"></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div></div></div></div>

<div class="e-card e-card-auto_height">
  <div class="e-card__content">
    <img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97130&amp;w=240&amp;h=130">
  </div>
  <div class="e-card__lead">
    <div class="e-card__caption">
      <div class="e-card__title">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.
      </div>
    </div>
  </div>
</div>

<div class="e-card e-card-auto_height"><div class="e-card__content"><img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97130&amp;w=240&amp;h=130"></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.</div></div></div></div>

<div class="e-card">
  <div class="e-card__content">
    <img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=17&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=160%C3%97160&amp;w=160&amp;h=160">
  </div>
  <div class="e-card__lead">
    <div class="e-card__caption">
      <div class="e-card__title">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.
      </div>
    </div>
  </div>
</div>

<div class="e-card"><div class="e-card__content"><img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=17&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=160%C3%97160&amp;w=160&amp;h=160"></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.</div></div></div></div>

<div class="e-card">
  <div class="e-card__content">
    <img class="e-card__preview" src="https://placehold.it/240x60/7a81be/fff">
  </div>
  <div class="e-card__lead">
    <div class="e-card__caption">
      <div class="e-card__title">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.
      </div>
    </div>
  </div>
</div>

<div class="e-card"><div class="e-card__content"><img class="e-card__preview" src="https://placehold.it/240x60/7a81be/fff"></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.</div></div></div></div>

<div class="e-card e-card-no_checkerboard">
  <div class="e-card__content">
    <img class="e-card__preview" src="https://placehold.it/240x60/7a81be/fff">
  </div>
  <div class="e-card__lead">
    <div class="e-card__caption">
      <div class="e-card__title">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.
      </div>
    </div>
  </div>
</div>

<div class="e-card e-card-no_checkerboard"><div class="e-card__content"><img class="e-card__preview" src="https://placehold.it/240x60/7a81be/fff"></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.</div></div></div></div>

<div class="e-card">
  <div class="e-card__content" style="background-image: url('https://placehold.it/1024x200/7a81be/fff')"></div>
  <div class="e-card__lead">
    <div class="e-card__caption">
      <div class="e-card__title">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.
      </div>
    </div>
  </div>
</div>

<div class="e-card"><div class="e-card__content" style="background-image: url('https://placehold.it/1024x200/7a81be/fff')"></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.</div></div></div></div>

<div class="e-card">
  <div class="e-card__content">
    <img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190">
  </div>
  <div class="e-card__lead">
    <div class="e-card__caption">
      <div class="e-card__title">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit.
      </div>
      <div class="e-card__badge">
        <div class="e-label e-label-secondary">
          Default
        </div>
      </div>
    </div>
    <div class="e-card__description">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    </div>
    <div class="e-card__footer">
      <a class="e-btn e-btn-primary">
        Primary Action
      </a>
      <e-dropdown data-markup-content="&lt;e-icon icon=&quot;dots&quot;&gt;&lt;/e-icon&gt;" data-markup-class="e-btn e-btn-borderless e-btn-onlyicon" data-markup-class-active="e-btn-active" data-dropdown-align="top">
        <div class="e-dropdown__content">
          <a class="e-dropdown__item" href="#0">
            <e-icon icon="pencil" type="table"></e-icon>
             Preview
          </a>
          <a class="e-dropdown__item" href="#0">
            <e-icon icon="eye" type="table"></e-icon>
             Edit
          </a>
          <a class="e-dropdown__item" href="#0">
            <e-icon icon="pencil" type="table"></e-icon>
             Copy
          </a>
          <a class="e-dropdown__item" href="#0">
            <e-icon icon="eye" type="table"></e-icon>
             Delete
          </a>
        </div>
      </e-dropdown>
    </div>
  </div>
</div>

<div class="e-card"><div class="e-card__content"><img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190"></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div><div class="e-card__badge"><div class="e-label e-label-secondary">Default</div></div></div><div class="e-card__description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div><div class="e-card__footer"><a class="e-btn e-btn-primary">Primary Action</a><e-dropdown data-markup-content="&lt;e-icon icon=&quot;dots&quot;&gt;&lt;/e-icon&gt;" data-markup-class="e-btn e-btn-borderless e-btn-onlyicon" data-markup-class-active="e-btn-active" data-dropdown-align="top"><div class="e-dropdown__content"><a class="e-dropdown__item" href="#0"><e-icon icon="pencil" type="table"></e-icon> Preview</a><a class="e-dropdown__item" href="#0"><e-icon icon="eye" type="table"></e-icon> Edit</a><a class="e-dropdown__item" href="#0"><e-icon icon="pencil" type="table"></e-icon> Copy</a><a class="e-dropdown__item" href="#0"><e-icon icon="eye" type="table"></e-icon> Delete</a></div></e-dropdown></div></div></div>

<div class="e-card">
  <div class="e-card__content">
    <iframe class="e-card__preview e-card__preview-stretch" src="https://placeholdit.imgix.net/~text?txtsize=13&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=Iframe+content&amp;w=240&amp;h=190&amp;txttrack=0"></iframe>
  </div>
  <div class="e-card__lead">
    <div class="e-card__caption">
      <div class="e-card__title">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.
      </div>
    </div>
  </div>
</div>

<div class="e-card"><div class="e-card__content"><iframe class="e-card__preview e-card__preview-stretch" src="https://placeholdit.imgix.net/~text?txtsize=13&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=Iframe+content&amp;w=240&amp;h=190&amp;txttrack=0"></iframe></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.</div></div></div></div>

<div class="e-card">
  <div class="e-card__content e-card__content-prevent_click">
    <iframe class="e-card__preview e-card__preview-stretch" src="https://placeholdit.imgix.net/~text?txtsize=13&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=Iframe+content&amp;w=240&amp;h=190&amp;txttrack=0"></iframe>
  </div>
  <div class="e-card__lead">
    <div class="e-card__caption">
      <div class="e-card__title">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.
      </div>
    </div>
  </div>
</div>

<div class="e-card"><div class="e-card__content e-card__content-prevent_click"><iframe class="e-card__preview e-card__preview-stretch" src="https://placeholdit.imgix.net/~text?txtsize=13&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=Iframe+content&amp;w=240&amp;h=190&amp;txttrack=0"></iframe></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.</div></div></div></div>

<div class="e-card">
  <div class="e-card__content">
    <img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190">
  </div>
  <div class="e-card__lead">
    <div class="e-card__caption">
      <div class="e-card__title">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.
      </div>
      <div class="e-card__badge">
        <div class="e-label e-label-secondary">
          Default
        </div>
      </div>
    </div>
  </div>
</div>

<div class="e-card"><div class="e-card__content"><img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190"></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.</div><div class="e-card__badge"><div class="e-label e-label-secondary">Default</div></div></div></div></div>

<div class="e-card e-card-auto_height e-card-no_hover">
  <div class="e-card__content">
    <img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97100&amp;w=240&amp;h=100">
  </div>
  <div class="e-card__lead">
    <div class="e-card__caption">
      <div class="e-card__title">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.
      </div>
      <div class="e-card__badge">
        <div class="e-label e-label-secondary">
          Default
        </div>
      </div>
    </div>
  </div>
</div>

<div class="e-card e-card-auto_height e-card-no_hover"><div class="e-card__content"><img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97100&amp;w=240&amp;h=100"></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.</div><div class="e-card__badge"><div class="e-label e-label-secondary">Default</div></div></div></div></div>

<div class="e-row">
  <div class="e-col-5">
    <div class="e-card e-card-fluid">
      <div class="e-card__content">
        <img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190">
      </div>
      <div class="e-card__lead">
        <div class="e-card__caption">
          <div class="e-card__title">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="e-row"><div class="e-col-5"><div class="e-card e-card-fluid"><div class="e-card__content"><img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190"></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.</div></div></div></div></div></div>

<div class="e-card e-clickable">
  <div class="e-card__content e-card__content-empty">
    <e-icon icon="plus" size="middle"></e-icon>
  </div>
  <div class="e-card__lead">
    <div class="e-card__caption">
      <div class="e-card__title">
        Add new item
      </div>
    </div>
  </div>
</div>

<div class="e-card e-clickable"><div class="e-card__content e-card__content-empty"><e-icon icon="plus" size="middle"></e-icon></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Add new item</div></div></div></div>

<div class="e-card e-card-has_overlay">
  <div class="e-card__content">
    <img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190">
  </div>
  <div class="e-card__buttons">
    <div class="e-buttongroup e-buttongroup-sticky">
      <e-tooltip content="Edit item">
        <button class="e-btn e-btn-onlyicon e-svgclickfix" type="button">
          <e-icon icon="pencil"></e-icon>
        </button>
      </e-tooltip>
    </div>
  </div>
  <div class="e-card__lead">
    <div class="e-card__caption">
      <input class="e-input e-card__input" type="text" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit.">
    </div>
  </div>
</div>

<div class="e-card e-card-has_overlay"><div class="e-card__content"><img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190"></div><div class="e-card__buttons"><div class="e-buttongroup e-buttongroup-sticky"><e-tooltip content="Edit item"><button class="e-btn e-btn-onlyicon e-svgclickfix" type="button"><e-icon icon="pencil"></e-icon></button></e-tooltip></div></div><div class="e-card__lead"><div class="e-card__caption"><input class="e-input e-card__input" type="text" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit."></div></div></div>

<div class="e-card e-card-has_overlay">
  <div class="e-card__content">
    <img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190">
  </div>
  <div class="e-card__buttons">
    <div class="e-buttongroup e-buttongroup-sticky">
      <e-tooltip content="Edit item">
        <button class="e-btn e-btn-onlyicon e-svgclickfix" type="button">
          <e-icon icon="pencil"></e-icon>
        </button>
      </e-tooltip>
      <e-tooltip content="Edit item">
        <button class="e-btn e-btn-onlyicon e-svgclickfix" type="button">
          <e-icon icon="files-o"></e-icon>
        </button>
      </e-tooltip>
      <e-tooltip content="Edit item">
        <button class="e-btn e-btn-onlyicon e-svgclickfix" type="button">
          <e-icon icon="trash-o"></e-icon>
        </button>
      </e-tooltip>
    </div>
  </div>
  <div class="e-card__action">
    <a class="e-btn e-btn-primary" href="#">
      Edit this item
    </a>
  </div>
  <div class="e-card__lead">
    <div class="e-card__caption">
      <div class="e-card__title">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.
      </div>
    </div>
  </div>
</div>

<div class="e-card e-card-has_overlay"><div class="e-card__content"><img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190"></div><div class="e-card__buttons"><div class="e-buttongroup e-buttongroup-sticky"><e-tooltip content="Edit item"><button class="e-btn e-btn-onlyicon e-svgclickfix" type="button"><e-icon icon="pencil"></e-icon></button></e-tooltip><e-tooltip content="Edit item"><button class="e-btn e-btn-onlyicon e-svgclickfix" type="button"><e-icon icon="files-o"></e-icon></button></e-tooltip><e-tooltip content="Edit item"><button class="e-btn e-btn-onlyicon e-svgclickfix" type="button"><e-icon icon="trash-o"></e-icon></button></e-tooltip></div></div><div class="e-card__action"><a class="e-btn e-btn-primary" href="#">Edit this item</a></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.</div></div></div></div>

<div class="e-row">
  <div class="e-col-3">
    <div class="e-card e-card-active">
      <div class="e-card__content">
        <img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190">
      </div>
      <div class="e-card__lead">
        <div class="e-card__caption">
          <div class="e-card__title">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="e-row"><div class="e-col-3"><div class="e-card e-card-active"><div class="e-card__content"><img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190"></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum assumenda iusto perspiciatis.</div></div></div></div></div></div>

<div class="e-grid e-grid-medium e-grid-wrap">
  <div class="e-cell e-cell-3 e-cell-medium">
    <div class="e-card e-card-fluid">
      <div class="e-card__content e-card__content-nopadding">
        <img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190">
      </div>
      <div class="e-card__lead">
        <div class="e-card__caption">
          <div class="e-card__title">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="e-cell e-cell-3 e-cell-medium">
    <div class="e-card e-card-fluid">
      <div class="e-card__content e-card__content-nopadding">
        <img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190">
      </div>
      <div class="e-card__lead">
        <div class="e-card__caption">
          <div class="e-card__title">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="e-cell e-cell-3 e-cell-medium">
    <div class="e-card e-card-fluid">
      <div class="e-card__content e-card__content-nopadding">
        <img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190">
      </div>
      <div class="e-card__lead">
        <div class="e-card__caption">
          <div class="e-card__title">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="e-cell e-cell-3 e-cell-medium">
    <div class="e-card e-card-fluid">
      <div class="e-card__content e-card__content-nopadding">
        <img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190">
      </div>
      <div class="e-card__lead">
        <div class="e-card__caption">
          <div class="e-card__title">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="e-cell e-cell-3 e-cell-medium">
    <div class="e-card e-card-fluid">
      <div class="e-card__content e-card__content-nopadding">
        <img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190">
      </div>
      <div class="e-card__lead">
        <div class="e-card__caption">
          <div class="e-card__title">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="e-cell e-cell-3 e-cell-medium">
    <div class="e-card e-card-fluid e-clickable">
      <div class="e-card__content e-card__content-empty">
        <e-icon icon="plus" size="middle"></e-icon>
      </div>
      <div class="e-card__lead">
        <div class="e-card__caption">
          <div class="e-card__title">
            Add new item
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="e-grid e-grid-medium e-grid-wrap"><div class="e-cell e-cell-3 e-cell-medium"><div class="e-card e-card-fluid"><div class="e-card__content e-card__content-nopadding"><img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190"></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div></div></div></div></div><div class="e-cell e-cell-3 e-cell-medium"><div class="e-card e-card-fluid"><div class="e-card__content e-card__content-nopadding"><img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190"></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div></div></div></div></div><div class="e-cell e-cell-3 e-cell-medium"><div class="e-card e-card-fluid"><div class="e-card__content e-card__content-nopadding"><img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190"></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div></div></div></div></div><div class="e-cell e-cell-3 e-cell-medium"><div class="e-card e-card-fluid"><div class="e-card__content e-card__content-nopadding"><img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190"></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div></div></div></div></div><div class="e-cell e-cell-3 e-cell-medium"><div class="e-card e-card-fluid"><div class="e-card__content e-card__content-nopadding"><img class="e-card__preview" src="https://placeholdit.imgix.net/~text?txtsize=23&amp;bg=7a81be&amp;txtclr=ffffff&amp;txt=240%C3%97190&amp;w=240&amp;h=190"></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div></div></div></div></div><div class="e-cell e-cell-3 e-cell-medium"><div class="e-card e-card-fluid e-clickable"><div class="e-card__content e-card__content-empty"><e-icon icon="plus" size="middle"></e-icon></div><div class="e-card__lead"><div class="e-card__caption"><div class="e-card__title">Add new item</div></div></div></div></div></div>