<div class="symmetric-content">
	<header class="row no-padding content-hl">
		<h3>Headline article</h3>

		{{ render "atoms/global/space:hr" space=2 }}
	</header>
	<ul class="list-2 list-6">
		<li>
			{{ render "atoms/icons/icon:square" }}

			<p class="no-margin">Aenean commodo ligula eget dolor</p>
		</li>
		<li>
			{{ render "atoms/icons/icon:square" }}

			<p class="no-margin">Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
		</li>
		<li>
			{{ render "atoms/icons/icon:square" }}

			<p class="no-margin">Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
		</li>
	</ul>
</div>

<div class="symmetric-content">
	<header class="row no-padding content-hl">
		<h3>Headline article</h3>
	</header>

	{{ render "atoms/global/space:hr" space=2 }}

	<ul class="list-4 no-padding-left">
		<li>
			<p class="no-margin"><strong>Lorem ipsum dolor sit amet</strong></p>
			<p>
				<a href="javascript:;" class="text-primary">
					Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero animi doloribus iste, ratione eligendi voluptates nulla placeat, officia ut natus numquam et, unde quidem rerum.
				</a>
			</p>
		</li>
	</ul>
</div>

<div class="symmetric-content">
	<header class="row no-padding content-hl">
		<h3>Headline article</h3>
	</header>

	{{ render "atoms/global/space:hr" space=2 }}

	<ul class="list-2 list-4 no-padding-left">
		<li>
			<p class="no-margin"><strong>Lorem ipsum dolor sit amet</strong></p>
			<p>
				<a href="javascript:;" class="text-primary">
					Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero animi doloribus iste, ratione eligendi voluptates nulla placeat, officia ut natus numquam et, unde quidem rerum.
				</a>
			</p>
		</li>
		<li>
			<p class="no-margin"><strong>Lorem ipsum dolor sit amet</strong></p>
			<p>
				<a href="javascript:;" class="text-primary">
					Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero animi doloribus iste, ratione eligendi voluptates nulla placeat, officia ut natus numquam et, unde quidem rerum.
				</a>
			</p>
		</li>
		<li>
			<p class="no-margin"><strong>Lorem ipsum dolor sit amet</strong></p>
			<p>
				<a href="javascript:;" class="text-primary">
					Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero animi doloribus iste, ratione eligendi voluptates nulla placeat, officia ut natus numquam et, unde quidem rerum.
				</a>
			</p>
		</li>
	</ul>
</div>
