Tables

Tables Style 1

S.NO HEADING 1 HEADING 2 HEADING 3
1 Lorem Lorem Lorem
2 Lorem Lorem Lorem 
                       
<div class="table-style-1">
    <div class="container">
        <table class="table">
            <thead>
                <tr>
                    <th>S.NO</th>
                    <th>HEADING 1</th>
                    <th>HEADING 2</th>
                    <th>HEADING 3</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

Tables Style 2

S.NO HEADING 1 HEADING 2 HEADING 3
1 Lorem Lorem Lorem
2 Lorem Lorem Lorem 
                       
<div class="table-style-2">
    <div class="container">
        <table class="table">
            <thead>
                <tr>
                    <th>S.NO</th>
                    <th>HEADING 1</th>
                    <th>HEADING 2</th>
                    <th>HEADING 3</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

Tables Style 3

S.NO HEADING 1 HEADING 2 HEADING 3
1 Lorem Lorem Lorem
2 Lorem Lorem Lorem 
                       
<div class="table-style-3">
    <div class="container">
        <table class="table">
            <thead>
                <tr>
                    <th>S.NO</th>
                    <th>HEADING 1</th>
                    <th>HEADING 2</th>
                    <th>HEADING 3</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>