CCGA Component Library

Link Group 

<!-- Link Group -->
<div class="link_group">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="link_group_inner">
                <div class="link_group_header">
                    <h2 class="link_group_title">Link List</h2>

                    <div class="link_group_desc">
                        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae.
                    </div>
                </div>

                <ul class="link_group_list">
                    <li class="link_group_item">
                        <a class="link_group_link" href="#" itemprop="relatedLink">
                            <span class="link_group_link_inner">
                                <span class="link_group_link_label">Standard Link With Title</span>
                            </span>
                        </a>
                    </li>
                    <li class="link_group_item">
                        <a class="link_group_link" href="#" target="_blank" itemprop="relatedLink">
                            <span class="link_group_link_inner">
                                <span class="link_group_link_label">Standard Link With Title</span>
                                <span class="link_group_link_icon">
                                    <svg class="icon icon_download">
                                        <use href="/images/icons.svg#download" />
                                    </svg>
                                </span>
                            </span>
                        </a>
                    </li>
                    <li class="link_group_item">
                        <a class="link_group_link" href="#" itemprop="relatedLink">
                            <span class="link_group_link_inner">
                                <span class="link_group_link_label">Ipsum Consectetur Pharetra Purus</span>
                            </span>
                        </a>
                    </li>
                    <li class="link_group_item">
                        <a class="link_group_link" href="#" itemprop="relatedLink">
                            <span class="link_group_link_inner">
                                <span class="link_group_link_label">Standard Link With Title</span>
                            </span>
                        </a>
                    </li>
                    <li class="link_group_item">
                        <a class="link_group_link" href="#" target="_blank" itemprop="relatedLink">
                            <span class="link_group_link_inner">
                                <span class="link_group_link_label">External Link With Title</span>
                                <span class="link_group_link_icon">
                                    <svg class="icon icon_external">
                                        <use href="/images/icons.svg#external" />
                                    </svg>
                                </span>
                            </span>
                        </a>
                    </li>
                    <li class="link_group_item">
                        <a class="link_group_link" href="#" target="_blank" itemprop="relatedLink">
                            <span class="link_group_link_inner">
                                <span class="link_group_link_label">File Link With Title</span>
                                <span class="link_group_link_icon">
                                    <svg class="icon icon_file">
                                        <use href="/images/icons.svg#file" />
                                    </svg>
                                </span>
                            </span>
                        </a>
                    </li>
                    <li class="link_group_item">
                        <a class="link_group_link" href="#" itemprop="relatedLink">
                            <span class="link_group_link_inner">
                                <span class="link_group_link_label">Standard Link With Title</span>
                            </span>
                        </a>
                    </li>
                    <li class="link_group_item">
                        <a class="link_group_link" href="#" itemprop="relatedLink">
                            <span class="link_group_link_inner">
                                <span class="link_group_link_label">Standard Link With Title</span>
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- END: Link Group -->
 
<!-- Link Group -->
<div class="link_group">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="link_group_inner">
				<div class="link_group_header">
					<h2 class="link_group_title">{{ title|title }}</h2>

					{% if description %}
						<div class="link_group_desc">
							{{ description }}
						</div>
					{% endif %}
				</div>
				
				<ul class="link_group_list">
					{% for item in items %}
						<li class="link_group_item">
							<a class="link_group_link" href="{{ item.url }}" {% if item.icon %} target="_blank" {% endif %} itemprop="relatedLink">
								<span class="link_group_link_inner">
									<span class="link_group_link_label">{{ item.title }}</span>
									{% if item.icon %}
										<span class="link_group_link_icon">{{ icon(item.icon) }}</span>
									{% endif %}
								</span>
							</a>
						</li>
					{% endfor %}
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- END: Link Group -->

No notes defined.