<h1>Navigation</h1>
<h2>Desktop</h2>
<pre><code class="language-html"></code></pre>
<nav>
  <div class="navBar-container">
    <div>
      <i class="nav-icon icon-nav">AA</i>
    </div>
    <div class="logo-text">
      <a href="#">
        <span class="left">Troll</span>
        <span class="right">Craft</span>
      </a>
    </div>
    <div>
      <a href=""><i class="nav-icon">AA</i></a>
    </div>
  </div>
  
  <div class="nav-container">
    <div class="links">
      <div class="dropdown">
        <i class="icon-nav dropbtn">AA</i>
        <div class="dropdown-content">
          <a>Aktualności</a>
          <a>Sklep</a>
          <a>Tryby</a>
          <a>Pomoc</a>
        </div>
      </div>
      <div class="mobile-links">
        <a>Aktualności</a>
        <a>Sklep</a>
        <a>Tryby</a>
        <a>Pomoc</a>
      </div>
    </div>
    <div class="desktop logo-text" style="left: -80px;">
      <a href="#">
        <span class="left">Troll</span>
        <span class="right">Craft</span>
      </a>
    </div>
    <div class="input-box big with-button">
      <input type="text" name="ex1" placeholder="Wpisz nick...">
      <button class="icon primary">
        <i class="icon back"></i>
      </button>
    </div>
  </div>
</nav>
<h2>Mobile</h2>
<pre><code class="language-html"></code></pre>