<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-->
<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-->
{
  "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>"
}

There are no notes for this item.