Tables

Tables Style 1

S.NO HEADING 1 HEADING 2 HEADING 3
1 Lorem Lorem Lorem
2 Lorem Lorem Lorem 
                            
<section class="tables elements-page">
    <div class="container">
        <div class="table-block">  
        <div class="table1">
            <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>

Tables Style 2

S.NO HEADING 1 HEADING 2 HEADING 3
1 Lorem Lorem Lorem
2 Lorem Lorem Lorem 
                            
<section class="tables elements-page">
    <div class="container">
        <div class="table-block">  
            <div class="table2">
                <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>

Tables Style 3

S.NO HEADING 1 HEADING 2 HEADING 3
1 Lorem Lorem Lorem
2 Lorem Lorem Lorem 
                            
<section class="tables elements-page">
    <div class="container">
        <div class="table-block">  
            <div class="table3">
                <div class="table-area">
                    <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>
    </div>    
</section>