<div class="LayoutAlternate LayoutAlternate--chimney">
    <div class="LayoutAlternate-left LayoutAlternate-item LayoutAlernate-item--leadPrimary">
        <div class="Lead  Lead--wrapper Bar Bar--yellow">
            <div class="Lead-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore sapiente molestiae sed? Consectetur illo repellat dolorum assumenda, voluptatum explicabo architecto? <a href="#">Here’s a link</a>.</div>
        </div>
        <!--/.Lead-->
    </div>
    <div class="LayoutAlternate-right LayoutAlternate-item LayoutAlernate-item--leadSecondary">
        <img class="LayoutAlternate-image" src="/assets/img/team/andy-t-lg.jpg" alt="Andy Thornton">
        <div class="LayoutAlternate-solo">
            <p class="Heading Heading--context">Find Andy on:</p>
            <ul class="SocialMedia SocialMedia--dark">
                <li class="SocialMedia-item">
                    <a href="#" class="SocialMedia-link"><img src="/assets/img/icons/icon-github.svg" alt="On Github"></a>
                </li>
                <li class="SocialMedia-item">
                    <a href="#" class="SocialMedia-link"><img src="/assets/img/icons/icon-instagram.svg" alt="On Instagram"></a>
                </li>
                <li class="SocialMedia-item">
                    <a href="#" class="SocialMedia-link"><img src="/assets/img/icons/icon-linkedin.svg" alt="On LinkedIn"></a>
                </li>
                <li class="SocialMedia-item">
                    <a href="#" class="SocialMedia-link"><img src="/assets/img/icons/icon-medium.svg" alt="On Medium"></a>
                </li>
                <li class="SocialMedia-item">
                    <a href="#" class="SocialMedia-link"><img src="/assets/img/icons/icon-flickr.svg" alt="On Flickr"></a>
                </li>
                <li class="SocialMedia-item">
                    <a href="#" class="SocialMedia-link"><img src="/assets/img/icons/icon-web.svg" alt="Website"></a>
                </li>
            </ul>
            <!--/.SocialMedia-->
        </div>
    </div>
    <div class="LayoutAlternate-left LayoutAlternate-item Prose">

        <p>Before joining Clearleft he worked as a freelance Experience Design Consultant helping Whitbread shape the service design of Hub hotels.</p>
        <p>Prior to that Andy’s career at POSSIBLE and Fortune Cookie saw him providing both strategic UX leadership and hands-on human-centred design skills across a broad range of clients such as British Gas, Pearson, UEFA, Legal &amp; General, Camden
            Council, Royal Horticultural Society (RHS) and Royal Institution of Chartered Surveyors (RICS).</p>
        <h2>Nurturing customer-centric business culture</h2>
        <p>Andy believes that the age of business disruption has well and truly arrived, and keeping customers happy is more critical to success than ever before. Organisations that fail to satisfy their needs, whether large or small, public or private sector,
            are at serious risk of failure.</p>
        <p>As a Strategic UX Designer, he has a keen interest in helping businesses become more customer-centric by creating intuitive, immersive and inspiring digital experiences that meet measurable outcomes, along with practical UX mentoring and guidance.</p>

    </div>
    <div class="LayoutAlternate-right LayoutAlternate-item Prose">
        <h2>Away from the office</h2>

        <p>Andy describes himself as a bit of a social recluse who enjoys getting away from civilisation as much as feasibly possible. His once deep love of the world of glitchy electronica has faded somewhat with age, but he still tries to get out to a
            couple of gigs now and again.</p>

    </div>
