Tables

Table Style 1

S.No Heading 1 Heading 2 Heading 3
1 Lorem Lorem Lorem
2 Lorem Lorem Lorem
                            
<section class="tables">
    <div class="container">
        <div class="table-block">
            <div class="table1">
                <h2>Tables Title</h2>
                <div class="table-area">
                    <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>
    </div>    
</section>
                            
                        
                        

Table Style 2

S.No Heading 1 Heading 2 Heading 3
1 Lorem Lorem Lorem
2 Lorem Lorem Lorem
3 Lorem Lorem Lorem
                            
<section class="tables">
    <div class="container">
        <div class="table-block">
            <div class="table2">
                <h2>Tables Title</h2>
                <div class="table-area">
                    <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>
    </div>    
</section>