Style One

head 1 head 2 head 3 head 4 head 5
row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5
row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 row 2 col 5
row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5
row 4 col 1 row 4 col 2 row 4 col 3 row 4 col 4 row 4 col 5
<div class="con_r015 spd-padding-top-bottom-60">
<div class="spd-row">
<h3 class="spd-font-weight-300 spd-padding-bottom-10">Style One</h3>
</div>
<div class="spd-row">
<div class="spd-responsive-table-sm">
<table class="spd-r-table1">
<tbody>
<tr>
<th>head 1</th>
<th>head 2</th>
<th>head 3</th>
<th>head 4</th>
<th>head 5</th>
</tr>
<tr>
<td>row 1 col 1</td>
<td>row 1 col 2</td>
<td>row 1 col 3</td>
<td>row 1 col 4</td>
<td>row 1 col 5</td>
</tr>
<tr>
<td>row 2 col 1</td>
<td>row 2 col 2</td>
<td>row 2 col 3</td>
<td>row 2 col 4</td>
<td>row 2 col 5</td>
</tr>
<tr>
<td>row 3 col 1</td>
<td>row 3 col 2</td>
<td>row 3 col 3</td>
<td>row 3 col 4</td>
<td>row 3 col 5</td>
</tr>
<tr>
<td>row 4 col 1</td>
<td>row 4 col 2</td>
<td>row 4 col 3</td>
<td>row 4 col 4</td>
<td>row 4 col 5</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

Style Two

head 1 head 2 head 3 head 4 head 5
row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5
row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 row 2 col 5
row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5
row 4 col 1 row 4 col 2 row 4 col 3 row 4 col 4 row 4 col 5
<div class="con_r016 spd-padding-top-bottom-60">
<div class="spd-row">
<h3 class="spd-font-weight-300 spd-padding-bottom-10">Style Two </h3>
</div>
<div class="spd-row">
<div class="spd-responsive-table-sm">
<table class="spd-r-table2">
<tbody>
<tr>
<th>head 1</th>
<th>head 2</th>
<th>head 3</th>
<th>head 4</th>
<th>head 5</th>
</tr>
<tr>
<td>row 1 col 1</td>
<td>row 1 col 2</td>
<td>row 1 col 3</td>
<td>row 1 col 4</td>
<td>row 1 col 5</td>
</tr>
<tr>
<td>row 2 col 1</td>
<td>row 2 col 2</td>
<td>row 2 col 3</td>
<td>row 2 col 4</td>
<td>row 2 col 5</td>
</tr>
<tr>
<td>row 3 col 1</td>
<td>row 3 col 2</td>
<td>row 3 col 3</td>
<td>row 3 col 4</td>
<td>row 3 col 5</td>
</tr>
<tr>
<td>row 4 col 1</td>
<td>row 4 col 2</td>
<td>row 4 col 3</td>
<td>row 4 col 4</td>
<td>row 4 col 5</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

Style Three

head 1 head 2 head 3 head 4 head 5
row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5
row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 row 2 col 5
row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5
row 4 col 1 row 4 col 2 row 4 col 3 row 4 col 4 row 4 col 5
<div class="con_r017 spd-padding-top-bottom-60">
<div class="spd-padding-bottom-30">
<div class="spd-row">
<h3 class="spd-font-weight-300 spd-padding-bottom-10">Style Three</h3>
</div>
<div class="spd-row">
<div class="spd-responsive-table-sm">
<table class="spd-r-table3">
<tbody>
<tr>
<th>head 1</th>
<th>head 2</th>
<th>head 3</th>
<th>head 4</th>
<th>head 5</th>
</tr>
<tr>
<td>row 1 col 1</td>
<td>row 1 col 2</td>
<td>row 1 col 3</td>
<td>row 1 col 4</td>
<td>row 1 col 5</td>
</tr>
<tr>
<td>row 2 col 1</td>
<td>row 2 col 2</td>
<td>row 2 col 3</td>
<td>row 2 col 4</td>
<td>row 2 col 5</td>
</tr>
<tr>
<td>row 3 col 1</td>
<td>row 3 col 2</td>
<td>row 3 col 3</td>
<td>row 3 col 4</td>
<td>row 3 col 5</td>
</tr>
<tr>
<td>row 4 col 1</td>
<td>row 4 col 2</td>
<td>row 4 col 3</td>
<td>row 4 col 4</td>
<td>row 4 col 5</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>

