💻 Full Working Code
📁 services.html
<!DOCTYPE html>
<html lang="sw">
<head>
<meta charset="UTF-8">
<title>Huduma Zetu - Faulink</title>
<style>
body { font-family: Arial; background: #f4f4f4; margin: 0; }
header { background: #007bff; color: white; padding: 20px; text-align: center; }
section { display: flex; justify-content: space-around; padding: 40px; flex-wrap: wrap; }
.service {
background: white; padding: 20px; width: 250px;
box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 10px; margin: 10px;
}
</style>
</head>
<body>

<header><h1>Huduma Tunazotoa</h1></header>

<section>
<div class="service">
<h3>Web Design</h3>
<p>Tunatengeneza tovuti bora kwa HTML, CSS, na JavaScript.</p>
</div>
<div class="service">
<h3>System Development</h3>
<p>Mifumo ya PHP & MySQL kwa shule na biashara.</p>
</div>
<div class="service">
<h3>Training</h3>
<p>Tunafundisha ICT, Database, na Coding kwa vitendo.</p>
</div>
</section>

</body>
</html>
________________________________________
🎥 YouTube Description
Hapa tunajifunza jinsi ya kutengeneza Services Page yenye sehemu (sections) kadhaa.
Utaona namna ya kutumia Flexbox layout kupanga huduma zako kwa ufanisi.
Ni somo muhimu sana kwa wamiliki wa websites na freelancers.
🔔 Subscribe kwa masomo zaidi ya HTML & CSS.
________________________________________
🏷️ Hashtags
#HTML #CSS #WebDesign #ServicesPage #Faulink #Flexbox #ResponsiveDesign