Displays table with item quantities

by Rapha Souza

HTML

<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<!DOCTYPE html>
<html>
<head>

</head>
<body>

<table class="table table-hover">
    <thead>
        <tr>
            <th>Código</th>
            <th>Item</th>
            <th>Quantidade</th>
        </tr>
    </thead>
    <tbody>
        <tr><td>85743</td><td>Teclado Mecânico</td><td>12</td></tr>
        <tr><td>69214</td><td>Mouse Óptico</td><td>8</td></tr>
        <tr><td>37589</td><td>Monitor LED</td><td>5</td></tr>
        <tr><td>42130</td><td>Headset Gamer</td><td>10</td></tr>
        <tr><td>96328</td><td>Placa de Vídeo</td><td>3</td></tr>
        <tr><td>14672</td><td>Processador Intel</td><td>7</td></tr>
        <tr><td>58429</td><td>Memória RAM</td><td>6</td></tr>
        <tr><td>73915</td><td>HD Externo</td><td>4</td></tr>
        <tr><td>81235</td><td>SSD NVMe</td><td>9</td></tr>
        <tr><td>25487</td><td>Fonte de Alimentação</td><td>2</td></tr>
    </tbody>
</table>

</body>
</html>

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}