<div class="EventCard    ">

    <img class="EventCard-image" src="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/ux-london-logo.svg" alt="UX London">

    <div class="EventCard-section Prose">
        <p>3 days of inspiration for UX designers. We bring engaging industry leaders from around the world to present a combination of inspirational talks and lively, hands-on workshops.</p>
    </div>

    <div class="EventCard-section">
        <div class="EventCard-context">WHEN</div>
        <ul class="EventCard-list">
            <li class="EventCard-listItem ">
                <a href="#">2016</a>
            </li>
            <li class="EventCard-listItem ">
                <a href="#">2015</a>
            </li>
            <li class="EventCard-listItem ">
                <a href="#">2014</a>
            </li>
            <li class="EventCard-listItem ">
                <a href="#">2013</a>
            </li>
        </ul>
    </div>

</div>
<div 
    class="EventCard{% if eventModifier %} EventCard{{eventModifier}}{% endif %}
    {% if eventIsInverted %} EventCard--inverted{% endif %}" 
    {% if eventBackground %} style="background:{{eventBackground}}" {% endif %}>

    {% if eventSrc %}
        <img class="EventCard-image" src="{{eventSrc}}" alt="{{eventAlt}}">
    {% endif %}
    {% if eventName %}
        <div class="EventCard-eventName">{{ eventName }}</div>
    {% endif %}

    <div class="EventCard-section Prose">
        {{ eventDescription }}
    </div>

    
    {% set modifier = (eventIsInverted ? 'inverted' : '') %}
    {% if eventLocation or eventDate %}
    {% include '@event-info' with {eventDate: eventDate, eventLocation: eventLocation, infoListModifiers: modifier} only %}
    {% endif %}

    {% if eventTicketTiers %}
        {% set modifier = (eventIsInverted ? 'full TicketTiers--inverted' : 'full') %}
        {% include '@ticket-tiers' with {ticketTiers: eventTicketTiers, ticketTiersModifiers: modifier } only %}
    {% endif %}

    {% if eventPastVersions | length %}
        <div class="EventCard-section">
            <div class="EventCard-context">{{eventListTitle}}</div>
            <ul class="EventCard-list">
                {% for pastVersion in eventPastVersions %}
                    <li class="EventCard-listItem ">
                        <a href="{{pastVersion.versionURL}}">{{pastVersion.versionText}}</a>
                    </li>
                {% endfor %}
            </ul>
        </div>
    {% endif %}

    {% if eventUrl %}
        {% set modifier = ((eventStatus == 'current') ? '--block EventCard-link': ' EventCard-link' ) %}
        {% set modifier = (eventIsInverted ? modifier ~ ' MegaLink--inverted' : modifier) %}
        {% include '@mega-link' with {
            megaLinkURL: eventUrl,
            megaLinkText: eventLink,
            megaLinkLabel: eventLabel,
            megaLinkModifier: modifier
        }%}
    {% endif %}
</div>
{
  "eventSrc": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/ux-london-logo.svg",
  "eventAlt": "UX London",
  "eventDescription": "<p>3 days of inspiration for UX designers. We bring engaging industry leaders from around the world to present a combination of inspirational talks and lively, hands-on workshops.</p>",
  "eventListTitle": "WHEN",
  "eventPastVersions": [
    {
      "versionText": "2016",
      "versionURL": "#"
    },
    {
      "versionText": "2015",
      "versionURL": "#"
    },
    {
      "versionText": "2014",
      "versionURL": "#"
    },
    {
      "versionText": "2013",
      "versionURL": "#"
    }
  ]
}

There are no notes for this item.