</div>
<div class="LayoutAlternate">
    <div class="LayoutAlternate-item">
        <h2 class="Heading Heading--small Bar">More from Andy</h2>
    </div>
    <div class="LayoutAlternate-left LayoutAlternate-item">
        <h3 class="Heading Heading--body Heading--vibrant">Published books</h3>
        <ul>
            <li class="InfoBlock">
                <a class="InfoBlock-link" href="#">
                    <img class="InfoBlock-image" src="https://www.fillmurray.com/60/72" alt="">
                    <div class="InfoBlock-group">
                        <p class="InfoBlock-title">Web Accessibility: Web Standards and Regulatory Compliance</p>
                        <span class="InfoBlock-sub">published by Friends of Ed</span>
                    </div>
                    <!--/.Infoblock-group-->
                </a>
                <!--/.InfoBlock-->
            </li>
            <!--/.List-item-->
            <li class="InfoBlock">
                <a class="InfoBlock-link" href="#">
                    <img class="InfoBlock-image" src="https://www.fillmurray.com/60/72" alt="">
                    <div class="InfoBlock-group">
                        <p class="InfoBlock-title">Web Accessibility: Web Standards and Regulatory Compliance</p>
                        <span class="InfoBlock-sub">published by Friends of Ed</span>
                    </div>
                    <!--/.Infoblock-group-->
                </a>
                <!--/.InfoBlock-->
            </li>
            <!--/.List-item-->
            <li class="InfoBlock">
                <a class="InfoBlock-link" href="#">
                    <img class="InfoBlock-image" src="https://www.fillmurray.com/60/72" alt="">
                    <div class="InfoBlock-group">
                        <p class="InfoBlock-title">Web Accessibility: Web Standards and Regulatory Compliance</p>
                        <span class="InfoBlock-sub">published by Friends of Ed</span>
                    </div>
                    <!--/.Infoblock-group-->
                </a>
                <!--/.InfoBlock-->
            </li>
            <!--/.List-item-->
        </ul>
    </div>
    <!--/.Layout-alternate-item-->

    <div class="LayoutAlternate-left LayoutAlternate-item">
        <h3 class="Heading Heading--body Heading--vibrant">Previous talks</h3>
        <ul>
            <li class="InfoBlock">
                <a class="InfoBlock-link" href="#">
                    <div class="InfoBlock-group">
                        <p class="InfoBlock-title">Web Accessibility: Web Standards and Regulatory Compliance</p>
                        <span class="InfoBlock-sub">published by Friends of Ed</span>
                    </div>
                    <!--/.Infoblock-group-->
                </a>
                <!--/.InfoBlock-->
            </li>
            <!--/.List-item-->
            <li class="InfoBlock">
                <a class="InfoBlock-link" href="#">
                    <div class="InfoBlock-group">
                        <p class="InfoBlock-title">Web Accessibility: Web Standards and Regulatory Compliance</p>
                        <span class="InfoBlock-sub">published by Friends of Ed</span>
                    </div>
                    <!--/.Infoblock-group-->
                </a>
                <!--/.InfoBlock-->
            </li>
            <!--/.List-item-->
            <li class="InfoBlock">
                <a class="InfoBlock-link" href="#">
                    <div class="InfoBlock-group">
                        <p class="InfoBlock-title">Web Accessibility: Web Standards and Regulatory Compliance</p>
                        <span class="InfoBlock-sub">published by Friends of Ed</span>
                    </div>
                    <!--/.Infoblock-group-->
                </a>
                <!--/.InfoBlock-->
            </li>
            <!--/.List-item-->
        </ul>
    </div>
    <!--/.Layout-alternate-item-->
</div>
<!--/.LayoutAlternate-->
<div class="LayoutAlternate LayoutAlternate--chimney">
    <div class="LayoutAlternate-left LayoutAlternate-item LayoutAlernate-item--leadPrimary">
        {% include '@lead' %}
    </div>
    <div class="LayoutAlternate-right LayoutAlternate-item LayoutAlernate-item--leadSecondary">
        <img class="LayoutAlternate-image" src="{{personImage}}" alt="{{personFirstName}} {{personSurname}}">
        <div class="LayoutAlternate-solo">
            <p class="Heading Heading--context">Find {{personFirstName}} on:</p>
            {% include '@social-media' %}
        </div>
    </div>
    <div class="LayoutAlternate-left LayoutAlternate-item Prose">
        {{personIntroLeft}}
    </div>
    <div class="LayoutAlternate-right LayoutAlternate-item Prose">
        <h2>Away from the office</h2>
        {{personInterests}}
    </div>
</div>
<div class="LayoutAlternate">
   {% if books %}
    <div class="LayoutAlternate-item"><h2 class="Heading Heading--small Bar">More from {{personFirstName}}</h2></div>
    <div class="LayoutAlternate-left LayoutAlternate-item">
        <h3 class="Heading Heading--body Heading--vibrant">Published books</h3>
        <ul>
        {% for book in books %}
        {% include '@info-block' with book %}
        {% endfor %}
        </ul>
    </div><!--/.Layout-alternate-item-->
    {% endif %}

    {% if talks %}
    <div class="LayoutAlternate-left LayoutAlternate-item">
        <h3 class="Heading Heading--body Heading--vibrant">Previous talks</h3>
        <ul>
        {% for talk in talks %}
        {% include '@info-block' with talk %}
        {% endfor %}
        </ul>
    </div><!--/.Layout-alternate-item-->
    {% endif %}
