Footer

The footer appears at the bottom of every page and provides copyright info and social links.

Example
Copyright © 2026 Panhchakporreaksmey Yim
Let's Connect:
Code
<footer class="demo-footer">
  <div class="footer-copyright">
    Copyright &copy; 2026 Panhchakporreaksmey Yim
  </div>
  <div class="footer-right">
    <span class="footer-connect-label">Let's Connect:</span>
    <div class="footer-icons">
      <a href="#" aria-label="Facebook">...svg...</a>
      <a href="#" aria-label="Dribbble">...svg...</a>
      <a href="#" aria-label="LinkedIn">...svg...</a>
    </div>
  </div>
</footer>

/* CSS */
.demo-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #013E37;
  padding: 2rem 2.5rem;
}

.footer-copyright {
  font-family: 'Poppins', sans-serif;
  font-size: 0.82rem;
  color: #FFF8DE;
}

.footer-connect-label {
  font-family: 'Poppins', sans-serif;
  font-size: 0.82rem;
  color: #FFF8DE;
}

.footer-icons svg {
  width: 20px;
  height: 20px;
  fill: #FFF8DE;
}
Usage

The footer appears at the bottom of every page of the website.

The footer includes copyright information on the left side.

The footer includes social media links on the right side.

Accessibility Considerations

The footer uses a dark green background with cream text to ensure high contrast and readability. Each social media icon includes an aria-label for screen reader accessibility.