CCGA Component Library

Subscribe Droplist: Default 

<div class="subscribe_droplist">
    <ul class="subscribe_droplist_list">
        <li class="subscribe_droplist_list_item">
            <a href="#" class="subscribe_droplist_link">
                <span class="subscribe_droplist_icon">

                    <svg class="icon icon_apple">
                        <use href="/images/icons.svg#apple" />
                    </svg>

                </span>

                <span class="subscribe_droplist_text">
                    Apple iTunes
                </span>
            </a>
        </li>
        <li class="subscribe_droplist_list_item">
            <a href="#" class="subscribe_droplist_link">
                <span class="subscribe_droplist_icon">

                    <svg class="icon icon_android">
                        <use href="/images/icons.svg#android" />
                    </svg>

                </span>

                <span class="subscribe_droplist_text">
                    Android
                </span>
            </a>
        </li>
        <li class="subscribe_droplist_list_item">
            <a href="#" class="subscribe_droplist_link">
                <span class="subscribe_droplist_icon">

                    <svg class="icon icon_spotify">
                        <use href="/images/icons.svg#spotify" />
                    </svg>

                </span>

                <span class="subscribe_droplist_text">
                    Spotify
                </span>
            </a>
        </li>
        <li class="subscribe_droplist_list_item">
            <a href="#" class="subscribe_droplist_link">
                <span class="subscribe_droplist_icon">

                    <svg class="icon icon_rss">
                        <use href="/images/icons.svg#rss" />
                    </svg>

                </span>

                <span class="subscribe_droplist_text">
                    RSS Feed
                </span>
            </a>
        </li>
    </ul>
</div>
 
<div class="subscribe_droplist">
	<ul class="subscribe_droplist_list">
		{% for item in items %}
			<li class="subscribe_droplist_list_item">
				<a href="{{ item.link }}" class="subscribe_droplist_link">
					<span class="subscribe_droplist_icon">
						{{ icon(item.icon) }}
					</span>

					<span class="subscribe_droplist_text">
						{{ item.title }}
					</span>
				</a>
			</li>
		{% endfor %}
	</ul>
</div>

No notes defined.