Maelezo:
Hero section ni sehemu ya juu ya tovuti inayovutia macho ya mtumiaji.
Mfano wa Code:
<section class="hero">
<h1>Karibu Faulink Academy</h1>
<p>Jifunze Web Development kwa Kiswahili</p>
<button>Jifunze Sasa</button>
</section>
<style>
.hero {
background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0.2)),
url('https://via.placeholder.com/1200x400') center/cover;
color: white;
text-align: center;
padding: 100px 20px;
}
.hero button {
background: #28a745;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
}
</style>
YouTube Description:
Jinsi ya kutengeneza hero section yenye background image na gradient overlay kwa tovuti za kisasa.
Hashtags:
#HeroSection #Faulink #CSSDesign