<nav>
    <a class='responsive-menu' href='#' id='resp-menu'>
      <i class='fa fa-reorder'/>
      Menu
    </a>
    <ul class='menu'>
      <li>
        <a class='homer' href='http://zielony-pokoik.blogspot.com'>
          <i class='fa fa-home'/>
          Strona główna
        </a>
      </li>

                    <!-- robimy profil urodowy  -->
      <li>
        <a href='http://zielony-pokoik.blogspot.com/p/profil-urodowy.html'>
          <i class='fa fa-user'/>
          Profil urodowy
        </a>
      </li>

                        <!--  tutaj robimy recenzje  -->
      <li>
        <a href='http://zielony-pokoik.blogspot.com/search/label/recenzje%20kosmetyk%C3%B3w'>
          <i class='fa fa-camera'/>
          Kosmetycznie
        </a>
      </li>
        <ul class='sub-menu'>

          <li>
            <a href='http://zielony-pokoik.blogspot.com/search/label/twarz'>
              Twarz
            </a>
          </li>

          <li>
            <a href='http://zielony-pokoik.blogspot.com/search/label/cia%C5%82o'>
              Ciało
            </a>
          </li>

            <li>
            <a href='http://zielony-pokoik.blogspot.com/search/label/w%C5%82osy'>
              Włosy
            </a>
          </li>

            <li>
            <a href='http://zielony-pokoik.blogspot.com/search/label/piel%C4%99gnacja%20d%C5%82oni'>
              Dłonie
            </a>
          </li>

            <li>
            <a href='http://zielony-pokoik.blogspot.com/search/label/stopy'>
              Stopy
            </a>
          </li>

            <li>
            <a href='http://zielony-pokoik.blogspot.com/search/label/kosmetyki%20kolorowe'>
              Kosmetyki kolorowe
            </a>
          </li>

            <li>
            <a href='http://zielony-pokoik.blogspot.com/search/label/paznokcie'>
              Paznokcie
            </a>
          </li>
        </ul>

         <li>
        <a href='http://zielony-pokoik.blogspot.com/search/label/box%20kosmetyczny'>
          <i class='fa fa-bullhorn'/>
          Openbox
        </a>
        </li>
        <ul class='sub-menu'>

          <li>
            <a href='http://zielony-pokoik.blogspot.com/search/label/Be%20Glossy'>
              Be Glossy
            </a>
          </li>


          <li>
            <a href='http://zielony-pokoik.blogspot.com/search/label/Chillbox'>
              Chill Box
            </a>
          </li>

          <li>
            <a href='http://zielony-pokoik.blogspot.com/search/label/Joybox'>
              Joybox
            </a>
          </li>

            <li>
            <a href='http://zielony-pokoik.blogspot.com/search/label/Pretty%20Box'>
              Pretty Box
            </a>
          </li>
        </ul>
    </ul>
</nav>