Hier ist ein Beispiel-Code für einen attraktiven Homepage-Header:
Willkommen auf meiner Homepage!
1. Beispiel TEXT
2. Beispiel TEXT
3. Beispiel TEXT
4. Beispiel TEXT
Code / :
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Deine Homepage</title>
<style>
body, html {
margin: 0;
padding: 0;
font-family: 'Arial', sans-serif;
}
.header {
background-color: #4CAF50;
color: white;
padding: 20px;
text-align: center;
}
.header h1 {
margin: 0;
font-size: 40px;
}
@media (max-width: 600px) {
.header h1 {
font-size: 30px;
}
}
</style>
</head>
<body>
<div class="header">
<h1>Willkommen auf meiner Homepage!</h1>
</div>
<!-- Hier kommt der Rest deines Homepage-Inhalts -->
</body>
</html>
Dieser Code erstellt einen responsiven Header mit einem großen Titel, der auf kleineren Bildschirmen automatisch kleiner wird. Du kannst die Farben und Schriftarten an dein Design anpassen. Viel Spaß beim Gestalten deiner Homepage!
Erstellt mithilfe von KI Copilot
Comments are closed