Style Four

head 1 head 2 head 3 head 4 head 5
row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5
row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 row 2 col 5
row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5
row 4 col 1 row 4 col 2 row 4 col 3 row 4 col 4 row 4 col 5
<div class="con_r018 spd-padding-top-bottom-60">
<div class="spd-row"><h3 class="spd-font-weight-300 spd-padding-bottom-10">Style Four </h3></div>
<div class="spd-row">
<div class="spd-responsive-table-sm">
<table class="spd-r-table4">
<tbody>
<tr>
<th>head 1</th>
<th>head 2</th>
<th>head 3</th>
<th>head 4</th>
<th>head 5</th>
</tr>
<tr>
<td>row 1 col 1</td>
<td>row 1 col 2</td>
<td>row 1 col 3</td>
<td>row 1 col 4</td>
<td>row 1 col 5</td>
</tr>
<tr>
<td>row 2 col 1</td>
<td>row 2 col 2</td>
<td>row 2 col 3</td>
<td>row 2 col 4</td>
<td>row 2 col 5</td>
</tr>
<tr>
<td>row 3 col 1</td>
<td>row 3 col 2</td>
<td>row 3 col 3</td>
<td>row 3 col 4</td>
<td>row 3 col 5</td>
</tr>
<tr>
<td>row 4 col 1</td>
<td>row 4 col 2</td>
<td>row 4 col 3</td>
<td>row 4 col 4</td>
<td>row 4 col 5</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

Style Five

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.


head 1 head 2 head 3 head 4 head 5

row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5

row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 Button 01

row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5

row 4 col 1 row 4 col 2 Button 01 row 4 col 4 row 4 col 5
<div class="con_r019 spd-padding-top-bottom-60">
<div class="spd-row spd-padding-bottom-30">
<div class="spd-padding-bottom-20">
<h3 class="spd-font-weight-400">Style Five</h3>
<p class="spd-r-ptext">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
</div>
<div class="spd-padding-bottom-20"></div>
</div>
<div class="spd-row">
<div class="spd-responsive-table-sm">
<table class="spd-r-table5">
<tbody>
<tr>
<th style="width: 50px"><br></th>
<th>head 1</th>
<th>head 2</th>
<th>head 3</th>
<th>head 4</th>
<th>head 5</th>
</tr>
<tr>
<td><i class="fa fa-comments-o"></i><br></td>
<td>row 1 col 1</td>
<td>row 1 col 2</td>
<td>row 1 col 3</td>
<td>row 1 col 4</td>
<td>row 1 col 5</td>
</tr>
<tr>
<td><i class="fa fa-code-fork"></i><br></td>
<td>row 2 col 1</td>
<td>row 2 col 2</td>
<td>row 2 col 3</td>
<td>row 2 col 4</td>
<td><a href="#" class="spd-btn spd-r-btn-green spd-r-btn-base spd-r-btn-smallbtn btn-primary"><i class="fa fa-share"></i>Button 01</a></td>
</tr>
<tr>
<td><i class="fa fa-qrcode"></i><br></td>
<td>row 3 col 1</td>
<td>row 3 col 2</td>
<td>row 3 col 3</td>
<td>row 3 col 4</td>
<td>row 3 col 5</td>
</tr>
<tr>
<td><i class="fa fa-hdd-o"></i><br></td>
<td>row 4 col 1</td>
<td>row 4 col 2</td>
<td><a href="#" class="spd-btn spd-r-btn-base spd-r-btn-small btn-primary"><i class="fa fa-share"></i>Button 01</a></td>
<td>row 4 col 4</td>
<td>row 4 col 5</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

Style Six

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.


head 1 head 2 head 3 head 4 head 5

row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5

row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 Button 01

row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5

