Tables 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>

Tables Style 2

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="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>