Le Moyne Component Library

Links And Contact Info 

<div class="links_contact_info">
    <div class="fs-row">
        <div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
            <div class="links_contact_info_inner">
                <ul class="links_contact_info_links">
                    <li class="links_contact_info_links_item">

                        <a href="#" class="links_contact_info_link">
                            <span class="links_contact_info_link_inner">
                                <span class="links_contact_info_link_label">Maecenas interdum elit.</span><span class="icon_nowrap links_contact_info_link_icon" aria-hidden="true">&#xfeff;
                                    <svg class="icon icon_caret_right">
                                        <use href="/images/icons.svg#caret_right" />
                                    </svg>
                                </span>
                            </span>
                        </a>
                    </li>
                    <li class="links_contact_info_links_item">

                        <a href="#" class="links_contact_info_link">
                            <span class="links_contact_info_link_inner">
                                <span class="links_contact_info_link_label">Sed sapien dui, malesuada.</span><span class="icon_nowrap links_contact_info_link_icon" aria-hidden="true">&#xfeff;
                                    <svg class="icon icon_caret_right">
                                        <use href="/images/icons.svg#caret_right" />
                                    </svg>
                                </span>
                            </span>
                        </a>
                    </li>
                    <li class="links_contact_info_links_item">

                        <a href="#" class="links_contact_info_link">
                            <span class="links_contact_info_link_inner">
                                <span class="links_contact_info_link_label">In eu tellus fermentum, cursus ante nec, lobortis.</span><span class="icon_nowrap links_contact_info_link_icon" aria-hidden="true">&#xfeff;
                                    <svg class="icon icon_caret_right">
                                        <use href="/images/icons.svg#caret_right" />
                                    </svg>
                                </span>
                            </span>
                        </a>
                    </li>
                </ul>
                <div class="links_contact_info_contact">
                    <p class="links_contact_info_data">
                        <span class="links_contact_info_data_label">Contact</span><span class="links_contact_info_data_label_hint">:</span>

                        <a href="tel:4105551234" class="links_contact_info_data_link">
                            <span class="links_contact_info_data_link_inner">
                                <span class="links_contact_info_data_link_label">(410) 555-1234</span>
                            </span>
                        </a> <br>

                        <a href="mailto:exampleofficeemail@lemoyne.edu" class="links_contact_info_data_link">
                            <span class="links_contact_info_data_link_inner">
                                <span class="links_contact_info_data_link_label">exampleofficeemail<wbr />@lemoyne.edu</span>
                            </span>
                        </a>
                    </p>

                    <p class="links_contact_info_data">
                        <span class="links_contact_info_data_label">Location</span><span class="links_contact_info_data_label_hint">:</span>
                        <span class="links_contact_info_data_text">1419 Salt Springs Rd<br>Syracuse NY 13214</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="links_contact_info">
	<div class="fs-row">
		<div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
			<div class="links_contact_info_inner">
				{% if links %}
					<ul class="links_contact_info_links">
						{% for link in links %}
							<li class="links_contact_info_links_item">
								{% include "@partial-link" with {
									class: 'links_contact_info',
									title: link.title,
									url: link.url,
									icon: 'caret_right',
									nowrap: true,
								} %}
							</li>
						{% endfor %}
					</ul>
				{% endif %}
				{% if email or phone_number or location %}
					<div class="links_contact_info_contact">
						{% if email or phone_number %}
							<p class="links_contact_info_data">
								<span class="links_contact_info_data_label">Contact</span><span class="links_contact_info_data_label_hint">:</span>
								{% if phone_number %}
									{% include "@partial-link" with {
										class: 'links_contact_info_data',
										title: phone_number,
										url: 'tel:' ~ tel(phone_number),
									} %}
								{% endif %}
								{% if email %}
									{% if phone_number %}
										<br>
									{% endif %}
									{% include "@partial-link" with {
										class: 'links_contact_info_data',
										title: format_email(email),
										url: 'mailto:' ~ email,
									} %}
								{% endif %}
							</p>
						{% endif %}

						{% if location %}
							<p class="links_contact_info_data">
								<span class="links_contact_info_data_label">Location</span><span class="links_contact_info_data_label_hint">:</span>
								<span class="links_contact_info_data_text">{{location}}</span>
							</p>
						{% endif %}
					</div>
				{% endif %}
			</div>
		</div>
	</div>
</div>

No notes defined.