# Navbar preview

## Navbar mobile

<table>
  <tr>
    <td width="33.3333%">nav-1</td>
    <td width="33.3333%">nav-2</td>
    <td width="33.3333%">nav-3</td>
  </tr>

  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/Nav-mobile/nav-1.html">
            <img src="https://i.ibb.co/Qb1J40c/Screenshot-2248.png" alt="image" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/Nav-mobile/nav-2.html">
            <img src="https://i.ibb.co/KjQxKBR/Screenshot-2249.png" alt="image" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/Nav-mobile/nav-3.html">
            <img src="https://i.ibb.co/DRDcfX5/Screenshot-2250.png" alt="image" border="0">
        </a>
    </td>
  </tr>
  <tr>
    <td width="33.3333%">nav-4</td>
    <td width="33.3333%">nav-5</td>
    <td width="33.3333%">nav-6</td>
  </tr>

  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/Nav-mobile/nav-4.html">
            <img src="https://i.ibb.co/vHkym6s/Screenshot-2251.png" alt="image" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/Nav-mobile/nav-5.html">
            <img src="https://i.ibb.co/85WGYGS/Screenshot-2252.png" alt="image" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/Nav-mobile/nav-6.html">
            <img src="https://i.ibb.co/mykNNXq/Screenshot-2255.png" alt="image" border="0">
        </a>
    </td>
  </tr>

  <tr>
    <td width="33.3333%">nav-7</td>
    <td width="33.3333%">nav-8</td>
    <td width="33.3333%"></td>
  </tr>
  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/Nav-mobile/nav-7.html">
            <img src="https://i.ibb.co/G0JF6Y1/Screenshot-2256.png" alt="image" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/Nav-mobile/nav-8.html">
            <img src="https://i.ibb.co/SN0q0vW/Screenshot-2257.png" alt="image" border="0">
        </a>
    </td>
    <td width="33.3333%"></td>
  </tr>
</table>

## Navbar desktop

<table>
  <tr>
    <td width="33.3333%">navbar-0</td>
    <td width="33.3333%">navbar-1</td>
    <td width="33.3333%">navbar-2</td>
  </tr>

  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-0.html">
            <img src="https://iili.io/HzP1yOP.md.png" alt="HzP1yOP.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-01.html">
            <img src="https://iili.io/HzP1p5B.md.png" alt="HzP1p5B.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-02.html">
            <img src="https://iili.io/HzP1mJV.md.png" alt="HzP1mJV.md.png" border="0">
        </a>
    </td>
  </tr>
  <tr>
    <td width="33.3333%">navbar-3</td>
    <td width="33.3333%">navbar-4</td>
    <td width="33.3333%">navbar-5</td>
  </tr>

  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-03.html">
            <img src="https://iili.io/HzP1DUQ.md.png" alt="HzP1DUQ.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-04.html">
            <img src="https://iili.io/HzPEJzF.md.png" alt="HzPEJzF.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-05.html">
            <img src="https://iili.io/HzPEdWg.md.png" alt="HzPEdWg.md.png" border="0">
        </a>
    </td>
  </tr>
  <tr>
    <td width="33.3333%">navbar-6</td>
    <td width="33.3333%">navbar-7</td>
    <td width="33.3333%">navbar-8</td>
  </tr>

  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-06.html">
            <img src="https://iili.io/HzPE2sa.md.png" alt="HzPE2sa.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-07.html">
            <img src="https://iili.io/HzPEFqJ.md.png" alt="HzPEFqJ.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-08.html">
            <img src="https://iili.io/HzPEK0v.md.png" alt="HzPEK0v.md.png" border="0">
        </a>
    </td>
  </tr>
  <tr>
    <td width="33.3333%">navbar-9</td>
    <td width="33.3333%">navbar-10</td>
    <td width="33.3333%">navbar-11</td>
  </tr>

  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-09.html">
            <img src="https://iili.io/HzPEC5N.md.png" alt="HzPEC5N.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-10.html">
            <img src="https://iili.io/HzPEneI.md.png" alt="HzPEneI.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-11.html">
            <img src="https://iili.io/HzPEobt.md.png" alt="HzPEobt.md.png" border="0">
        </a>
    </td>
  </tr>
  <tr>
    <td width="33.3333%">navbar-12</td>
    <td width="33.3333%">navbar-13</td>
    <td width="33.3333%">navbar-14</td>
  </tr>

  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-12.html">
            <img src="https://iili.io/HzPEIXn.md.png" alt="HzPEIXn.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-13.html">
            <img src="https://iili.io/HzPETss.md.png" alt="HzPETss.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-14.html">
            <img src="https://iili.io/HzPEAqG.md.png" alt="HzPEAqG.md.png" border="0">
        </a>
    </td>
  </tr>
  <tr>
    <td width="33.3333%">navbar-15</td>
    <td width="33.3333%">navbar-16</td>
    <td width="33.3333%">navbar-17</td>
  </tr>

  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-15.html">
            <img src="https://iili.io/HzPER1f.md.png" alt="HzPER1f.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-16.html">
            <img src="https://iili.io/HzPEYdl.md.png" alt="HzPEYdl.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-17.html">
            <img src="https://iili.io/HzPEa72.md.png" alt="HzPEa72.md.png" border="0">
        </a>
    </td>
  </tr>
  <tr>
    <td width="33.3333%">navbar-18</td>
    <td width="33.3333%">navbar-19</td>
    <td width="33.3333%">navbar-20</td>
  </tr>

  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-18.html">
            <img src="https://iili.io/HzPEceS.md.png" alt="HzPEceS.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-19.html">
            <img src="https://iili.io/HzPE1I9.md.png" alt="HzPE1I9.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-20.html">
            <img src="https://iili.io/HzPEGLu.md.png" alt="HzPEGLu.md.png" border="0">
        </a>
    </td>
  </tr>
  <tr>
    <td width="33.3333%">navbar-21</td>
    <td width="33.3333%">navbar-22</td>
    <td width="33.3333%">navbar-23</td>
  </tr>

  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-21.html">
            <img src="https://iili.io/HzPEVqb.md.png" alt="HzPEVqb.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-22.html">
            <img src="https://iili.io/HzPEXrx.md.png" alt="HzPEXrx.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-23.html">
            <img src="https://iili.io/HzPEjdQ.md.png" alt="HzPEjdQ.md.png" border="0">
        </a>
    </td>
  </tr>
  <tr>
    <td width="33.3333%">navbar-24</td>
    <td width="33.3333%"></td>
    <td width="33.3333%"></td>
  </tr>
  <tr>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Navbar/src/navbar-24.html">
            <img src="https://iili.io/HzPEw7V.md.png" alt="HzPEw7V.md.png" border="0">
        </a>
    </td>
    <td width="33.3333%"></td>
    <td width="33.3333%"></td>
  </tr>
</table>
