# Product cards preview

<table>
  <tr>
    <td width="33.3333%">Product card-1-black</td>
    <td width="33.3333%">Product card-1-blue</td>
    <td width="33.3333%">Product card-1-white</td>
  </tr>

  <tr>
    <td width="33.333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Product%20Cards/src/product-card-1-black.html">
          <img src="https://i.ibb.co/LQZPBSx/1-black.png" alt="1-black" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Product%20Cards/src/product-card-1-blue.html">
          <img src="https://i.ibb.co/8gHD8w0/1-blue.png" alt="1-blue" border="0">
        </a>
    </td>
        <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Product%20Cards/src/product-card-1-white.html">
        <img src="https://i.ibb.co/GV8YtPX/1-white.png" alt="1-white" border="0">
        </a>
    </td>
  </tr>
    <tr>
    <td width="33.3333%">Product card-2-black</td>
    <td width="33.3333%">Product card-2-blue</td>
    <td width="33.3333%">Product card-2-white</td>
  </tr>

  <tr>
    <td width="33.333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Product%20Cards/src/product-card-2-black.html">
          <img src="https://i.ibb.co/JnCG914/2-black.png" alt="2-black" border="0">
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Product%20Cards/src/product-card-2-blue.html">
          <img src="https://i.ibb.co/kxjXXbG/2-blue.png" alt="2-blue" border="0">
        </a>
    </td>
        <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Product%20Cards/src/product-card-2-white.html">
          <img src="https://i.ibb.co/4d7GdZ3/2-white.png" alt="2-white" border="0">
        </a>
    </td>
  </tr>
    <tr>
    <td width="33.3333%">Product card-3-black</td>
    <td width="33.3333%">Product card-3-blue</td>
    <td width="33.3333%">Product card-3-white</td>
  </tr>

  <tr>
    <td width="33.333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Product%20Cards/src/product-card-3-black.html">
        <img src="https://i.ibb.co/fG6kpry/3b.png" alt="3b" border="0"></a>
        </a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Product%20Cards/src/product-card-3-blue.html">
        <img src="https://i.ibb.co/jR6mpzW/3bl4.png" alt="3bl4" border="0">
        </a>
    </td>
        <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Product%20Cards/src/product-card-3-white.html">
        <img src="https://i.ibb.co/Jz4tTZ5/3white.png" alt="3white" border="0">
        </a>
    </td>
  </tr>
    <tr>
    <td width="33.3333%">Product card-4-black</td>
    <td width="33.3333%">Product card-4-blue</td>
    <td width="33.3333%">Product card-4-white</td>
  </tr>

  <tr>
    <td width="33.333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Product%20Cards/src/product-card-4-black.html">
        <img src="https://i.ibb.co/nM2kZhS/4b.png" alt="4b" border="0"></a>
    </td>
    <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Product%20Cards/src/product-card-4-blue.html">
        <img src="https://i.ibb.co/fHPtkR8/4bl.png" alt="4bl" border="0"></a>
    </td>
        <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Product%20Cards/src/product-card-4-white.html">
        <img src="https://i.ibb.co/7WKMV0Q/4w.png" alt="4w" border="0"></a>
    </td>
  </tr>
</table>