row 4 col 1 row 4 col 2 Button 02 row 4 col 4 row 4 col 5
<div class="con_r020 spd-padding-top-bottom-60">
<div class="spd-padding-bottom-20 spd-row">
<h3 class="spd-font-weight-400">Style Six</h3>
<p class="spd-r-ptext">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
</div>
<div class="spd-padding-bottom-20">
<div class="spd-row">
<div class="spd-responsive-table-sm">
<table class="spd-r-table6">
<tbody>
<tr>
<th style="width: 50px"><br></th>
<th>head 1</th>
<th>head 2</th>
<th>head 3</th>
<th>head 4</th>
<th>head 5</th>
</tr>
<tr>
<td><i class="fa fa-comments-o"></i><br></td>
<td>row 1 col 1</td>
<td>row 1 col 2</td>
<td>row 1 col 3</td>
<td>row 1 col 4</td>
<td>row 1 col 5</td>
</tr>
<tr>
<td><i class="fa fa-code-fork"></i><br></td>
<td>row 2 col 1</td>
<td>row 2 col 2</td>
<td>row 2 col 3</td>
<td>row 2 col 4</td>
<td><a href="#" class="spd-btn btn-primary spd-r-btn-green spd-r-btn-base spd-r-btn-small">Button 01</a></td>
</tr>
<tr>
<td><i class="fa fa-qrcode"></i><br></td>
<td>row 3 col 1</td>
<td>row 3 col 2</td>
<td>row 3 col 3</td>
<td>row 3 col 4</td>
<td>row 3 col 5</td>
</tr>
<tr>
<td><i class="fa fa-hdd-o"></i><br></td>
<td>row 4 col 1</td>
<td>row 4 col 2</td>
<td><a href="#" class="spd-btn btn-primary spd-r-btn-base spd-r-btn-small">Button 02</a></td>
<td>row 4 col 4</td>
<td>row 4 col 5</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>

Style Seven

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.


head 1 head 2 head 3 head 4 head 5

row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5

row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 Button 01

row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5

row 4 col 1 row 4 col 2 Button 01 row 4 col 4 row 4 col 5
<div class="con_r021 spd-padding-top-bottom-60">
<div class="spd-row">
<div class="spd-padding-bottom-20"></div>
<h3 class="spd-font-weight-400">Style Seven</h3>
<p class="spd-r-ptext">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<div class="spd-padding-bottom-20"></div>
</div>
<div class="spd-row">
<div class="spd-responsive-table-sm">
<table class="spd-r-table7">
<tbody>
<tr>
<th style="width: 50px"><br></th>
<th>head 1</th>
<th>head 2</th>
<th>head 3</th>
<th>head 4</th>
<th>head 5</th>
</tr>
<tr>
<td><i class="fa fa-comments-o"></i><br></td>
<td>row 1 col 1</td>
<td>row 1 col 2</td>
<td>row 1 col 3</td>
<td>row 1 col 4</td>
<td>row 1 col 5</td>
</tr>
<tr>
<td><i class="fa fa-code-fork"></i><br></td>
<td>row 2 col 1</td>
<td>row 2 col 2</td>
<td>row 2 col 3</td>
<td>row 2 col 4</td>
<td><a href="#" class="spd-btn btn-primary spd-r-btn-green spd-r-btn-base spd-r-btn-small">Button 01</a></td>
</tr>
<tr>
<td><i class="fa fa-qrcode"></i><br></td>
<td>row 3 col 1</td>
<td>row 3 col 2</td>
<td>row 3 col 3</td>
<td>row 3 col 4</td>
<td>row 3 col 5</td>
</tr>
<tr>
<td><i class="fa fa-hdd-o"></i><br></td>
<td>row 4 col 1</td>
<td>row 4 col 2</td>
<td><a href="#" class="spd-btn btn-primary spd-r-btn-base spd-r-btn-small">Button 01</a></td>
<td>row 4 col 4</td>
<td>row 4 col 5</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

Style Eight

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

Icon head 1 head 2( New ) head 3 head 4( Hot ) head 5

row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5

row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 Button 01

row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5

