HTML for Web Footer to match CMS branding for GVSU University Libraries

webfooter.html

<div role="contentinfo">
			
				<div class="footer hide-print">
					<div class="content">
						<h1 class="sr-only">Footer</h1>
						<div class="row-gutter">
							
								<div class="col-3 col-md-4 col-sm-6">
									<h2 class="padding-none color-white">
										Contact
									</h2>
									
											<p class="vcard">
												
														<span class="fn">Text Us!</span>
														<br>
													
														<span class="tel">
															<span class="value">
																<a href="tel:616-818-0219">(616) 818-0219</a>
															</span>
															
														</span>
														<br>
													
											</p>
											
												<br>
											
											<p class="vcard">
												
														<span class="fn">Mary Idema Pew Library</span>
														<br>
													
														<span class="tel">
															<span class="value">
																<a href="tel:616-331-3500">(616) 331-3500</a>
															</span>
															
														</span>
														<br>
													
														<a href="mailto:[email protected]" class="email">[email protected]</a>
														<br>
													
											</p>
											
												<br>
											
											<p class="vcard">
												
														<span class="fn">Steelcase Library</span>
														<br>
													
														<span class="tel">
															<span class="value">
																<a href="tel:616-331-6799">(616) 331-6799</a>
															</span>
															
														</span>
														<br>
													
											</p>
											
												<br>
											
											<p class="vcard">
												
														<span class="fn">Frey Foundation Learning Commons</span>
														<br>
													
														<span class="tel">
															<span class="value">
																<a href="tel:616-331-5933">(616) 331-5933</a>
															</span>
															
														</span>
														<br>
													
											</p>
											
								</div>
							
								<div class="col-3 col-md-4 col-sm-6">
									<h2 class="padding-none color-white">
										Social Media
									</h2>
									
											<p>
												
												
												
													
												
													<a href="https://instagram.com/gvsulib" title="Instagram" class="text-nodecoration">
														<img src="https://libapps.s3.amazonaws.com/accounts/21/images/instagram.png" alt="" style="width:auto;min-width:auto;">
														<span class="sr-only">https://instagram.com/gvsulib</span>
													</a>

<a href="https://www.tiktok.com/@gvsulib" aria-label="Tiktok" class="text-nodecoration" target="_blank">
														<img src="https://libapps.s3.amazonaws.com/accounts/21/images/tiktok.png" alt="" style="width:auto;min-width:auto;">
														<span class="sr-only">https://www.tiktok.com/@gvsulib</span>
													</a>

<a href="https://www.youtube.com/channel/UCE5pH3lsWVQ9PbWGDE6EyFA" title="YouTube" class="text-nodecoration">
														<img src="https://libapps.s3.amazonaws.com/accounts/21/images/youtube.png" alt="" style="width:auto;min-width:auto;">
														<span class="sr-only">https://www.youtube.com/channel/UCE5pH3lsWVQ9PbWGDE6EyFA</span>
													</a>
												
											</p>
											
										<br class="hide-lg hide-md">
									
								</div>
							
							<div class="col-3 col-md-4 col-sm-6">
								<h2 class="padding-none color-white">
									Committed to Equality
								</h2>
								<a href="https://gvsu.edu/library/acrl" target="_blank">
									<img src="https://www.gvsu.edu/cms4/asset/0862059E-9024-5893-1B5AAAC2F83BDDD8/acrl.png" alt="ACRL Diversity Alliance Logo" style="width:auto;max-width:100%;">
								</a>
							</div>
						
						</div>
					</div>
				</div>
				<div class="bottom hide-print">
		<div class="content">
			<div class="row-gutter">
				<div class="col-12 legal">
					<h2 class="sr-only">Legal</h2>
					<ul>
						<li>
							<a href="https://gvsu.edu/affirmativeactionstatement.htm"><span class="hide-sm hide-md">GVSU is an </span>AA/EO Institution</a>
						</li>
						<li>
							<a href="https://gvsu.edu/privacystatement.htm">Privacy Policy</a>
						</li>
						<li>
							<a href="https://gvsu.edu/disclosures">Disclosures</a>
						</li>
						<li>
							<span class="hide-sm hide-md">Copyright </span>© 2021 GVSU
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>