<div class="Background Background--grey">
<header class="SiteHeader">
<a href="" class="Logo Logo--crayola-red" title="Home">
<svg role="img" aria-labelledby="clearleft-logo" xmlns="http://www.w3.org/2000/svg" width="154" height="55" viewBox="0 0 154 54">
<title id="clearleft-logo">Clearleft</title>
<style>
.Logo-streak {
mask-repeat: no-repeat;
stroke-dasharray: 150% 150%;
stroke-dashoffset: 150%;
}
.animateLogo-streak {
animation: swipe 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s forwards;
}
@keyframes swipe {
from {
stroke-dashoffset: 150%;
}
to {
stroke-dashoffset: 0%;
}
}
</style>
<path class="Logo-text" fill="#25333A" d="M152.5 27.5v5.4h-2.4c-5.5 0-8.6-3.3-8.6-9.3v-6.8h-7.4v16.1h-5.6V16.8h-3.1l-.1-4.6h3.1v-.6c0-6 3-9.3 8.6-9.3h2.4v5.4H137c-2 0-2.9 1.3-2.9 4v.6h7.4v-4l5.6-3.6v7.4h4v4.6h-4v6.8c0 2.7 1 4 2.9 4h2.5zM77 11.9h5.6v21H77v-2c-1.7 1.7-4 2.7-6.4 2.6-5.7 0-10.1-4.8-10.1-11s4.4-11 10.1-11c2.4-.1 4.7.8 6.4 2.5v-2.1zm0 10.5c0-3.5-2.4-6.1-5.6-6.1s-5.6 2.6-5.6 6.1 2.3 6.1 5.6 6.1S77 26 77 22.4zm12.9-8.7v-1.8h-5.4v21h5.6v-9.5c0-4.5.8-6.8 5-6.8h1.5v-5.4h-.2c-3 0-5.2.9-6.5 2.5zM98 32.8h5.6V2.4H98v30.4zM17 8.1c3.2 0 6.1 1.8 7.6 4.5l.1.2.2-.1 4.8-3.1.3-.1-.1-.2C27 5 22.2 2.4 17.1 2.4 8.6 2.3 1.6 9.1 1.5 17.5v.3c-.1 8.5 6.8 15.4 15.3 15.5h.3c5.1.1 9.9-2.5 12.8-6.7l.1-.2-5.2-3.4-.1.2c-1.6 2.7-4.5 4.4-7.6 4.5-5.2 0-9.2-4.3-9.2-9.8 0-4.8 3.4-9.8 9.1-9.8zm14.6 24.7h5.6V2.4h-5.6v30.4zm94-10.5c0 .6 0 1.1-.1 1.7v.5h-14.8c.5 2.5 2.8 4.3 5.4 4.1 2 0 3.9-.7 5.5-2l.4-.3 2.8 4-.3.3c-2.4 2-5.5 3.1-8.6 3-6.4 0-10.8-4.6-10.8-11.1s4.3-11.1 10.6-11.1c5.7-.2 9.8 4.4 9.9 10.9zm-5.7-2.2c-.6-2.5-2.2-3.9-4.5-3.9-2.4-.1-4.4 1.6-4.7 3.9h9.2zm-60.7 2.2c0 .6 0 1.1-.1 1.7v.5H44.3c.5 2.5 2.8 4.3 5.4 4.1 2 0 3.9-.7 5.5-2l.4-.3 2.8 4-.3.3c-2.4 2-5.5 3.1-8.6 3-6.4 0-10.8-4.6-10.8-11.1S43 11.2 49.2 11.2c5.9 0 10 4.6 10 11.1zm-5.6-2.2c-.6-2.5-2.2-3.9-4.5-3.9-2.4-.1-4.4 1.6-4.7 3.9h9.2z" />
<clipPath id="mask">
<path d="M151.8 44c-.2-1-1.1-1.6-2-1.4h-.1c-1.1.4-2.2.4-3.3.2-1.4-.2-2.9-.3-4.3-.5-2.4-.3-4.8-.5-7.2-.7-2.6-.2-5.3-.3-7.9-.5-2.5-.2-4.9-.4-7.4-.5-5.2-.3-10.5-.5-15.7-.6-4.4-.2-19.6-.3-23.9-.3-3.1 0-6.1.1-9.2.2-4.1 0-18.9.3-23 .6-4.3.2-8.7.4-13 .7-4 .3-8 .5-11.9.7-.9 0-1.8.1-2.7.3-2.4 0-4.4.2-6.5.3-1.7.1-3.4.1-5 .4v0c-.7 0-1-.4-2.1-.3s-2.1.5-2.1 1.1c-.5.1 0 .4-.6.5v.5c.4.2.6.4 0 .7v.2c.3-.1.4 0 .6.1v.4c-.4.2-.2.4-.1.5s.5.4.4.7c-.1.5.1 1 .5 1.3v.2c.1.7 1.1 1.3 1.2 2 .1.5 1 1 2.3.9 1.1-.1 1.5-.5 2.5-.7.2 0 .8-.1 1-.1 4.2-.3 8.5-.6 12.7-1 1.2-.1 2.6-.1 3.7-.3 1.5-.3 3.1-.3 4.6-.5 2.9-.3 5.8-.5 8.6-.5 2.4 0 4.8-.3 7.2-.4 1.3-.1 2.7.1 4-.1.5-.1 1-.1 1.6-.1 1.4.1 13.7-.1 15.1-.1 2.8 0 5.6-.1 8.4-.2 3.3-.1 17.4-.2 20.7 0 1.1 0 2.3.2 3.4.2 3.1-.2 6.2.1 9.3.2 2.7.1 5.4.3 8.1.4s5.2.2 7.8.5c1 .1 2.1.2 3.1.3.8.1 1.4-.2 2.2-.1 2 .3 4.1.5 6.2.6 1.1 0 2.2.1 3.2.3 1.6.3 3.1.5 4.7.7l1 .4c.9.4 1.8.5 2.8.3.5-.3.8-1 .6-1.6v-.2c.1-.2.2-.3.1-.5.3-.1.3-.2.2-.4.2-.6.7-1.1.4-1.7-.1-.2-.4-.6.4-.8v-.5c-.4 0-.4-.2-.5-.3-.2-.5-.1-1-.1-1.5zM78.3 45.3h-.2.2" />
</clipPath>
<path class="Logo-streak animateLogo-streak" clip-path="url(#mask)" fill-rule="evenodd" fill="none" stroke="#23D8A0" stroke-width="13" d="M-1.1 49.4s50.4-6.3 81.9-6 77.1 4.6 77.1 4.6" />
</svg>
</a>
<nav class="PrimaryNavigation PrimaryNavigation--crayola-red" aria-label="Primary Navigation" data-component="PrimaryNavigation">
<a href="#offcanvas" class="PrimaryNavigation-menu" aria-hidden="true">Menu</a>
<ul class="PrimaryNavigation-list">
<li class="PrimaryNavigation-listItem"><a href="#" class="PrimaryNavigation-link is-active ">Case Studies</a></li>
<li class="PrimaryNavigation-listItem"><a href="#" class="PrimaryNavigation-link">Team</a></li>
<li class="PrimaryNavigation-listItem"><a href="#" class="PrimaryNavigation-link">Posts</a></li>
<li class="PrimaryNavigation-listItem"><a href="#" class="PrimaryNavigation-link">Events</a></li>
<li class="PrimaryNavigation-listItem"><a href="#" class="PrimaryNavigation-link">Contact</a></li>
</ul>
</nav>
</header>
<div class="Masthead Masthead--chimney Texture" role="banner">
<div class="Masthead-container">
<div class="Masthead-primary">
<div class="Breadcrumb" role="navigation" aria-label="Breadcrumb Navigation">
<a href="/components/preview/events" class="Breadcrumb-item Breadcrumb-item--first">Events</a>
</div>
<!--/.Breadcrumb-->
<h1 class="Heading Heading--main">Our Past<br>Events.</h1>
</div>
<!--/.Masthead-primary-->
<div class="Masthead-lead">
<div class="Masthead-description Lead Bar ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud .</div>
</div>
</div>
</div>
<!--/.Masthead-->
</div>
<main id="main-content">
<div class="Cols Cols--half Cols--dense">
<div class="u-vertical-center u-border-top-n2 ">
<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>
<picture>
<source srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/vhols-index.jpg?mtime=20171101102312" media="(min-width: 57.5em)">
<source srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/vhols-index.jpg?mtime=20171101102312" media="(min-width: 42.5em)">
<img class="l-img-con" src="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/vhols-index.jpg?mtime=20171101102312" alt=" " style="object-position: 0% 50%">
</picture>
<picture class="u-hide-sm">
<source data-srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/bhcc-index.jpg?mtime=20171101102133" media="(min-width: 57.5em)">
<source data-srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/bhcc-index.jpg?mtime=20171101102133" media="(min-width: 42.5em)">
<img class="l-img-con" data-src="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/bhcc-index.jpg?mtime=20171101102133" alt=" " style="object-position: 0% 50%">
</picture>
<picture class="u-hide-sm">
<source data-srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/pearson-index.jpg?mtime=20171101102457" media="(min-width: 57.5em)">
<source data-srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/pearson-index.jpg?mtime=20171101102457" media="(min-width: 42.5em)">
<img class="l-img-con" data-src="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/pearson-index.jpg?mtime=20171101102457" alt=" " style="object-position: 50% 50%">
</picture>
<div class="u-vertical-center u-border-top-n2 Col--pull""
>
<div
class=" EventCard "
>
<img class=" EventCard-image" src="/assets/img/logos/clearleft-presents-med.svg" alt="Clearleft presents: Blair Enns The Four Conversations">
<div class="EventCard-section Prose">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
</div>
<div class="EventCard-section">
<div class="EventCard-context">Who</div>
<ul class="EventCard-list">
<li class="EventCard-listItem ">
<a href="#">Jake Knapp</a>
</li>
<li class="EventCard-listItem ">
<a href="#">Blair Ennis</a>
</li>
<li class="EventCard-listItem ">
<a href="#">Mike Monteiro</a>
</li>
<li class="EventCard-listItem ">
<a href="#">Jan Chipchase</a>
</li>
</ul>
</div>
</div>
</div>
<picture>
<source srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/pearson-index.jpg?mtime=20171101102457" media="(min-width: 57.5em)">
<source srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/pearson-index.jpg?mtime=20171101102457" media="(min-width: 42.5em)">
<img class="l-img-con" src="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/pearson-index.jpg?mtime=20171101102457" alt=" " style="object-position: 50% 50%">
</picture>
<picture class="u-hide-sm">
<source data-srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/vhols-index.jpg?mtime=20171101102312" media="(min-width: 57.5em)">
<source data-srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/vhols-index.jpg?mtime=20171101102312" media="(min-width: 42.5em)">
<img class="l-img-con" data-src="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/vhols-index.jpg?mtime=20171101102312" alt=" " style="object-position: 0% 50%">
</picture>
<picture class="u-hide-sm">
<source data-srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/bhcc-index.jpg?mtime=20171101102133" media="(min-width: 57.5em)">
<source data-srcset="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/bhcc-index.jpg?mtime=20171101102133" media="(min-width: 42.5em)">
<img class="l-img-con" data-src="https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/bhcc-index.jpg?mtime=20171101102133" alt=" " style="object-position: 0% 50%">
</picture>
</div>
<div class="Hello Hello--crayola-red" role="complementary" aria-labelledby="hello-heading">
<div class="Hello-container">
<figure class="Hello-image">
<img src="https://clearleft-v5.s3.amazonaws.com/uploads/alis-cox-author.png" alt="Alis Cox">
</figure>
<div>
<h3 class="Hello-title Heading Heading--inverted Heading--medium" id="hello-heading">Meet Alis.</h3>
<div class="Hello-body">
<p> Our conference team are here to help you with any questions about our events.</p>
<p> Talk to Events Manager Alis Cox on +44 (0)845 838 6163 or
<a href="#">get in touch </a> about coming to an event or drop her a mail about opportunities
for event sponsorship. </p>
</div>
</div>
</div>
</div>
<!--/.Hello-->
</main>
<footer class="SiteFooter Texture-border Texture-border--top">
<div class="SiteFooter-container">
<div class="SiteFooter-callToAction">
<div class="InputGroup InputGroup--highlight">
<form action="" method="post">
<input type="hidden" value="1" name="embed">
<label class="InputGroup-label Heading Heading--bump" for="ID2">Get notified with updates</label>
<div class="Input InputGroup-combo">
<input class="InputGroup-field" type="email" name="email" placeholder="Enter email address" id="ID2" />
<button type="submit" class="InputGroup-submit">Join the mailing list</button>
</div>
</form>
<small class="InputGroup-microcopy">Low volume mailing list. Just for events & conference updates. <a href="#">See an example</a></small>
</div>
<small class="Heading Heading--context"></small>
</div>
<ul class="SiteFooter-icons">
<li class="SiteFooter-icon"><a class="SiteFooter-iconLink" href="#"><img src="/assets/img/icons/icon-github.svg" alt="Find us on Github"></a></li>
<li class="SiteFooter-icon"><a class="SiteFooter-iconLink" href="#"><img src="/assets/img/icons/icon-instagram.svg" alt="Find us on Instagram"></a></li>
<li class="SiteFooter-icon"><a class="SiteFooter-iconLink" href="#"><img src="/assets/img/icons/icon-linkedin.svg" alt="Find us on LinkedIn"></a></li>
<li class="SiteFooter-icon"><a class="SiteFooter-iconLink" href="#"><img src="/assets/img/icons/icon-medium.svg" alt="Find us on Medium"></a></li>
<li class="SiteFooter-icon"><a class="SiteFooter-iconLink" href="#"><img src="/assets/img/icons/icon-flickr.svg" alt="Find us on Flickr"></a></li>
<li class="SiteFooter-icon"><a class="SiteFooter-iconLink" href="#"><img src="/assets/img/icons/icon-instagram.svg" alt="Find us on Instagram"></a></li>
</ul>
<!--/.SiteFooter-icons-->
<nav class="SiteFooter-navigation" aria-label="Site Footer Navigation">
<ul class="SiteFooter-navigationLinks">
<li class="SiteFooter-navigationItem"><a href="#" class="SiteFooter-navigationLink">Test Lab</a></li>
<li class="SiteFooter-navigationItem"><a href="#" class="SiteFooter-navigationLink">Accessibility</a></li>
<li class="SiteFooter-navigationItem"><a href="#" class="SiteFooter-navigationLink">Cookies</a></li>
<li class="SiteFooter-navigationItem"><a href="#" class="SiteFooter-navigationLink">Styleguide</a></li>
<li class="SiteFooter-navigationItem"><a href="#" class="SiteFooter-navigationLink">Jobs</a></li>
</ul>
<!--/.SiteFooter-navigationLinks-->
<div class="SiteFooter-small">
© 2005‑now Clearleft Ltd. All rights reserved.
</div>
<!--/.SiteFooter-small-->
</nav>
</div>
<!--/.Cols-->
</footer>
<!--/.SiteFooter-->
<div class="Background Background--grey">
{% include '@site-header' %}
{% include '@masthead' %}
</div>
<main id="main-content">
{% include '@event-past-grid' %}
{% include '@hello' %}
</main>
{% include '@site-footer' with footer only %}
{
"primaryNavlinks": [
{
"title": "Case Studies",
"url": "#",
"primaryActive": true
},
{
"title": "Team",
"url": "#"
},
{
"title": "Posts",
"url": "#"
},
{
"title": "Events",
"url": "#"
},
{
"title": "Contact",
"url": "#"
}
],
"primaryNavModifiers": [
"--crayola-red"
],
"logoModifiers": [
"--crayola-red"
],
"mastheadTitle": "Our Past<br>Events.",
"mastheadDescription": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud .",
"mastheadModifier": "--chimney Texture",
"mastheadBreadcrumb": true,
"segmentOne": "Events",
"breadcrumbUrl": "/components/preview/events",
"breadcrumbModifier": null,
"events": [
{
"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": "#"
}
],
"eventPictures": [
{
"sources": [
{
"srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/vhols-index.jpg?mtime=20171101102312",
"media": "(min-width: 57.5em)"
},
{
"srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/vhols-index.jpg?mtime=20171101102312",
"media": "(min-width: 42.5em)"
}
],
"img": {
"src": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/vhols-index.jpg?mtime=20171101102312",
"style": "object-position: 0% 50%"
}
},
{
"sources": [
{
"srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/bhcc-index.jpg?mtime=20171101102133",
"media": "(min-width: 57.5em)"
},
{
"srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/bhcc-index.jpg?mtime=20171101102133",
"media": "(min-width: 42.5em)"
}
],
"img": {
"src": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/bhcc-index.jpg?mtime=20171101102133",
"style": "object-position: 0% 50%"
}
},
{
"sources": [
{
"srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/pearson-index.jpg?mtime=20171101102457",
"media": "(min-width: 57.5em)"
},
{
"srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/pearson-index.jpg?mtime=20171101102457",
"media": "(min-width: 42.5em)"
}
],
"img": {
"src": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/pearson-index.jpg?mtime=20171101102457",
"style": "object-position: 50% 50%"
}
}
]
},
{
"eventSrc": "/assets/img/logos/clearleft-presents-med.svg",
"eventAlt": "Clearleft presents: Blair Enns The Four Conversations",
"eventDescription": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>",
"eventListTitle": "Who",
"eventPastVersions": [
{
"versionText": "Jake Knapp",
"versionURL": "#"
},
{
"versionText": "Blair Ennis",
"versionURL": "#"
},
{
"versionText": "Mike Monteiro",
"versionURL": "#"
},
{
"versionText": "Jan Chipchase",
"versionURL": "#"
}
],
"eventPictures": [
{
"sources": [
{
"srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/pearson-index.jpg?mtime=20171101102457",
"media": "(min-width: 57.5em)"
},
{
"srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/pearson-index.jpg?mtime=20171101102457",
"media": "(min-width: 42.5em)"
}
],
"img": {
"src": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/pearson-index.jpg?mtime=20171101102457",
"style": "object-position: 50% 50%"
}
},
{
"sources": [
{
"srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/vhols-index.jpg?mtime=20171101102312",
"media": "(min-width: 57.5em)"
},
{
"srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/vhols-index.jpg?mtime=20171101102312",
"media": "(min-width: 42.5em)"
}
],
"img": {
"src": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/vhols-index.jpg?mtime=20171101102312",
"style": "object-position: 0% 50%"
}
},
{
"sources": [
{
"srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_1080x1080_crop_center-center_85/bhcc-index.jpg?mtime=20171101102133",
"media": "(min-width: 57.5em)"
},
{
"srcset": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_800x800_crop_center-center_85/bhcc-index.jpg?mtime=20171101102133",
"media": "(min-width: 42.5em)"
}
],
"img": {
"src": "https://s3-eu-west-1.amazonaws.com/clearleft-v5/uploads/_400x400_crop_center-center_85/bhcc-index.jpg?mtime=20171101102133",
"style": "object-position: 0% 50%"
}
}
]
}
],
"helloModifiers": "crayola-red",
"helloImgSrc": "https://clearleft-v5.s3.amazonaws.com/uploads/alis-cox-author.png",
"helloImgAlt": "Alis Cox",
"helloImgText": null,
"helloHeading": "Meet Alis.",
"helloBody": "\n <p> Our conference team are here to help you with any questions about our events.</p>\n <p> Talk to Events Manager Alis Cox on +44 (0)845 838 6163 or\n <a href=\"#\">get in touch </a> about coming to an event or drop her a mail about opportunities\n for event sponsorship. </p>\n ",
"footer": {
"footerLinks": [
{
"title": "Test Lab",
"url": "#"
},
{
"title": "Accessibility",
"url": "#"
},
{
"title": "Cookies",
"url": "#"
},
{
"title": "Styleguide",
"url": "#"
},
{
"title": "Jobs",
"url": "#"
}
],
"socialLinks": [
{
"url": "#",
"imgSrc": "/assets/img/icons/icon-github.svg",
"alt": "Find us on Github"
},
{
"url": "#",
"imgSrc": "/assets/img/icons/icon-instagram.svg",
"alt": "Find us on Instagram"
},
{
"url": "#",
"imgSrc": "/assets/img/icons/icon-linkedin.svg",
"alt": "Find us on LinkedIn"
},
{
"url": "#",
"imgSrc": "/assets/img/icons/icon-medium.svg",
"alt": "Find us on Medium"
},
{
"url": "#",
"imgSrc": "/assets/img/icons/icon-flickr.svg",
"alt": "Find us on Flickr"
},
{
"url": "#",
"imgSrc": "/assets/img/icons/icon-instagram.svg",
"alt": "Find us on Instagram"
}
],
"inputGroupLabel": "Get notified with updates",
"inputGroupSubmit": "Join the mailing list",
"inputGroupID": "ID2",
"inputGroupPlaceholder": "Enter email address",
"inputGroupMicrocopy": "Low volume mailing list. Just for events & conference updates. <a href=\"#\">See an example</a>",
"inputGroupModifiers": "highlight",
"siteFooterSmall": "© 2005‑now Clearleft Ltd. All rights reserved."
}
}
There are no notes for this item.