Primer

HTML

<div class="jubilee-quote jubilee-quote--amani-1">

	<div class="inner">

		<div class="large-col-6 large-offset-6">
			<div class="jubilee-lockdown jubilee-lockdown--secondary  jubilee-lockdown--quote">
				<p>'THE RATES OF SEXUAL VIOLENCE HERE HAVE REDUCED<span>.</span>’</p>
				<div class="jubilee-lockdown__top">
					<div class="line line--horizontal line-active"></div>
				</div>
				<div class="jubilee-lockdown__bottom">
					<div class="line line--horizontal line-active"></div>
				</div>
				<div class="jubilee-lockdown__right">
					<div class="line line--vertical line-active"></div>
				</div>
				<div class="jubilee-lockdown__left">
					<div class="line line--vertical line-active"></div>
					<div class="jubilee-lockdown__left-kick">
						<div class="line line--horizontal line-active"></div>
					</div>
				</div>
			</div>
		</div>

	</div>

</div>

Twig

<div class="jubilee-quote jubilee-quote--amani-1">

	<div class="inner">

		<div class="large-col-6 large-offset-6">
			<div class="jubilee-lockdown jubilee-lockdown--secondary  jubilee-lockdown--quote">
				<p>'THE RATES OF SEXUAL VIOLENCE HERE HAVE REDUCED<span>.</span>’</p>
				<div class="jubilee-lockdown__top">
					<div class="line line--horizontal line-active"></div>
				</div>
				<div class="jubilee-lockdown__bottom">
					<div class="line line--horizontal line-active"></div>
				</div>
				<div class="jubilee-lockdown__right">
					<div class="line line--vertical line-active"></div>
				</div>
				<div class="jubilee-lockdown__left">
					<div class="line line--vertical line-active"></div>
					<div class="jubilee-lockdown__left-kick">
						<div class="line line--horizontal line-active"></div>
					</div>
				</div>
			</div>
		</div>

	</div>

</div>

{}

'THE RATES OF SEXUAL VIOLENCE HERE HAVE REDUCED.’