BASIC
$7.99
DETAILS
- Lorem ipsum dolor sit amet
- Duis autem vel eum iriure dolor in hendrerit
- Nam liber tempor cum
- Claritas est etiam processus dynamicus
READ MORE
PROFESSIONAL
$29.99
DETAILS
- Lorem ipsum dolor sit amet
- Duis autem vel eum iriure dolor in hendrerit
- Nam liber tempor cum
- Claritas est etiam processus dynamicus
- Aliquam vitae semper erat.
- Praesent viverra nibh elit.
- Cras sollicitudin ultrices purus.
READ MORE
BUSINESS
$99.99
DETAILS
- Lorem ipsum dolor sit amet
- Duis autem vel eum iriure dolor in hendrerit
- Nam liber tempor cum
- Claritas est etiam processus dynamicus
READ MORE
<div class="eds_priceTable row align-items-center">
<div class="col-sm-4">
<section>
<h3 class="eds_priceTitle">BASIC</h3>
<span class="eds_price"><small>$</small>7.99</span>
<div>
<span class="eds_listTitle">DETAILS</span>
<ul class="eds_listCheck">
<li>Lorem ipsum dolor sit amet</li>
<li>Duis autem vel eum iriure dolor in hendrerit</li>
<li>Nam liber tempor cum </li>
<li>Claritas est etiam processus dynamicus</li>
</ul>
</div>
<a class="eds_btn my-4" href="#">READ MORE</a>
</section>
</div>
<div class="col-sm-4 eds_bestValue">
<section>
<h3 class="eds_priceTitle">PROFESSIONAL</h3>
<span class="eds_price"><small>$</small>29.99</span>
<div>
<span class="eds_listTitle">DETAILS</span>
<ul class="eds_listCheck">
<li>Lorem ipsum dolor sit amet</li>
<li>Duis autem vel eum iriure dolor in hendrerit</li>
<li>Nam liber tempor cum </li>
<li>Claritas est etiam processus dynamicus</li>
<li>Aliquam vitae semper erat.</li>
<li>Praesent viverra nibh elit.</li>
<li>Cras sollicitudin ultrices purus.</li>
</ul>
</div>
<a class="eds_btn eds_style3 my-4" href="#">READ MORE</a>
</section>
</div>
<div class="col-sm-4">
<section>
<h3 class="eds_priceTitle">BUSINESS</h3>
<span class="eds_price"><small>$</small>99.99</span>
<div>
<span class="eds_listTitle">DETAILS</span>
<ul class="eds_listCheck">
<li>Lorem ipsum dolor sit amet</li>
<li>Duis autem vel eum iriure dolor in hendrerit</li>
<li>Nam liber tempor cum </li>
<li>Claritas est etiam processus dynamicus</li>
</ul>
</div>
<a class="eds_btn my-4" href="#">READ MORE</a>
</section>
</div>
</div>
| Product selection |
BASIC |
PROFESSIONAL |
BUSINESS |
|
DETAILS
|
$7.99
|
$29.99
|
$99.99
|
| SPACE |
20 GB |
50 GB |
UNLIMITED |
| PERMISSIONS |
|
|
|
| ACCOUNTS |
3 |
5 |
100 |
| DATABASES |
5 |
10 |
50 |
| DOMAINS |
|
|
|
| BANDWITH |
50 GB |
100 GB |
500 GB |
| SUPPORT |
|
|
|
|
READ MORE |
READ MORE |
READ MORE |
<table class="eds_priceTable table-responsive text-center mt-4">
<thead>
<tr>
<th class="text-center" style="width:30%">Product selection</th>
<th class="text-center" style="width:20%">BASIC</th>
<th class="eds_bestValue text-center" style="width:20%">PROFESSIONAL</th>
<th class="text-center" style="width:20%">BUSINESS</th>
</tr>
</thead>
<tbody>
<tr class="eds_subHead">
<td>
<span class="eds_listTitle mx-5">DETAILS</span>
</td>
<td>
<span class="eds_price"><small>$</small>7.99</span>
</td>
<td class="eds_bestValue">
<span class="eds_price"><small>$</small>29.99</span>
</td>
<td>
<span class="eds_price"><small>$</small>99.99</span>
</td>
</tr>
<tr>
<td>SPACE</td>
<td class="eds_primaryColor">20 GB</td>
<td class="eds_primaryColor">50 GB</td>
<td class="eds_primaryColor">UNLIMITED</td>
</tr>
<tr>
<td>PERMISSIONS</td>
<td><i class="eds_icon fas fa-times"></i></td>
<td><i class="eds_icon eds_primaryColor fas fa-check"></i></td>
<td><i class="eds_icon eds_primaryColor fas fa-check"></i></td>
</tr>
<tr>
<td>ACCOUNTS</td>
<td class="eds_primaryColor">3</td>
<td class="eds_primaryColor">5</td>
<td class="eds_primaryColor">100</td>
</tr>
<tr>
<td>DATABASES</td>
<td class="eds_primaryColor">5</td>
<td class="eds_primaryColor">10</td>
<td class="eds_primaryColor">50</td>
</tr>
<tr>
<td>DOMAINS</td>
<td><i class="eds_icon fas fa-times"></i></td>
<td><i class="eds_icon fas fa-times"></i></td>
<td><i class="eds_icon eds_primaryColor fas fa-check"></i></td>
</tr>
<tr>
<td>BANDWITH</td>
<td class="eds_primaryColor">50 GB</td>
<td class="eds_primaryColor">100 GB</td>
<td class="eds_primaryColor">500 GB</td>
</tr>
<tr>
<td>SUPPORT</td>
<td><i class="eds_icon fas fa-times"></i></td>
<td><i class="eds_icon eds_primaryColor fas fa-check"></i></td>
<td><i class="eds_icon eds_primaryColor fas fa-check"></i></td>
</tr>
<tr>
<td class="eds_empty"></td>
<td><a class="eds_btn m-4" href="#">READ MORE</a></td>
<td><a class="eds_btn eds_style3 m-4" href="#">READ MORE</a></td>
<td><a class="eds_btn m-4" href="#">READ MORE</a></td>
</tr>
</tbody>
</table>