FAUSTINE MWOYA November 11, 2025 1 min read

Jinsi ya Kutengeneza About Page na Navigation

💻 Full Working Code
📁 about.html
<!DOCTYPE html>
<html lang="sw">
<head>
<meta charset="UTF-8">
<title>Kuhusu Sisi - Faulink</title>
<style>
body { font-family: Arial; margin: 0; background: #f8f9fa; }
nav { background: #007bff; padding: 15px; text-align: center; }
nav a { color: white; margin: 0 10px; text-decoration: none; font-weight: bold; }
nav a:hover { text-decoration: underline; }
section { padding: 40px; text-align: center; }
footer { background: #222; color: white; text-align: center; padding: 10px; }
</style>
</head>
<body>

<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
</nav>

<section>
<h2>Kuhusu Faulink</h2>
<p>Faulink ni jukwaa la elimu ya ICT, Web Design, PHP, na MySQL kwa wanafunzi na walimu.</p>
</section>

<footer>
<p>&copy; 2025 Faulink</p>
</footer>

</body>
</html>
________________________________________
🎥 YouTube Description
Somo hili linaelezea jinsi ya kuunda About Page yenye navigation ya kurahisisha uhamisho kati ya kurasa tofauti.
Utaona jinsi ya kutengeneza link za ndani (internal links) kwa HTML na muundo wa nav bar rahisi.
🔔 Jiunge na Faulink Channel kwa masomo ya HTML, CSS, na Web Design.
________________________________________
🏷️ Hashtags
#HTML #CSS #AboutPage #Navigation #WebDesign #Faulink #Coding #LearnHTML

🚀 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.

Share this post

Comments

0
No comments yet. Be the first to comment.

Continue Reading

Subscribe

Get new updates

Jiunge upokee posts mpya, tutorials, na updates za mifumo moja kwa moja kwenye email yako.

Faulink Support