<div class="Hello">
    <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">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">
    <div class="Hello-container">
        <figure class="Hello-image">
            <img src="{{ helloImgSrc }}" alt="{{ helloImgAlt }}">
            <figcaption>{{ helloImgText }}</figcaption>
        </figure>
        <div>
            <h3 class="Hello-title Heading Heading--inverted Heading--medium">{{ helloHeading }}</h3>
            <div class="Hello-body">
                {{ helloBody }}
            </div>
        </div>
    </div>
</div><!--/.Hello-->
{
  "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>\n        "
}

There are no notes for this item.