<!DOCTYPE html>
<html>
<head>
<title>Material Design Footer</title>
<style>
.footer {
background-color: #000000;
padding: 16px;
}
.footer-content {
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
}
.footer-text {
margin-right: 8px;
}
.footer-separator {
margin: 0 8px;
}
.footer-link {
color: #ffffff;
text-decoration: none;
}
.footer-link:hover {
color: #ffffff;
text-decoration: underline;
}
</style>
</head>
<body>
<footer class="footer">
<div class="footer-content">
<span class="footer-text">© Copyright 2023 –
<a class="footer-link" href="https://www.moneycrypts.com" target="_blank">Moneycrypts</a>
</span>
<span class="footer-separator">|</span>
<a class="footer-link" href="https://www.moneycrypts.com/sitemap_index.xml" target="_blank">Sitemap</a>
</div>
</footer>
</body>
</html>
