{% comment %} <div class="grid__item grid__item--tablet-up-third">
    <div class="templates-card">
      <div class="templates-card__content background-white">
        <h3 class="heading--4" style="font-size: 1.3em !important;">{{ title }}</h3>
        <p class="templates-card__description">{{ description }}</p>
      </div>
      <a class="templates-card__link-section"
        target="_blank"
        href="{{ link }}"
        >
        <div class="templates-card__link-container styled-links-container">
          <span class="templates-card__link styled-links" style="color: black !important">
            {{ link_description }}
            <span class="template-card__link-icon">
                {{ download_icon }}
            </span>
          </span>
        </div>
      </a>
    </div>
  </div> {% endcomment %}

{% comment %} <table style="width:100%">
  <tr>
    <th style="float:left">{{ title }}</th>
    <th>{{ description }}</th> 
    <th style="float:right"><a target="_blank" href="{{ link }}">{{ link_description }} {{ download_icon }}</a></th>
  </tr>
</table> {% endcomment %}

<div class="grid__item workshop__item">
  <div class="grid">
      <div class="workshop__course-title-wrapper grid__item grid__item--tablet-up-quarter">
        <div class="workshop__course-title-container">
              <p class="workshop__course-title-text color-black">
                {{ title }}
              </p>
            </div>
      </div>
      <span class="workshop__course-title-arrow"></span>
    <div class="grid__item grid__item--tablet-up-third workshop__course-information">
      <p>{{ description }}</p>
    </div>
    <div class="grid__item grid__item--desktop-up-2 grid__item--tablet-up-1 workshop__course-information">

      <a class="de-session-button uk-button uk-button-outline filled-button" target="_blank" href="{{ link }}">
        <p class="white-text">{{ link_description }}</p>
      </a>

    </div>
  </div>
</div>