<!-- Contact Info -->
<div class="contact_block">
    <div class="fs-row">
        <div class="fs-cell fs-lg-8 fs-lg-justify-center">
            <div class="contact_block_inner">
                <div class="contact_block_header">
                    <h2 class="contact_block_title">
                        <span class="contact_block_title_label">Get in Touch</span>
                    </h2>

                    <div class="contact_block_description">
                        <p>Some description</p>
                    </div>
                </div>

                <div class="contact_items">
                    <div class="contact">
                        <script type="application/ld+json">
                            {
                                '@context': 'http://schema.org',
                                '@type': 'Person',
                                'email': 'mailto:dagidiussomereallylongemailaddress@cgcc.edu',
                                'image': '3',
                                'jobTitle': 'Clinical Nursing Instructor',
                                'name': 'Dawn Agidius',
                                'telephone': '(541) 506-6146',
                                'url': '#'
                            }
                        </script>

                        <div class="contact_col is_info">

                            <div class="contact_info">
                                <h2 class="contact_name">

                                    <a href="#" class="contact_link">
                                        <span class="contact_link_inner">
                                            <span class="contact_link_label">Dawn Agidius</span><span class="contact_link_icon icon_nowrap" aria-hidden="true">&#xfeff;
                                                <svg class="icon icon_arrow_right">
                                                    <use href="/images/icons.svg#arrow_right" />
                                                </svg>
                                            </span>
                                        </span>
                                    </a>
                                </h2>

                                <div class="contact_title">Clinical Nursing Instructor</div>

                                <div class="contact_department_link_wrap">
                                    <a href="#" class="contact_department_link">
                                        Nursing & Health Occupations Department
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="contact_col is_meta">
                            <div class="contact_meta">
                                <div class="contact_meta_item">
                                    <div class="contact_meta_label">
                                        Contact Info
                                    </div>

                                    <div class="contact_meta_content">
                                        <div class="contact_meta_content_item">
                                            <a href="tel: (541) 506-6146">
                                                (541) 506-6146
                                            </a>
                                        </div>

                                        <div class="contact_meta_content_item">
                                            <a href="mailto: dagidiussomereallylongemailaddress@cgcc.edu">
                                                dagidiussomereallylongemailaddress@cgcc.edu
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="contact_col is_figure">
                            <figure class="contact_figure">

                                <img class="contact_image" src="https://images.fastspot.com/columbia-gorge-community-college/300x300/3" alt="" loading="lazy" width="300" height="300">
                            </figure>
                        </div>
                    </div>
                    <div class="contact">
                        <script type="application/ld+json">
                            {
                                '@context': 'http://schema.org',
                                '@type': 'Person',
                                'email': 'mailto:lberry@cgcc.edu',
                                'image': '',
                                'jobTitle': 'Anthropology Instructor',
                                'name': 'Leslie Berry',
                                'telephone': '',
                                'url': '#'
                            }
                        </script>

                        <div class="contact_col is_info">

                            <div class="contact_info">
                                <h2 class="contact_name">

                                    <a href="#" class="contact_link">
                                        <span class="contact_link_inner">
                                            <span class="contact_link_label">Leslie Berry</span><span class="contact_link_icon icon_nowrap" aria-hidden="true">&#xfeff;
                                                <svg class="icon icon_arrow_right">
                                                    <use href="/images/icons.svg#arrow_right" />
                                                </svg>
                                            </span>
                                        </span>
                                    </a>
                                </h2>

                                <div class="contact_title">Anthropology Instructor</div>

                                <div class="contact_department_link_wrap">
                                    <a href="#" class="contact_department_link">
                                        Social Science Department
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="contact_col is_meta">
                            <div class="contact_meta">
                                <div class="contact_meta_item">
                                    <div class="contact_meta_label">
                                        Contact Info
                                    </div>

                                    <div class="contact_meta_content">

                                        <div class="contact_meta_content_item">
                                            <a href="mailto: lberry@cgcc.edu">
                                                lberry@cgcc.edu
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Contact Info -->
{#
	{% include '@component-contact-info' with {
		title: 'Get in Touch',
		description: '',
		items: [
			{
				name: 'Dawn Agidius',
				url: '#',
				title: 'Clinical Nursing Instructor',
				department: {
					url: '#',
					label: 'Nursing & Health Occupations Department'
				},
				phone_number: '(541) 506-6146',
				email_address: 'dagidius@cgcc.edu',
				image: 3
			},
			{
				name: 'Leslie Berry',
				url: '#',
				title: 'Anthropology Instructor',
				department: {
					url: '#',
					label: 'Social Science Department'
				},
				phone_number: null,
				email_address: 'lberry@cgcc.edu',
				image: null
			}
		]
	} %}
#}

<!-- Contact Info -->
<div class="contact_block">
	<div class="fs-row">
		<div class="fs-cell {{ cell }}">
			<div class="contact_block_inner">
				{% if title or description %}
					<div class="contact_block_header">
						{% if title %}
							<h2 class="contact_block_title">
								<span class="contact_block_title_label">{{ title }}</span>
							</h2>
						{% endif %}
						
						{% if description %}
							<div class="contact_block_description">
								<p>{{ description }}</p>
							</div>
						{% endif %}
					</div>
				{% endif %}

				<div class="contact_items">
					{% for item in items %}
						<div class="contact">
							<script type="application/ld+json">
								{
									'@context': 'http://schema.org',
									'@type': 'Person',
									'email': 'mailto:{{ item.email_address }}',
									'image': '{{ item.image }}',
									'jobTitle': '{{ item.title }}',
									'name': '{{ item.name }}',
									'telephone': '{{ item.phone_number }}',
									'url': '#'
								}
							</script>

							<div class="contact_col is_info">
							
								<div class="contact_info">
									<h2 class="contact_name">
										{% include '@partial-link' with {
											class: 'contact',
											title: item.name,
											url: item.url,
											icon: 'arrow_right',
											aria: '',
											nowrap: true
										} %}
									</h2>

									{% if item.title %}
										<div class="contact_title">{{ item.title }}</div>
									{% endif %}

									{% if item.department.url %}
										<div class="contact_department_link_wrap">
											<a href="{{ item.department.url }}" class="contact_department_link">
												{{ item.department.label }}
											</a>
										</div>
									{% endif %}
								</div>
							</div>

							<div class="contact_col is_meta">
								<div class="contact_meta">
									<div class="contact_meta_item">
										<div class="contact_meta_label">
											Contact Info
										</div>

										<div class="contact_meta_content">
											{% if item.phone_number %}
												<div class="contact_meta_content_item">
													<a href="tel: {{ item.phone_number }}">
														{{ item.phone_number }}
													</a>
												</div>
											{% endif %}

											{% if item.email_address %}
												<div class="contact_meta_content_item">
													<a href="mailto: {{ item.email_address }}">
														{{ item.email_address }}
													</a>
												</div>
											{% endif %}
										</div>
									</div>
								</div>
							</div>

							{% if item.image %}
								<div class="contact_col is_figure">
									<figure class="contact_figure">
										{% include '@partial-image' with {
											class: 'contact',
											alt: '',
											image: item.image,
											loading: 'lazy',
											sources: [
												img.square.xxsml
											]
										} %}
									</figure>
								</div>
							{% endif %}
						</div>
					{% endfor %}
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Contact Info -->

No notes defined.