Professional Documents
Culture Documents
navbar
<nav class="navbar">
<a href="#home">home</a>
<a href="#features">features</a>
<a href="#products">products</a>
<a href="#categories">categories</a>
<a href="#review">review</a>
<a href="#blogs">blogs</a>
</nav>
.header .search-form{
position: absolute;
top:110%;right:-110%;
width:50rem;
height:5rem;
background:#fff;
border-radius: .5rem;
overflow:hidden;
display:flex;
align-items:center;
box-shadow:var(--box-shadow);
.header .search-from.active{
right:2rem;
transition:.4s linear;
}
let searchForm=document.querySelector('.search-form');
document.querySelector('#search-btn').onclick=()=>{
searchForm.classList.toggle('active');
}
#menu-btn{
display: none;
}