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>