CCGA Component Library

Subscribe Droplist: Calendar 

<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_icalendar">
                        <use href="/images/icons.svg#icalendar" />
                    </svg>

                </span>

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

                    <svg class="icon icon_outlook">
                        <use href="/images/icons.svg#outlook" />
                    </svg>

                </span>

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

                    <svg class="icon icon_google">
                        <use href="/images/icons.svg#google" />
                    </svg>

                </span>

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

                    <svg class="icon icon_yahoo">
                        <use href="/images/icons.svg#yahoo" />
                    </svg>

                </span>

                <span class="subscribe_droplist_text">
                    Yahoo Mail
                </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.