</div><!--/.LayoutAlternate-->
{
  "personFirstName": "Andy",
  "personSurname": "Thornton",
  "personImage": "/assets/img/team/andy-t-lg.jpg",
  "leadText": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore sapiente molestiae sed? Consectetur illo repellat dolorum assumenda, voluptatum explicabo architecto? <a href=\"#\">Here’s a link</a>.",
  "leadModifier": "--wrapper Bar Bar--yellow",
  "personIntroLeft": "\n        <p>Before joining Clearleft he worked as a freelance Experience Design Consultant helping Whitbread shape the service design of Hub hotels.</p>\n        <p>Prior to that Andy’s career at POSSIBLE and Fortune Cookie saw him providing both strategic UX leadership and hands-on human-centred design skills across a broad range of clients such as British Gas, Pearson, UEFA, Legal &amp; General, Camden Council, Royal Horticultural Society (RHS) and Royal Institution of Chartered Surveyors (RICS).</p>\n        <h2>Nurturing customer-centric business culture</h2>\n        <p>Andy believes that the age of business disruption has well and truly arrived, and keeping customers happy is more critical to success than ever before. Organisations that fail to satisfy their needs, whether large or small, public or private sector, are at serious risk of failure.</p>\n                <p>As a Strategic UX Designer, he has a keen interest in helping businesses become more customer-centric by creating intuitive, immersive and inspiring digital experiences that meet measurable outcomes, along with practical UX mentoring and guidance.</p>\n        ",
  "personInterests": "\n        <p>Andy describes himself as a bit of a social recluse who enjoys getting away from civilisation as much as feasibly possible. His once deep love of the world of glitchy electronica has faded somewhat with age, but he still tries to get out to a couple of gigs now and again.</p>\n        ",
  "socialMediaLinks": [
    {
      "src": "/assets/img/icons/icon-github.svg",
      "url": "#",
      "alt": "On Github"
    },
    {
      "src": "/assets/img/icons/icon-instagram.svg",
      "url": "#",
      "alt": "On Instagram"
    },
    {
      "src": "/assets/img/icons/icon-linkedin.svg",
      "url": "#",
      "alt": "On LinkedIn"
    },
    {
      "src": "/assets/img/icons/icon-medium.svg",
      "url": "#",
      "alt": "On Medium"
    },
    {
      "src": "/assets/img/icons/icon-flickr.svg",
      "url": "#",
      "alt": "On Flickr"
    },
    {
      "src": "/assets/img/icons/icon-web.svg",
      "url": "#",
      "alt": "Website"
    }
  ],
  "socialMediaModifier": "--dark",
  "books": [
    {
      "infoBlockTitle": "Web Accessibility: Web Standards and Regulatory Compliance",
      "infoBlockSub": "published by Friends of Ed",
      "infoBlockUrl": "#",
      "infoBlockSrc": "https://www.fillmurray.com/60/72"
    },
    {
      "infoBlockTitle": "Web Accessibility: Web Standards and Regulatory Compliance",
      "infoBlockSub": "published by Friends of Ed",
      "infoBlockUrl": "#",
      "infoBlockSrc": "https://www.fillmurray.com/60/72"
    },
    {
      "infoBlockTitle": "Web Accessibility: Web Standards and Regulatory Compliance",
      "infoBlockSub": "published by Friends of Ed",
      "infoBlockUrl": "#",
      "infoBlockSrc": "https://www.fillmurray.com/60/72"
    }
  ],
  "talks": [
    {
      "infoBlockTitle": "Web Accessibility: Web Standards and Regulatory Compliance",
      "infoBlockSub": "published by Friends of Ed",
      "infoBlockUrl": "#",
      "infoBlockSrc": null
    },
    {
      "infoBlockTitle": "Web Accessibility: Web Standards and Regulatory Compliance",
      "infoBlockSub": "published by Friends of Ed",
      "infoBlockUrl": "#",
      "infoBlockSrc": null
    },
    {
      "infoBlockTitle": "Web Accessibility: Web Standards and Regulatory Compliance",
      "infoBlockSub": "published by Friends of Ed",
      "infoBlockUrl": "#",
      "infoBlockSrc": null
    }
  ]
}

There are no notes for this item.