Primer

HTML

<div class="article-end-content">
	<div class="article-inner">
		<div class="author-share">
						<div class="inline-share-buttons ">
			    <a class="social-share__link social-share__link--facebook share-button-facebook" href="#" target="_blank">Share on Facebook</a>
			    <a class="social-share__link social-share__link--twitter share-button-twitter" href="#" target="_blank">Share on Twitter</a>
			</div>
			<div style="clear: both;"></div>
		</div>
	</div>
</div>

Twig

<div class="article-end-content">
	<div class="article-inner">
		<div class="author-share">
			{% if article_end_has_author %}
				<div class="author-bio">
					<div class="author-bio__author-avatar circular-image">
						<img class="avatar-image" src="{{ article_end_avatar }}">
					</div>
					<div class="author-bio__info">
						<div class="author-bio__info-name">{{ article_end_author }}</div>
						<div class="author-bio__info-about">
							{{ article_end_summary }}
							<div class="author-bio__link"><a href="{{ article_end_url }}">Read more from Mark</a></div>
						</div>
					</div>
				</div>
			{% endif %}
			<div class="inline-share-buttons {% if article_end_has_author %}inline-share-buttons__author{% endif %}">
			    <a class="social-share__link social-share__link--facebook share-button-facebook" href="#" target="_blank">Share on Facebook</a>
			    <a class="social-share__link social-share__link--twitter share-button-twitter" href="#" target="_blank">Share on Twitter</a>
			</div>
			<div style="clear: both;"></div>
		</div>
	</div>
</div>

{
    "article_end_author": "Mark Lang",
    "article_end_summary": "Part of the Tearfund digital team - making a supporters day awesome",
    "article_end_url": "#",
    "article_end_avatar": "http:\/\/placehold.it\/200x200",
    "article_end_has_author": false
}