Table Style 1
| S.No | Heading 1 | Heading 2 | Heading 3 |
|---|---|---|---|
| 1 | Lorem | Ipsum | mail@domain.com |
| 2 | Dolar | Sit | mail2@domain.com |
<section class="tables elements-page elements-img">
<div class="container">
<div class="tables-block">
<div class="table1">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th scope="col">S.No</th>
<th scope="col">Heading 1</th>
<th scope="col">Heading 2</th>
<th scope="col">Heading 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Lorem</td>
<td>Ipsum</td>
<td>mail@domain.com</td>
</tr>
<tr>
<td>2</td>
<td>Dolar</td>
<td>Sit</td>
<td>mail2@domain.com</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>
Table Style 2
| S.No | Heading 1 | Heading 2 | Heading 3 |
|---|---|---|---|
| 1 | Lorem | Ipsum | mail@domain.com |
| 2 | Dolar | Sit | mail2@domain.com |
<section class="tables elements-page elements-img">
<div class="container">
<div class="tables-block">
<div class="table2">
<div class="table-responsive">
<table class="table table-bordered table-dark">
<thead>
<tr>
<th scope="col">S.No</th>
<th scope="col">Heading 1</th>
<th scope="col">Heading 2</th>
<th scope="col">Heading 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Lorem</td>
<td>Ipsum</td>
<td>mail@domain.com</td>
</tr>
<tr>
<td>2</td>
<td>Dolar</td>
<td>Sit</td>
<td>mail2@domain.com</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>
Table Style 3
| S.No | Heading 1 | Heading 2 | Heading 3 |
|---|---|---|---|
| 1 | Lorem | Ipsum | mail@domain.com |
| 2 | Dolar | Sit | mail2@domain.com |
<section class="tables elements-page elements-img">
<div class="container">
<div class="tables-block">
<div class="table3">
<div class="table-responsive">
<table class="table table-striped table-dark">
<thead>
<tr>
<th scope="col">S.No</th>
<th scope="col">Heading 1</th>
<th scope="col">Heading 2</th>
<th scope="col">Heading 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Lorem</td>
<td>Ipsum</td>
<td>mail@domain.com</td>
</tr>
<tr>
<td>2</td>
<td>Dolar</td>
<td>Sit</td>
<td>mail2@domain.com</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>
Table Style 4
| S.No | Heading 1 | Heading 2 | Heading 3 |
|---|---|---|---|
| 1 | Lorem | Ipsum | mail@domain.com |
| 2 | Dolar | Sit | mail2@domain.com |
<section class="tables elements-page elements-img">
<div class="container">
<div class="tables-block">
<div class="table4">
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th scope="col">S.No</th>
<th scope="col">Heading 1</th>
<th scope="col">Heading 2</th>
<th scope="col">Heading 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Lorem</td>
<td>Ipsum</td>
<td>mail@domain.com</td>
</tr>
<tr>
<td>2</td>
<td>Dolar</td>
<td>Sit</td>
<td>mail2@domain.com</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>