<header class="py-5 mb-4 hero-strip">
    <div class="container d-flex align-items-center">
        <div class="row w-100">
            <div class="col-md-6 d-flex flex-column justify-content-center mb-3 mb-md-0">
                <h1 class="display-5 hero-title">Portal Berita Codeigniter</h1>
                <p class="lead hero-subtitle mb-0">
                    Tempat Anda membaca berita dan informasi dengan tampilan yang tenang dan rapi.
                </p>
            </div>
        </div>
    </div>
</header>
<style>
.hero-strip {
    background: linear-gradient(135deg, #f4f0eb 0%, #e8e0d5 100%);
    border-bottom: 3px solid #f4f0eb;
}
.hero-title {
    font-weight: 700;
    color: #6b3c3c;
    letter-spacing: 0.02em;
}
.hero-subtitle {
    color: #555;
    max-width: 28rem;
    line-height: 1.7;
}
</style>