Module: Campus Accordions
Below is a standard template for creating an Accordion group of all seven campuses. We also have an accordion generator. Here are some important things to keep in mind:
Heading Structure
Be mindful about the heading hierarchy when you place an Accordion group on the page. If you are placing a block of accordions underneath a
<h2> element, then the hierarchy should be as follows:
<h2>Heading 2 Already On the Page</h2>
<h3>Brookhaven</h3>
<h4>Visit Us</h4>
<h4>Call or Email Us</h4>
<h4>Hours of Operation</h4>
<h4>Additional Info</h4>
<h3>Cedar Valley</h3>
<h4>Visit Us</h4>
<h4>Call or Email Us</h4>
<h4>Hours of Operation</h4>
<h4>Additional Info</h4>If you are placing a block of accordions by themselves and not underneath a
<h2> element, then the hierarchy should be as follows:
<h2>Brookhaven</h2>
<h3>Visit Us</h3>
<h3>Call or Email Us</h3>
<h3>Hours of Operation</h3>
<h3>Additional Info</h3>
<h2>Cedar Valley</h2>
<h3>Visit Us</h3>
<h3>Call or Email Us</h3>
<h3>Hours of Operation</h3>
<h3>Additional Info</h3>
Learn more about Headings on WebAIM.org
Learn More About Department CardsTemplate:
Locations and Contact Information
Visit Us
- Thunderduck Hall, T-101
-
Brookhaven
3939 Valley View Lane
Farmers Branch, TX 75244
Call or Email Us
- 214-123-4567
- 214-123-4567 (fax)
- Email Brookhaven Health Center
Hours of Operation
- Mon-Thurs: 9 a.m. - 2 p.m.
- Fri: 9 a.m. - noon
- Sat-Sun: Closed
- Note: Any additional notes about hours may go here.
Additional Info
If there is any extra information or content, this is where it can go.
Visit Us
- Thunderduck Hall, T-101
-
Cedar Valley
3030 N. Dallas Ave.
Lancaster, TX 75134
Call or Email Us
- 214-123-4567
- 214-123-4567 (fax)
- Email Cedar Valley Health Center
Hours of Operation
- Mon-Thurs: 9 a.m. - 2 p.m.
- Fri: 9 a.m. - noon
- Sat-Sun: Closed
- Note: Any additional notes about hours may go here.
Additional Info
If there is any extra information or content, this is where it can go.
Visit Us
- Thunderduck Hall, T-101
-
Eastfield
3737 Motley Drive
Mesquite, TX 75150
Call or Email Us
- 214-123-4567
- 214-123-4567 (fax)
- Email Eastfield Health Center
Hours of Operation
- Mon-Thurs: 9 a.m. - 2 p.m.
- Fri: 9 a.m. - noon
- Sat-Sun: Closed
- Note: Any additional notes about hours may go here.
Additional Info
If there is any extra information or content, this is where it can go.
Visit Us
- Thunderduck Hall, T-101
-
El Centro
801 Main St.
Dallas, TX 75202
Call or Email Us
- 214-123-4567
- 214-123-4567 (fax)
- Email El Centro Health Center
Hours of Operation
- Mon-Thurs: 9 a.m. - 2 p.m.
- Fri: 9 a.m. - noon
- Sat-Sun: Closed
- Note: Any additional notes about hours may go here.
Additional Info
If there is any extra information or content, this is where it can go.
Visit Us
- Thunderduck Hall, T-101
-
span fragmentid="/ReusableContent/8_.000" id="__publishingReusableFragment" class="ms-reusableTextView ms-rtestate-read" contenteditable="false">Mountain View
4849 W. Illiniois Ave.
Dallas, TX 75211
Call or Email Us
- 214-123-4567
- 214-123-4567 (fax)
- Email Mountain View Health Center
Hours of Operation
- Mon-Thurs: 9 a.m. - 2 p.m.
- Fri: 9 a.m. - noon
- Sat-Sun: Closed
- Note: Any additional notes about hours may go here.
Additional Info
If there is any extra information or content, this is where it can go.
Visit Us
- Thunderduck Hall, C-180
-
North Lake
5001 N. MacArthur Blvd.
Irving, TX 75038
Call or Email Us
- 214-123-4567
- 214-123-4567 (fax)
- Email North Lake Health Center
Hours of Operation
- Mon-Thurs: 9 a.m. - 2 p.m.
- Fri: 9 a.m. - noon
- Sat-Sun: Closed
- Note: Any additional notes about hours may go here.
Additional Info
If there is any extra information or content, this is where it can go.
Visit Us
- Thunderduck Hall, C-180
-
Richland
12800 Abrams Road
Dallas, TX 75243
Call or Email Us
- 214-123-4567
- 214-123-4567 (fax)
- Email Richland Health Center
Hours of Operation
- Mon-Thurs: 9 a.m. - 2 p.m.
- Fri: 9 a.m. - noon
- Sat-Sun: Closed
- Note: Any additional notes about hours may go here.
Additional Info
If there is any extra information or content, this is where it can go.
HTML Markup:
<h2>Locations and Contact Information</h2>
<div class="panel-group pgs-accordion pgs-accordion--BHC" id="BHC">
<h3>
<button type="button" data-target="#collapse-BHC" class="bg-cgrey collapsible collapsed" data-toggle="collapse" aria-expanded="false" aria-controls="collapse-BHC">
<span aria-hidden="true" class="ico fas fa-chevron-circle-right"></span>Brookhaven</button></h3>
<div id="collapse-BHC" class="panel-collapse collapse">
<div class="panel-body">
<div class="pgs-dept-card pgs-dept-card--quiet">
<div class="row">
<div class="col-md-4 col-sm-12 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Visit Us</h4>
<ul class="fa-ul">
<li><span class="fa-li"><span aria-hidden="true" class="ico fas fa-university"></span></span>Thunderduck Hall, T-101</li>
<li>
<span class="fa-li"><span aria-hidden="true" class="ico fas fa-map-marker-alt"></span></span>
<span class="ms-rtestate-read ms-reusableTextView" contenteditable="false" id="__publishingReusableFragment" fragmentid="/ReusableContent/4_.000">
<strong>Brookhaven</strong><br/><a href="https://goo.gl/maps/TywG1sCbgheBq639A">3939 Valley View Lane
<br/>Farmers Branch, TX 75244</a></span></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Call or Email Us</h4>
<ul class="fa-ul">
<li><span class="fa-li"><span aria-hidden="true" class="ico fas fa-phone"></span></span>214-123-4567</li>
<li>
<span class="fa-li"><span aria-hidden="true" class="ico fas fa-fax"></span></span>214-123-4567 (fax)</li>
<li>
<span class="fa-li"><span aria-hidden="true" class="ico fas fa-envelope"></span></span>
<a href="mailto:email@dcccd.edu">Email <span class="sr-only">Brookhaven </span>Health Center</a></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Hours of Operation</h4>
<ul class="fa-ul">
<li><span class="fa-li"><span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Mon-Thurs:</strong> 9 a.m. - 2 p.m.</li>
<li>
<span class="fa-li"><span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Fri:</strong> 9 a.m. - noon</li>
<li>
<span class="fa-li"><span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Sat-Sun:</strong> Closed</li>
<li>
<strong>Note:</strong> Any additional notes about hours may go here.</li>
</ul>
</div>
</div>
</div>
<h4>Additional Info</h4>
<p>If there is any extra information or content, this is where it can go.</p>
</div>
</div>
</div>
<div class="panel-group pgs-accordion pgs-accordion--CVC" id="CVC">
<h3>
<button type="button" data-target="#collapse-CVC" class="bg-cgrey collapsible collapsed" data-toggle="collapse" aria-expanded="false" aria-controls="collapse-CVC">
<span aria-hidden="true" class="ico fas fa-chevron-circle-right"></span>Cedar Valley</button></h3>
<div id="collapse-CVC" class="panel-collapse collapse">
<div class="panel-body">
<div class="pgs-dept-card pgs-dept-card--quiet">
<div class="row">
<div class="col-md-4 col-sm-12 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Visit Us</h4>
<ul class="fa-ul">
<li><span class="fa-li">
<span aria-hidden="true" class="ico fas fa-university"></span></span>Thunderduck Hall, T-101</li>
<li><span class="fa-li">
<span aria-hidden="true" class="ico fas fa-map-marker-alt"></span></span>
<span class="ms-rtestate-read ms-reusableTextView" contenteditable="false" id="__publishingReusableFragment" fragmentid="/ReusableContent/5_.000">
<strong>Cedar Valley</strong><br/>
<a href="https://goo.gl/maps/4SDG3iV1zpvhFtAc6">3030 N. Dallas Ave.
<br/>Lancaster, TX 75134</a></span></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Call or Email Us</h4>
<ul class="fa-ul">
<li><span class="fa-li"><span aria-hidden="true" class="ico fas fa-phone"></span></span>214-123-4567</li>
<li><span class="fa-li"><span aria-hidden="true" class="ico fas fa-fax"></span></span>214-123-4567 (fax)</li>
<li><span class="fa-li"><span aria-hidden="true" class="ico fas fa-envelope"></span></span>
<a href="mailto:email@dcccd.edu">Email
<span class="sr-only">Cedar Valley </span>Health Center</a>
</li>
</ul>
</div>
<div class="col-md-4 col-sm-6 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Hours of Operation</h4>
<ul class="fa-ul">
<li><span class="fa-li"><span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Mon-Thurs:</strong> 9 a.m. - 2 p.m.</li>
<li>
<span class="fa-li"><span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Fri:</strong> 9 a.m. - noon</li>
<li>
<span class="fa-li"><span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Sat-Sun:</strong> Closed</li>
<li>
<strong>Note:</strong> Any additional notes about hours may go here.</li>
</ul>
</div>
</div>
</div>
<h4>Additional Info</h4>
<p>If there is any extra information or content, this is where it can go.</p>
</div>
</div>
</div>
<div class="panel-group pgs-accordion pgs-accordion--EFC" id="EFC">
<h3><button type="button" data-target="#collapse-EFC" class="bg-cgrey collapsible collapsed" data-toggle="collapse" aria-expanded="false" aria-controls="collapse-EFC">
<span aria-hidden="true" class="ico fas fa-chevron-circle-right"></span>Eastfield</button></h3>
<div id="collapse-EFC" class="panel-collapse collapse">
<div class="panel-body">
<div class="pgs-dept-card pgs-dept-card--quiet">
<div class="row">
<div class="col-md-4 col-sm-12 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Visit Us</h4>
<ul class="fa-ul">
<li><span class="fa-li"><span aria-hidden="true" class="ico fas fa-university"></span></span>Thunderduck Hall, T-101</li>
<li>
<span class="fa-li"><span aria-hidden="true" class="ico fas fa-map-marker-alt"></span></span>
<span class="ms-rtestate-read ms-reusableTextView" contenteditable="false" id="__publishingReusableFragment" fragmentid="/ReusableContent/6_.000">
<strong>Eastfield</strong><br/>
<a href="https://goo.gl/maps/XbfT2qV3ru9Zv8JP8">3737 Motley Drive
<br/>Mesquite, TX 75150</a> </span></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Call or Email Us</h4>
<ul class="fa-ul">
<li><span class="fa-li"><span aria-hidden="true" class="ico fas fa-phone"></span></span>214-123-4567</li>
<li>
<span class="fa-li"><span aria-hidden="true" class="ico fas fa-fax"></span></span>214-123-4567 (fax)</li>
<li>
<span class="fa-li"><span aria-hidden="true" class="ico fas fa-envelope"></span></span>
<a href="mailto:email@dcccd.edu">Email <span class="sr-only">Eastfield </span>Health Center</a></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Hours of Operation</h4>
<ul class="fa-ul">
<li>
<span class="fa-li"><span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Mon-Thurs:</strong> 9 a.m. - 2 p.m.</li>
<li>
<span class="fa-li"><span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Fri:</strong> 9 a.m. - noon</li>
<li>
<span class="fa-li"><span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Sat-Sun:</strong> Closed</li>
<li>
<strong>Note:</strong> Any additional notes about hours may go here.</li>
</ul>
</div>
</div>
</div>
<h4>Additional Info</h4>
<p>If there is any extra information or content, this is where it can go.</p>
</div>
</div>
</div>
<div class="panel-group pgs-accordion pgs-accordion--ECC" id="ECC">
<h3><button type="button" data-target="#collapse-ECC" class="bg-cgrey collapsible collapsed" data-toggle="collapse" aria-expanded="false" aria-controls="collapse-ECC">
<span aria-hidden="true" class="ico fas fa-chevron-circle-right"></span>El Centro</button></h3>
<div id="collapse-ECC" class="panel-collapse collapse">
<div class="panel-body">
<div class="pgs-dept-card pgs-dept-card--quiet">
<div class="row">
<div class="col-md-4 col-sm-12 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Visit Us</h4>
<ul class="fa-ul">
<li><span class="fa-li"><span aria-hidden="true" class="ico fas fa-university"></span></span>Thunderduck Hall, T-101</li>
<li><span class="fa-li"><span aria-hidden="true" class="ico fas fa-map-marker-alt"></span></span>
<span class="ms-rtestate-read ms-reusableTextView" contenteditable="false" id="__publishingReusableFragment" fragmentid="/ReusableContent/7_.000">
<strong>El Centro</strong><br/>
<a href="https://goo.gl/maps/FMEAY1hT5ud4jTKX6">801 Main St.
<br/>Dallas, TX 75202</a></span></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Call or Email Us</h4>
<ul class="fa-ul">
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-phone"></span></span>214-123-4567</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-fax"></span></span>214-123-4567 (fax)</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-envelope"></span></span>
<a href="mailto:email@dcccd.edu">Email
<span class="sr-only">El Centro </span>Health Center</a></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Hours of Operation</h4>
<ul class="fa-ul">
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Mon-Thurs:</strong> 9 a.m. - 2 p.m.</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Fri:</strong> 9 a.m. - noon</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Sat-Sun:</strong> Closed</li>
<li>
<strong>Note:</strong> Any additional notes about hours may go here.</li>
</ul>
</div>
</div>
</div>
<h4>Additional Info</h4>
<p>If there is any extra information or content, this is where it can go.</p>
</div>
</div>
</div>
<div class="panel-group pgs-accordion pgs-accordion--MVC" id="MVC">
<h3>
<button type="button" data-target="#collapse-MVC" class="bg-cgrey collapsible collapsed" data-toggle="collapse" aria-expanded="false" aria-controls="collapse-MVC">
<span aria-hidden="true" class="ico fas fa-chevron-circle-right"></span>Mountain View</button></h3>
<div id="collapse-MVC" class="panel-collapse collapse">
<div class="panel-body">
<div class="pgs-dept-card pgs-dept-card--quiet">
<div class="row">
<div class="col-md-4 col-sm-12 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Visit Us</h4>
<ul class="fa-ul">
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-university"></span></span>Thunderduck Hall, T-101</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-map-marker-alt"></span></span>span fragmentid="/ReusableContent/8_.000" id="__publishingReusableFragment" class="ms-reusableTextView ms-rtestate-read" contenteditable="false"><strong>Mountain View</strong><br/><a href="https://goo.gl/maps/AG58z3i9q8wD8fGY8">4849 W. Illiniois Ave.
<br/>Dallas, TX 75211</a></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Call or Email Us</h4>
<ul class="fa-ul">
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-phone"></span></span>214-123-4567</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-fax"></span></span>214-123-4567 (fax)</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-envelope"></span></span>
<a href="mailto:email@dcccd.edu">Email
<span class="sr-only">Mountain View </span>Health Center</a></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Hours of Operation</h4>
<ul class="fa-ul">
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Mon-Thurs:</strong> 9 a.m. - 2 p.m.</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Fri:</strong> 9 a.m. - noon</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Sat-Sun:</strong> Closed</li>
<li>
<strong>Note:</strong> Any additional notes about hours may go here.</li>
</ul>
</div>
</div>
</div>
<h4>Additional Info</h4>
<p>If there is any extra information or content, this is where it can go.</p>
</div>
</div>
</div>
<div class="panel-group pgs-accordion pgs-accordion--NLC" id="NLC">
<h3>
<button type="button" data-target="#collapse-NLC" class="bg-cgrey collapsible collapsed" data-toggle="collapse" aria-expanded="false" aria-controls="collapse-NLC">
<span aria-hidden="true" class="ico fas fa-chevron-circle-right"></span>North Lake</button></h3>
<div id="collapse-NLC" class="panel-collapse collapse">
<div class="panel-body">
<div class="pgs-dept-card pgs-dept-card--quiet">
<div class="row">
<div class="col-md-4 col-sm-12 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Visit Us</h4>
<ul class="fa-ul">
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-university"></span></span>Thunderduck Hall, C-180</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-map-marker-alt"></span></span>
<span class="ms-rtestate-read ms-reusableTextView" contenteditable="false" id="__publishingReusableFragment" fragmentid="/ReusableContent/9_.000">
<strong>North Lake</strong>
<br/>
<a href="https://goo.gl/maps/DYatZigzqoNv6rsr7">5001 N. MacArthur Blvd.
<br/>Irving, TX 75038</a></span></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Call or Email Us</h4>
<ul class="fa-ul">
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-phone"></span></span>214-123-4567</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-fax"></span></span>214-123-4567 (fax)</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-envelope"></span></span>
<a href="mailto:email@dcccd.edu">Email
<span class="sr-only">North Lake </span>Health Center</a></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Hours of Operation</h4>
<ul class="fa-ul">
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Mon-Thurs:</strong> 9 a.m. - 2 p.m.</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Fri:</strong> 9 a.m. - noon</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Sat-Sun:</strong> Closed</li>
<li>
<strong>Note:</strong> Any additional notes about hours may go here.</li>
</ul>
</div>
</div>
</div>
<h4>Additional Info</h4>
<p>If there is any extra information or content, this is where it can go.</p>
</div>
</div>
</div>
<div class="panel-group pgs-accordion pgs-accordion--RLC" id="RLC">
<h3>
<button type="button" data-target="#collapse-RLC" class="bg-cgrey collapsible collapsed" data-toggle="collapse" aria-expanded="false" aria-controls="collapse-RLC">
<span aria-hidden="true" class="ico fas fa-chevron-circle-right"></span>Richland</button></h3>
<div id="collapse-RLC" class="panel-collapse collapse">
<div class="panel-body">
<div class="pgs-dept-card pgs-dept-card--quiet">
<div class="row">
<div class="col-md-4 col-sm-12 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Visit Us</h4>
<ul class="fa-ul">
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-university"></span></span>Thunderduck Hall, C-180</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-map-marker-alt"></span></span>
<span class="ms-rtestate-read ms-reusableTextView" contenteditable="false" id="__publishingReusableFragment" fragmentid="/ReusableContent/10_.000">
<strong>Richland</strong>
<br/>
<a href="https://g.page/richland-college-dallas?share">12800 Abrams Road<br/>Dallas, TX 75243</a></span></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Call or Email Us</h4>
<ul class="fa-ul">
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-phone"></span></span>214-123-4567</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-fax"></span></span>214-123-4567 (fax)</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-envelope"></span></span>
<a href="mailto:email@dcccd.edu">Email
<span class="sr-only">Richland </span>Health Center</a></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 pgs-dept-card__col">
<h4 class="pgs-dept-card__subhead">Hours of Operation</h4>
<ul class="fa-ul">
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Mon-Thurs:</strong> 9 a.m. - 2 p.m.</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Fri:</strong> 9 a.m. - noon</li>
<li>
<span class="fa-li">
<span aria-hidden="true" class="ico fas fa-clock"></span></span>
<strong>Sat-Sun:</strong> Closed</li>
<li>
<strong>Note:</strong> Any additional notes about hours may go here.</li>
</ul>
</div>
</div>
</div>
<h4>Additional Info</h4>
<p>If there is any extra information or content, this is where it can go.</p>
</div>
</div>
</div>