{% if page.links_list.count %}
	{% for group in page.links_list %}

		<article class="links-list">
			<div class="links-list__container container">

				<header class="links-list__header">
					{% if group.title.value %}
						<h1 class="links-list__title">{{ group.title | raw }}</h1>
					{% endif %}
					{% if group.text.value %}
						<p class="links-list__text">{{ group.text }}</p>
					{% endif %}
					{% if group.url.value and group.label.value %}
						<a href="{{ group.url.normalize }}" class="links-list__btn">{{ group.label.value }}</a>
					{% endif %}
				</header>

				{% if group.links_list_items.count %}
					<ul class="links-list__list">
						{% for item in group.links_list_items %}
							<li class="links-list__item">
								<a href="{{ item.url.normalize }}" class="links-list__item__link">
									<div class="links-list__item__container">
										{% if item.title.value %}
											<h2 class="links-list__item__title">{{ item.title | raw}}</h2>
										{% endif %}
										{% if item.subtitle.value %}
											<p class="links-list__item__text">{{ item.subtitle }}</p>
										{% endif %}
									</div>
									<div class="links-list__item__image__container">
										{% if item.image.id %}
											<img src="{{ item.image.make.path }}" alt="{{ item.title }}" class="links-list__item__image">
										{% endif %}
									</div>
								</a>
							</li>
						{% endfor %}
					</ul>
				{% endif %}

			</div>
		</article>

	{% endfor %}
{% endif %}
