<!-- Contact Details -->
<div class="contact_details_wrapper">
<h3 class="contact_details_title">Chester Campus</h3>
<div class="contact_details">
<div class="contact_detail">
<div class="contact_detail_label">Contact</div>
<div class="contact_detail_item">
<a class="contact_detail_info" itemprop="telephone" href="tel:8047964000">
<span class="contact_detail_info_icon">
<svg class="icon icon_phone">
<use href="/images/icons.svg#phone" />
</svg>
</span>
<span class="contact_detail_info_label">804-796-4000</span>
</a>
</div>
<div class="contact_detail_item">
<a class="contact_detail_info" href="mailto:studentactivities@jtcc.edu" itemprop="email">
<span class="contact_detail_info_icon">
<svg class="icon icon_mail">
<use href="/images/icons.svg#mail" />
</svg>
</span>
<span class="contact_detail_info_label">studentactivities@jtcc.edu</span>
</a>
</div>
</div>
<div class="contact_detail">
<div class="contact_detail_label">Location</div>
<div class="contact_detail_item">
<div class="contact_detail_info" itemprop="address">13101 Jefferson Davis Highway<br>Chester, Virginia 23831-5316</div>
</div>
</div>
<div class="contact_detail">
<div class="contact_detail_label">Hours</div>
<div class="contact_detail_item">
<div class="contact_detail_hint">Monday – Friday</div>
<div class="contact_detail_info">9:00 am – 7:00 pm</div>
</div>
<div class="contact_detail_item">
<div class="contact_detail_hint">Saturday</div>
<div class="contact_detail_info">11:00 am – 2:00 am</div>
</div>
</div>
<div class="contact_detail">
<div class="contact_detail_label">Social Media</div>
<ul class="contact_socials" aria-label="Social Links for ">
<li class="contact_social">
<a class="contact_social_link" href="#" aria-label=" Facebook" itemprop="sameAs">
<span class="contact_social_link_label">Facebook</span>
<span class="contact_social_link_icon">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</a>
</li>
<li class="contact_social">
<a class="contact_social_link" href="#" aria-label=" Twitter" itemprop="sameAs">
<span class="contact_social_link_label">Twitter</span>
<span class="contact_social_link_icon">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</a>
</li>
</ul>
</div>
</div>
<!-- END: Contact Details -->
</div>
<!-- Contact Details -->
<div class="contact_details_wrapper">
{% if item.title %}
<h3 class="contact_details_title">{{ item.title }}</h3>
{% endif %}
<div class="contact_details">
{% if item.phone_numbers or item.email %}
<div class="contact_detail">
<div class="contact_detail_label">Contact</div>
{% for phone in item.phone_numbers %}
<div class="contact_detail_item">
<a class="contact_detail_info" itemprop="{{ phone.type }}" href="tel:{{ tel(phone.number) }}">
<span class="contact_detail_info_icon">{{ icon("phone") }}</span>
<span class="contact_detail_info_label">{{ phone.number }}</span>
</a>
</div>
{% endfor %}
{% if item.email %}
<div class="contact_detail_item">
<a class="contact_detail_info" href="mailto:{{ item.email }}" itemprop="email">
<span class="contact_detail_info_icon">{{ icon("mail") }}</span>
<span class="contact_detail_info_label">{{ item.email }}</span>
</a>
</div>
{% endif %}
</div>
{% endif %}
{% if item.location %}
<div class="contact_detail">
<div class="contact_detail_label">Location</div>
<div class="contact_detail_item">
<div class="contact_detail_info" itemprop="address">{{ item.location }}</div>
</div>
</div>
{% endif %}
{% if item.departments %}
<div class="contact_detail">
<div class="contact_detail_label">Department</div>
{% for department in item.departments %}
<div class="contact_detail_item">
<a class="contact_detail_info" href="{{ department.url }}">{{ department.name }}</a>
</div>
{% endfor %}
</div>
{% endif %}
{% if item.office_hours %}
<div class="contact_detail">
<div class="contact_detail_label">Hours</div>
{% for office_hours in item.office_hours %}
<div class="contact_detail_item">
<div class="contact_detail_hint">{{ office_hours.label }}</div>
<div class="contact_detail_info">{{ office_hours.hours }}</div>
</div>
{% endfor %}
</div>
{% endif %}
{% if item.social_links %}
<div class="contact_detail">
<div class="contact_detail_label">Social Media</div>
<ul class="contact_socials" aria-label="Social Links for {{ item.name }}">
{% for social in item.social_links %}
<li class="contact_social">
<a class="contact_social_link" href="{{ social.url }}" aria-label="{{ item.name }} {{ social.title }}" itemprop="sameAs">
<span class="contact_social_link_label">{{ social.title }}</span>
<span class="contact_social_link_icon">{{ icon("caret_right") }}</span>
</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>
<!-- END: Contact Details -->
</div>
No notes defined.