hazmat-suite/_inc/_table.php

<?php
?>
<table class="table table-responsive-sm table-bordered table-hover">
                    <thead>
                        <tr class="table-active">
                            <th scope="col">Gefahrgutklassen</th>
                            <th scope="col" class="text-center"><i class="ifc ifc-frontal-truck"></i></th>
                            <th scope="col" class="text-center"><i class="ifc ifc-train-front"></i></th>
                            <th scope="col" class="text-center"><i class="ifc ifc-sea-ship-with-containers"></i></th>
                            <th scope="col" class="text-center"><i class="ifc ifc-air-transport"></i></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row">Klasse 1</th>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                        </tr>
                        <tr>
                            <th scope="row">Klasse 2-9 ohne 7</th>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                        </tr>
                        <tr>
                            <th scope="row">Klasse 7</th>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                        </tr>
                        <tr class="table-active">
                            <th scope="col">Versandstücke</th>
                            <th scope="col" class="text-center"><i class="ifc ifc-frontal-truck"></i></th>
                            <th scope="col" class="text-center"><i class="ifc ifc-train-front"></i></th>
                            <th scope="col" class="text-center"><i class="ifc ifc-sea-ship-with-containers"></i></th>
                            <th scope="col" class="text-center"><i class="ifc ifc-air-transport"></i></th>
                        </tr>
                        <tr>
                            <th scope="row">Freigestellte Mengen (EQ)</th>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                        </tr>
                        <tr>
                            <th scope="row">Begrenzte Mengen (LQ)</th>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                        </tr>
                        <tr>
                            <th scope="row">Einzelverpackungen</th>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                        </tr>
                        <tr>
                            <th scope="row">Zusammengesetzte Verpackungen</th>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                        </tr>
                        <tr>
                            <th scope="row">All packed in one</th>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                        </tr>
                        <tr>
                            <th scope="row">Umverpackungen</th>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                        </tr>
                        <tr>
                            <th scope="row">Tanks</th>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                        </tr>
                        <tr class="table-active">
                            <th scope="col">Überwachung Begrenzung</th>
                            <th scope="col"><i class="ifc ifc-frontal-truck"></i></th>
                            <th scope="col"><i class="ifc ifc-train-front"></i></th>
                            <th scope="col"><i class="ifc ifc-sea-ship-with-containers"></i></th>
                            <th scope="col"><i class="ifc ifc-air-transport"></i></th>
                        </tr>
                        <tr>
                            <th scope="row">Zusammenpackung</th>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                        </tr>
                        <tr>
                            <th scope="row">Sondervorschriften</th>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                        </tr>
                        <tr>
                            <th scope="row">Zusammenladeverbot</th>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                        </tr>
                        <tr>
                            <th scope="row">ADR 1.1.3.6</th>
                            <td class="text-center"><i class="ifc ifc-check"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                            <td class="text-center"><i class="ifc ifc-close"></i></td>
                        </tr>
                    </tbody>
                </table>