cards_set.html

<!DOCTYPE html>
<html lang="it">
<head>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
	<style>
		body {
		  margin: 5px;
		  margin-top: 2px;
		  margin-bottom: 1px;
		  font-size: 25px;
		}
		h3 {
		  border-radius: 5px;
		  font-size: 50px;
		}
		p {
		  font-size: 15px
		}
		table {
		  border-collapse: separate;
		  border-spacing: 0;
		  min-width: 350px;
		}
		table tr td {
		  border-right: 1px solid #bbb;
		  border-bottom: 1px solid #bbb;
		  padding: 5px;
		  font-size: 35px;
		}
		table tr td:first-child {
		  border-left: 1px solid #bbb;
		}

		/* top-left border-radius */
		table tr:first-child td:first-child {
		  border-top-left-radius: 6px;
		}

		/* top-right border-radius */
		table tr:first-child td:last-child {
		  border-top-right-radius: 6px;
		}

		/* bottom-left border-radius */
		table tr:last-child td:first-child {
		  border-bottom-left-radius: 6px;
		}

		/* bottom-right border-radius */
		table tr:last-child td:last-child {
		  border-bottom-right-radius: 6px;
		}
	</style>
</head>
<body>
	
		<div class="col-11 border border-dark mb-3 mt-1" style="page-break-inside: avoid;">
		<ul class="d-flex justify-content-between list-group-horizontal mb-1">
			<li class="list-group-item border-0 pb-1"><img class="rounded" src="logo.jpeg" width="100px"/></li>
			<li class="list-group-item border-0 pb-1"><h3 class="border border-secondary mr-5 p-2"> 5.1 </h3></li>
		</ul>
                <table class="table">
                        <tbody>
                                
                                <tr>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">13</td>
                                        
                                        <td class="text-center">20</td>
                                        
                                        <td class="text-center">36</td>
                                        
                                        <td class="text-center">41</td>
                                        
                                        <td class="text-center">51</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                </tr>
                                
                                <tr>
                                        
                                        <td class="text-center">7</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">24</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">67</td>
                                        
                                        <td class="text-center">76</td>
                                        
                                        <td class="text-center">84</td>
                                        
                                </tr>
                                
                                <tr>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">26</td>
                                        
                                        <td class="text-center">34</td>
                                        
                                        <td class="text-center">42</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">62</td>
                                        
                                        <td class="text-center">72</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                </tr>
                                
                        </tbody>
                </table>
		<p class="text-center">
			Bottom text <br> second line <br> third line
		</p>
        </div>
	
		<div class="col-11 border border-dark mb-3 mt-1" style="page-break-inside: avoid;">
		<ul class="d-flex justify-content-between list-group-horizontal mb-1">
			<li class="list-group-item border-0 pb-1"><img class="rounded" src="logo.jpeg" width="100px"/></li>
			<li class="list-group-item border-0 pb-1"><h3 class="border border-secondary mr-5 p-2"> 5.2 </h3></li>
		</ul>
                <table class="table">
                        <tbody>
                                
                                <tr>
                                        
                                        <td class="text-center">4</td>
                                        
                                        <td class="text-center">16</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">63</td>
                                        
                                        <td class="text-center">70</td>
                                        
                                        <td class="text-center">85</td>
                                        
                                </tr>
                                
                                <tr>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">18</td>
                                        
                                        <td class="text-center">25</td>
                                        
                                        <td class="text-center">33</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">57</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">79</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                </tr>
                                
                                <tr>
                                        
                                        <td class="text-center">3</td>
                                        
                                        <td class="text-center">11</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">54</td>
                                        
                                        <td class="text-center">68</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">90</td>
                                        
                                </tr>
                                
                        </tbody>
                </table>
		<p class="text-center">
			Bottom text <br> second line <br> third line
		</p>
        </div>
	
		<div class="col-11 border border-dark mb-3 mt-1" style="page-break-inside: avoid;">
		<ul class="d-flex justify-content-between list-group-horizontal mb-1">
			<li class="list-group-item border-0 pb-1"><img class="rounded" src="logo.jpeg" width="100px"/></li>
			<li class="list-group-item border-0 pb-1"><h3 class="border border-secondary mr-5 p-2"> 5.3 </h3></li>
		</ul>
                <table class="table">
                        <tbody>
                                
                                <tr>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">30</td>
                                        
                                        <td class="text-center">46</td>
                                        
                                        <td class="text-center">55</td>
                                        
                                        <td class="text-center">64</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">80</td>
                                        
                                </tr>
                                
                                <tr>
                                        
                                        <td class="text-center">2</td>
                                        
                                        <td class="text-center">10</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">31</td>
                                        
                                        <td class="text-center">47</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">89</td>
                                        
                                </tr>
                                
                                <tr>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">27</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">44</td>
                                        
                                        <td class="text-center">53</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">78</td>
                                        
                                        <td class="text-center">87</td>
                                        
                                </tr>
                                
                        </tbody>
                </table>
		<p class="text-center">
			Bottom text <br> second line <br> third line
		</p>
        </div>
	
		<div class="col-11 border border-dark mb-3 mt-1" style="page-break-inside: avoid;">
		<ul class="d-flex justify-content-between list-group-horizontal mb-1">
			<li class="list-group-item border-0 pb-1"><img class="rounded" src="logo.jpeg" width="100px"/></li>
			<li class="list-group-item border-0 pb-1"><h3 class="border border-secondary mr-5 p-2"> 5.4 </h3></li>
		</ul>
                <table class="table">
                        <tbody>
                                
                                <tr>
                                        
                                        <td class="text-center">9</td>
                                        
                                        <td class="text-center">17</td>
                                        
                                        <td class="text-center">23</td>
                                        
                                        <td class="text-center">35</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">66</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                </tr>
                                
                                <tr>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">37</td>
                                        
                                        <td class="text-center">43</td>
                                        
                                        <td class="text-center">52</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">75</td>
                                        
                                        <td class="text-center">86</td>
                                        
                                </tr>
                                
                                <tr>
                                        
                                        <td class="text-center">6</td>
                                        
                                        <td class="text-center">19</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">48</td>
                                        
                                        <td class="text-center">58</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">71</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                </tr>
                                
                        </tbody>
                </table>
		<p class="text-center">
			Bottom text <br> second line <br> third line
		</p>
        </div>
	
		<div class="col-11 border border-dark mb-3 mt-1" style="page-break-inside: avoid;">
		<ul class="d-flex justify-content-between list-group-horizontal mb-1">
			<li class="list-group-item border-0 pb-1"><img class="rounded" src="logo.jpeg" width="100px"/></li>
			<li class="list-group-item border-0 pb-1"><h3 class="border border-secondary mr-5 p-2"> 5.5 </h3></li>
		</ul>
                <table class="table">
                        <tbody>
                                
                                <tr>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">14</td>
                                        
                                        <td class="text-center">28</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">69</td>
                                        
                                        <td class="text-center">74</td>
                                        
                                        <td class="text-center">88</td>
                                        
                                </tr>
                                
                                <tr>
                                        
                                        <td class="text-center">1</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">38</td>
                                        
                                        <td class="text-center">40</td>
                                        
                                        <td class="text-center">59</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">82</td>
                                        
                                </tr>
                                
                                <tr>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">15</td>
                                        
                                        <td class="text-center">21</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">49</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">60</td>
                                        
                                        <td class="text-center">73</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                </tr>
                                
                        </tbody>
                </table>
		<p class="text-center">
			Bottom text <br> second line <br> third line
		</p>
        </div>
	
		<div class="col-11 border border-dark mb-3 mt-1" style="page-break-inside: avoid;">
		<ul class="d-flex justify-content-between list-group-horizontal mb-1">
			<li class="list-group-item border-0 pb-1"><img class="rounded" src="logo.jpeg" width="100px"/></li>
			<li class="list-group-item border-0 pb-1"><h3 class="border border-secondary mr-5 p-2"> 5.6 </h3></li>
		</ul>
                <table class="table">
                        <tbody>
                                
                                <tr>
                                        
                                        <td class="text-center">8</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">22</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">56</td>
                                        
                                        <td class="text-center">61</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">81</td>
                                        
                                </tr>
                                
                                <tr>
                                        
                                        <td class="text-center">5</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">39</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">50</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">77</td>
                                        
                                        <td class="text-center">83</td>
                                        
                                </tr>
                                
                                <tr>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">12</td>
                                        
                                        <td class="text-center">29</td>
                                        
                                        <td class="text-center">32</td>
                                        
                                        <td class="text-center">45</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">65</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                        <td class="text-center">&nbsp;</td>
                                        
                                </tr>
                                
                        </tbody>
                </table>
		<p class="text-center">
			Bottom text <br> second line <br> third line
		</p>
        </div>
	
</body>
</html>