<!-- Dan -->
<div class="Hello Hello--plum" role="complementary" aria-labelledby="hello-heading">
    <div class="Hello-container">
        <figure class="Hello-image">
            <img src="https://clearleft-v5.s3.amazonaws.com/uploads/DC.png" alt="Dan Caplin">
            <figcaption>This is Dan</figcaption>
        </figure>
        <div>
            <h3 class="Hello-title Heading Heading--inverted Heading--medium" id="hello-heading">Open the conversation.</h3>
            <div class="Hello-body">

                <p> Ask us anything. From basic questions to complex queries about your approach to strategy, research, content and design, Dan is ready to talk to you on + 44(0) 845 838 6163 or <a href="#"> get in touch </a></p>
            </div>
        </div>
    </div>
</div>
<!--/.Hello-->

<!-- Alis -->
<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-->

<div class="Hello{% if helloModifiers %} Hello--{{helloModifiers}}{% endif %}" role="complementary" aria-labelledby="hello-heading">
    <div class="Hello-container">
        <figure class="Hello-image">
            <img src="{{ helloImgSrc }}" alt="{{ helloImgAlt }}">
            {%if helloImgText%}<figcaption>{{ helloImgText }}</figcaption>{%endif%}
        </figure>
        <div>
            <h3 class="Hello-title Heading Heading--inverted Heading--medium" id="hello-heading">{{ helloHeading }}</h3>
            <div class="Hello-body">
                {{ helloBody }}
            </div>
        </div>
    </div>
</div><!--/.Hello-->
/* Dan */
{
  "helloModifiers": "plum",
  "helloImgSrc": "https://clearleft-v5.s3.amazonaws.com/uploads/DC.png",
  "helloImgAlt": "Dan Caplin",
  "helloImgText": "This is Dan",
  "helloHeading": "Open the conversation.",
  "helloBody": "\n            <p> Ask us anything. From basic questions to complex queries about your approach to strategy, research, content and design, Dan is ready to talk to you on + 44(0) 845 838 6163 or <a href =\"#\"> get in touch </a></p>"
}

/* Alis */
{
  "helloModifiers": "crayola-red",
  "helloImgSrc": "https://clearleft-v5.s3.amazonaws.com/uploads/alis-cox-author.png",
  "helloImgAlt": "Alis Cox",
  "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            "
}

There are no notes for this item.