<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>We bring engaging industry leaders from around the world to present a combination of inspirational talks and lively, hands-on workshops.</p>
</div>
<dl class="InfoList">
<dt class="InfoList-term InfoList-term--date"><span>Date</span></dt>
<dd class="InfoList-description">May 24-26 2017</dd>
<dt class="InfoList-term InfoList-term--location"><span>Location</span></dt>
<dd class="InfoList-description">Laban, London</dd>
</dl>
<table class="TicketTiers TicketTiers--full">
<tr class="Tier">
<td class="Tier-cell Tier-cell--name">Super Early Bird tickets</td>
<td class="Tier-cell Tier-cell--price"><span class="Tier-price Tier-price--soldout">£445 + VAT</span> <span class="Tier-soldout">Sold out</span></td>
</tr>
<tr class="Tier">
<td class="Tier-cell Tier-cell--name">Early Bird tickets</td>
<td class="Tier-cell Tier-cell--price"><span class="Tier-price">£495 + VAT</span> </td>
</tr>
<tr class="Tier">
<td class="Tier-cell Tier-cell--name">Standard tickets</td>
<td class="Tier-cell Tier-cell--price"><span class="Tier-price">£595 + VAT</span> </td>
</tr>
</table>
<a href="#" class="MegaLink MegaLink EventCard-link" aria-label="Full UX London details & tickets">
Full event details & tickets
</a>
</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",
"eventUrl": "#",
"eventLink": "Full event details & tickets",
"eventLabel": "Full UX London details & tickets",
"eventLocation": "Laban, London",
"eventDate": "May 24-26 2017",
"eventDescription": "<p>We bring engaging industry leaders from around the world to present a combination of inspirational talks and lively, hands-on workshops.</p>",
"eventTicketTiers": [
{
"tierName": "Super Early Bird tickets",
"tierPrice": "£445 + VAT",
"tierSoldOut": true
},
{
"tierName": "Early Bird tickets",
"tierPrice": "£495 + VAT"
},
{
"tierName": "Standard tickets",
"tierPrice": "£595 + VAT"
}
]
}
There are no notes for this item.