UI StudioFREE
KontoForgeEntdecken
Bibliothek / block
BLOCK

Simple Footer

Klarer Footer mit Navigation und rechtlichen Links.

testedORIGINAL
Live Preview
Playground

Implementierungen

HTML + CSS + JS · Primary

HTML · HTML + CSS + JS

index.html 

<footer class="footer"><div><strong>UI Studio</strong><p>Kostenlose UI-Bibliothek für Entwickler.</p></div><nav><a href="#">Komponenten</a><a href="#">Templates</a><a href="#">Plugins</a></nav><nav><a href="#">Impressum</a><a href="#">Datenschutz</a></nav></footer><style>.footer{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;max-width:1120px;margin:auto;padding:48px 24px;border-top:1px solid #e4e4e7}.footer p{color:#71717a}.footer nav{display:grid;gap:10px;align-content:start}.footer a{color:#52525b;text-decoration:none}@media(max-width:680px){.footer{grid-template-columns:1fr}}</style>