row 4 col 1 row 4 col 2 Button 01 row 4 col 4 row 4 col 5
<div class="con_r022 spd-padding-top-bottom-60 ">
<div class="spd-row">
<div class="spd-padding-bottom-20"></div>
<h3 class="spd-font-weight-400">Style Eight</h3>
<p class="spd-r-ptext">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<div class="spd-padding-bottom-20"></div>
</div>
<div class="spd-row">
<div class="spd-responsive-table-sm">
<table class="spd-r-table8">
<tbody>
<tr class="spd-aqua-blue-bg spd-r-lightcolor spdBaseBgColr">
<th style="width: 50px">Icon</th>
<th>head 1</th>
<th>head 2<span>( New )</span></th>
<th>head 3</th>
<th>head 4<span>( Hot )</span></th>
<th>head 5</th>
</tr>
<tr>
<td><i class="fa fa-comments-o"></i><br></td>
<td>row 1 col 1</td>
<td>row 1 col 2<span><i class="fa fa-google-wallet spdBaseFntColr"></i></span></td>
<td>row 1 col 3</td>
<td>row 1 col 4</td>
<td>row 1 col 5</td>
</tr>
<tr>
<td><i class="fa fa-code-fork"></i><br></td>
<td>row 2 col 1<span><i class="fa fa-google-wallet spdBaseFntColr"></i></span></td>
<td>row 2 col 2</td>
<td>row 2 col 3<span><i class="fa fa-line-chart spdBaseFntColr"></i></span></td>
<td>row 2 col 4</td>
<td><a href="#" class="spd-btn btn-primary spd-r-btn-green spd-r-btn-base spdBaseBgColr spd-r-btn-small"><i class="fa fa-share"></i>Button 01</a></td>
</tr>
<tr>
<td><i class="fa fa-qrcode"></i><br></td>
<td>row 3 col 1</td>
<td>row 3 col 2</td>
<td>row 3 col 3</td>
<td>row 3 col 4<span><i class="fa fa-ils spdBaseFntColr"></i></span></td>
<td>row 3 col 5</td>
</tr>
<tr>
<td><i class="fa fa-hdd-o"></i><br></td>
<td>row 4 col 1</td>
<td>row 4 col 2</td>
<td><a href="#" class="spd-btn btn-primary spdBaseBgColr spd-r-btn-base spd-r-btn-small"><i class="fa fa-share"></i>Button 01</a></td>
<td>row 4 col 4</td>
<td>row 4 col 5</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

Style Nine

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

Icon head 1 head 2( New ) head 3 head 4( Hot ) head 5

row 1 col 1 row 1 col 2 Button 01 row 1 col 4 row 1 col 5

row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4

row 3 col 1 Button 01 row 3 col 3 row 3 col 4 row 3 col 5

row 4 col 1 row 4 col 2 row 4 col 3 row 4 col 4 row 4 col 5
<div class="con_r023 spd-padding-top-bottom-60 ">
<div class="spd-row">
<div class="spd-padding-bottom-20"></div>
<h3 class="spd-font-weight-400">Style Nine</h3>
<p class="spd-r-ptext">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<div class="spd-padding-bottom-20"></div>
</div>
<div class="spd-row">
<div class="spd-responsive-table-sm">
<table class="spd-r-table9">
<tbody>
<tr class="spd-aqua-blue-bg spd-r-lightcolor">
<th style="width: 50px">Icon</th>
<th>head 1</th>
<th>head 2<span>( New )</span></th>
<th>head 3</th>
<th>head 4<span>( Hot )</span></th>
<th>head 5</th>
</tr>
<tr>
<td><i class="fa fa-comments-o"></i><br></td>
<td>row 1 col 1</td>
<td>row 1 col 2<span><i class="fa fa-google-wallet spdBaseFntColr"></i></span></td>
<td><a href="#" class="spd-btn btn-primary spd-r-btn-base spdBaseBgColr spd-r-btn-small"><i class="fa fa-share"></i>Button 01</a></td>
<td>row 1 col 4</td>
<td>row 1 col 5</td>
</tr>
<tr>
<td><i class="fa fa-code-fork"></i><br></td>
<td>row 2 col 1<span><i class="fa fa-google-wallet spdBaseFntColr"></i></span></td>
<td>row 2 col 2</td>
<td>row 2 col 3<span><i class="fa fa-line-chart spdBaseFntColr"></i></span></td>
<td>row 2 col 4</td>
<td><br></td>
</tr>
<tr>
<td><i class="fa fa-qrcode"></i><br></td>
<td>row 3 col 1</td>
<td><a href="#" class="spd-btn btn-primary spd-r-btn-green spd-r-btn-base spdBaseBgColr spd-r-btn-small"><i class="fa fa-share"></i>Button 01</a></td>
<td>row 3 col 3</td>
<td>row 3 col 4<span><i class="fa fa-ils spdBaseFntColr"></i></span></td>
<td>row 3 col 5</td>
</tr>
<tr>
<td><i class="fa fa-hdd-o"></i><br></td>
<td>row 4 col 1</td>
<td>row 4 col 2</td>
<td>row 4 col 3</td>
<td>row 4 col 4</td>
<td>row 4 col 5</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>