πŸ’» Full Working Code
πŸ“ index.html
<!DOCTYPE html>
<html lang="sw">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Faulink - Homepage</title>
<style>
body { font-family: Arial, sans-serif; margin: 0; background: #f4f4f9; }
header { background: #007bff; color: white; padding: 20px; text-align: center; }
section { padding: 40px; text-align: center; }
button {
background: #28a745; color: white; padding: 10px 20px; border: none;
border-radius: 5px; cursor: pointer;
}
footer { background: #222; color: white; text-align: center; padding: 15px; }
</style>
</head>
<body>

<header>
<h1>Karibu Faulink</h1>
<p>Jifunze HTML, CSS, JavaScript & PHP</p>
</header>

<section>
<h2>Welcome to Faulink Tutorials</h2>
<p>Hapa utapata masomo bora ya kutengeneza websites na mifumo ya PHP.</p>
<button onclick="window.location='about.html'">Soma Zaidi</button>
</section>

<footer>
<p>&copy; 2025 Faulink | All Rights Reserved</p>
</footer>

</body>
</html>
________________________________________
πŸŽ₯ YouTube Description
Somo hili linafundisha jinsi ya kuunda homepage ya static website kwa kutumia HTML & CSS pekee.
Ni hatua ya kwanza kwenye kutengeneza tovuti kamili.
Utajifunza jinsi ya kupanga sehemu za header, body, na footer kwa muundo wa kisasa.
πŸ”” Subscribe kwenye Faulink YouTube kwa tutorials zaidi!
________________________________________
🏷️ Hashtags
#HTML #CSS #Faulink #HomepageDesign #WebDevelopment #LearnCoding #StaticWebsite