Saafiy has 1 Default Style Header options with various color. So you can choose which one you want.
Header with absolute position
<header class="header-one header--sticky">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="header-main-wrapper-area">
<div class="logo-nav-area">
<a href="index.html" class="logo">
<img src="assets/images/logo/logo-1.svg" alt="Logo_main">
</a>
<!-- navigation area start -->
<!-- navigation area start -->
<div class="nav-area">
<ul>
<li class="has-dropdown">
<a href="index.html">Home</a>
<ul class="submenu">
<li><a href="index.html">Main Home</a></li>
<li><a href="onepage-one.html">Onepage Demo</a></li>
</ul>
</li>
<li><a href="about.html">About</a> </li>
<li><a href="feature.html">Feature</a> </li>
<li><a href="pricing.html">Pricing </a> </li>
<li class="has-dropdown">
<a href="#">Pages</a>
<ul class="submenu">
<li><a href="about.html">About Us</a></li>
<li><a href="feature.html">Feature</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="Blog-details.html">Blog Details</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="registration.html">Registration</a></li>
<li><a href="404.html">Error(404)</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a> </li>
</ul>
</div>
<!-- navigation area start -->
<!-- navigation area start -->
</div>
<div class="header-action-right g-25">
<div class="search" id="search">
<img src="assets/images/icon/search.svg" alt="search">
</div>
<!-- <div class="cart">
<img src="assets/images/icon/cart.svg" alt="search">
</div> -->
<div class="button-wrapper g-10">
<a href="login.html" class="rts-btn btn-border">
Sign In
</a>
<a href="#" class="rts-btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
Get Demo
</a>
<div class="menu-btn" id="menu-btn">
<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="14" width="20" height="2" fill="#1F1F25"></rect>
<rect y="7" width="20" height="2" fill="#1F1F25"></rect>
<rect width="20" height="2" fill="#1F1F25"></rect>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>