<section id="site-footer"> <style> #site-footer { background-color: var(--et-colors-background); padding-block: calc(var(--et-spacing-vertical) * 0.4); padding-inline: var(--et-spacing-horizontal); border-top: 1px solid var(--et-colors-border, rgba(255,255,255,0.1)); } @media (min-width: 1024px) { #site-footer { padding-block: calc(var(--et-spacing-vertical-lg) * 0.4); padding-inline: var(--et-spacing-horizontal-lg); } } #site-footer .container { margin-inline: auto; max-width: 42rem; } @media (min-width: 1024px) { #site-footer .container { max-width: 80rem; } } #site-footer .footer-inner { display: flex; flex-direction: column; gap: 12px; align-items: center; } @media (min-width: 768px) { #site-footer .footer-inner { flex-direction: row; justify-content: space-between; align-items: center; gap: 16px; } } #site-footer .footer-col { font-size: 13px; color: var(--et-colors-text); opacity: 0.5; text-align: center; margin-bottom: 0; line-height: 1.5; } @media (min-width: 768px) { #site-footer .footer-col:first-child { text-align: left; } #site-footer .footer-col:last-child { text-align: right; } } #site-footer .footer-col a { color: var(--et-colors-text); text-decoration: underline; text-underline-offset: 4px; opacity: 1; transition: opacity 0.15s ease; } #site-footer .footer-col a:hover { opacity: 0.8; } #site-footer .footer-col a:focus-visible { outline: 1px dotted var(--et-colors-text); outline-offset: 2px; border-radius: 2px; } #site-footer .footer-col a.footer-brand-link { opacity: 1; font-weight: 600; } #site-footer .footer-links { display: flex; justify-content: center; gap: 16px; } @media (min-width: 768px) { #site-footer .footer-links { justify-content: flex-end; } } </style> <div class="container"> <footer aria-label="Page footer"> <div class="footer-inner"> <p class="footer-col">© 2026 mega.dev</p> <p class="footer-col"> Made with <span aria-label="white heart">🤍</span> for high-quality education by <a href="https://www.brave.courses/" target="_blank" rel="noopener noreferrer" class="footer-brand-link">BRAVE</a> </p> <p class="footer-col footer-links"> <a href="https://app.easy.tools/policies/201346d68fdc45508ee9ddc5828d97dc" target="_blank" rel="noopener noreferrer">Privacy Policy</a> <a href="https://app.easy.tools/terms/201346d68fdc45508ee9ddc5828d97dc" target="_blank" rel="noopener noreferrer">Terms of Service</a> </p> </div> </footer> </div> </section>