Navbars

         
         <nav id="nv" class="nv-gradient">
          <label for="hm">&#9776;</label>
          <input type="checkbox" id="hm"/>
          <div class="logo">Logo</div>
          <div id="ls">
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
            <a href="tech.html">Tech</a>
            <a href="games.html">Games</a>
            <a href="reviews.html">Reviews</a>
            <input class="inp-text"></input>
          </div>
         </nav>

         <nav id="nv" class="nv-orange">
          <label for="hm">&#9776;</label>
          <input type="checkbox" id="hm"/>
          <div class="logo">Maker Birliği</div>
          <div id="ls">
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
            <a href="tech.html">Tech</a>
            <a href="games.html">Games</a>
            <a href="reviews.html">Reviews</a>
            <input class="inp-text"></input>
          </div>
         </nav>

         <nav id="nv" class="nv-blue">
          <label for="hm">&#9776;</label>
          <input type="checkbox" id="hm"/>
          <div class="logo">Logo</div>
          <div id="ls">
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
            <a href="tech.html">Tech</a>
            <a href="games.html">Games</a>
            <a href="reviews.html">Reviews</a>
            <input class="inp-text"></input>
          </div>
         </nav>

        <nav id="nv" class="nv-red">
          <label for="hm">&#9776;</label>
          <input type="checkbox" id="hm"/>
          <div class="logo">Logo</div>
          <div id="ls">
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
            <a href="tech.html">Tech</a>
            <a href="games.html">Games</a>
            <a href="reviews.html">Reviews</a>
            <input class="inp-text"></input>
          </div>
         </nav>

         <nav id="nv" class="nv-light-blue">
          <label for="hm">&#9776;</label>
          <input type="checkbox" id="hm"/>
          <div class="logo">Logo</div>
          <div id="ls">
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
            <a href="tech.html">Tech</a>
            <a href="games.html">Games</a>
            <a href="reviews.html">Reviews</a>
            <input class="inp-text"></input>
          </div>
         </nav>

         <nav id="nv" class="nv-pink">
          <label for="hm">&#9776;</label>
          <input type="checkbox" id="hm"/>
          <div class="logo">Logo</div>
          <div id="ls">
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
            <a href="tech.html">Tech</a>
            <a href="games.html">Games</a>
            <a href="reviews.html">Reviews</a>
            <input class="inp-text"></input>
          </div>
         </nav>

         <nav id="nv" class="nv-purple">
          <label for="hm">&#9776;</label>
          <input type="checkbox" id="hm"/>
          <div class="logo">Logo</div>
          <div id="ls">
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
            <a href="tech.html">Tech</a>
            <a href="games.html">Games</a>
            <a href="reviews.html">Reviews</a>
            <input class="inp-text"></input>
          </div>
         </nav>

         <nav id="nv" class="nv-yellow">
          <label for="hm">&#9776;</label>
          <input type="checkbox" id="hm"/>
          <div class="logo">Logo</div>
          <div id="ls">
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
            <a href="tech.html">Tech</a>
            <a href="games.html">Games</a>
            <a href="reviews.html">Reviews</a>
            <input class="inp-text"></input>
          </div>
         </nav>

         <nav id="nv" class="nv-green">
          <label for="hm">&#9776;</label>
          <input type="checkbox" id="hm"/>
          <div class="logo">Logo</div>
          <div id="ls">
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
            <a href="tech.html">Tech</a>
            <a href="games.html">Games</a>
            <a href="reviews.html">Reviews</a>
            <input class="inp-text"></input>
          </div>
         </nav>

         <nav id="nv" class="nv-dark">
           <label for="hm">&#9776;</label>
           <input type="checkbox" id="hm"/>
           <div class="logo">Logo</div>
           <div id="ls">
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
            <a href="tech.html">Tech</a>
            <a href="games.html">Games</a>
            <a href="reviews.html">Reviews</a>
            <input class="inp-text"></input>
           </div>
         </nav>