Tables | Biz Pro

Tables Style 1

S.NO	HEADING 1	HEADING 2	HEADING 3
1	Lorem	Lorem	Lorem
2	Lorem	Lorem	Lorem

                                
<section class="table-block-area">
    <div class="container"> 
        <div class="table-block">
            <div class="table1">
                <h2 class="mb-4">Tables Title</h2>
                <div class="table-style1 table-responsive">
                    <table class="table table-bordered text-center mb-0">
                        <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>
        </div>
    </div>
</section>

Tables Style 2

S.NO	HEADING 1	HEADING 2	HEADING 3
1	Lorem	Lorem	Lorem
2	Lorem	Lorem	Lorem

                                
<section class="table-block-area">
    <div class="container"> 
        <div class="table-block">
            <div class="table2">
                <h2 class="mb-4">Tables Title</h2>
                <div class="table-style2 table-responsive">
                    <table class="table table-bordered text-center mb-0">
                        <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>
        </div>
    </div>
</section>

Tables Style 3

S.NO	HEADING 1	HEADING 2	HEADING 3
1	Lorem	Lorem	Lorem
2	Lorem	Lorem	Lorem

                                
<section class="table-block-area">
    <div class="container"> 
        <div class="table-block">
            <div class="table3">
                <h2 class="mb-4">Tables Title</h2>
                <div class="table-style3 table-responsive">
                    <table class="table table-bordered text-center mb-0">
                        <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>
        </div>
    </div>
</section>