Jinsi ya Kutengeneza Services Page kwa Multi-Sections
💻 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
🚀 Unahitaji mfumo au website ya biashara?
Chagua huduma hapa chini kisha mteja bofya moja kwa moja kwenda kwenye ukurasa wa huduma au kuwasiliana nasi kwa WhatsApp.