footer.php

<!-- Footer Section -->
<footer class="site-footer">
	<!-- Container for the Footer Content -->
	<div class="site-footer__inner container container--narrow">
		<!-- Grouping of Footer Elements -->
		<div class="group">
			<!-- Logo and Contact Information -->
			<div class="site-footer__col-one">
				<h1 class="school-logo-text school-logo-text--alt-color">
					<a href="<?php echo site_url(); ?>"><strong>WP</strong> University</a>
				</h1>
				<p><a class="site-footer__link" href="#">+(xx)-xxxxxxxxx</a></p>
			</div>

			<!-- Navigation Links -->
			<div class="site-footer__col-two-three-group">
				<!-- Explore Section -->
				<div class="site-footer__col-two">
					<h3 class="headline headline--small">Explore</h3>
					<nav class="nav-list">
						<ul>
							<li><a href="<?php echo site_url( '/about-us' ); ?>">About Us</a></li>
							<li><a href="#">Programs</a></li>
							<li><a href="#">Events</a></li>
							<li><a href="#">Campuses</a></li>
						</ul>
					</nav>
				</div>

				<!-- Learn Section -->
				<div class="site-footer__col-three">
					<h3 class="headline headline--small">Learn</h3>
					<nav class="nav-list">
						<ul>
							<li><a href="#">Legal</a></li>
							<li><a href="<?php echo site_url( '/privacy-policy' ); ?>">Privacy</a></li>
							<li><a href="#">Careers</a></li>
						</ul>
					</nav>
				</div>
			</div>

			<!-- Social Media Links -->
			<div class="site-footer__col-four">
				<h3 class="headline headline--small">Connect With Us</h3>
				<nav>
					<!-- List of Social Media Icons -->
					<ul class="min-list social-icons-list group">
						<li><a href="#" class="social-color-facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
						<li><a href="#" class="social-color-twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
						<li><a href="#" class="social-color-youtube"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
						<li><a href="#" class="social-color-linkedin"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
						<li><a href="#" class="social-color-instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
					</ul>
				</nav>
			</div>
		</div>
	</div>
</footer>

<!-- WordPress Hook for Footer Scripts -->
<?php wp_footer(); ?>
</body>
</html>