💻 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>© 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