<section class="py-28 bg-white">
<div class="container">
<div class="mw-6xl mx-auto">
<div class="py-12 px-4 px-md-10 bg-white shadow-lg">
<div class="table-responsive">
<table class="table table-striped table-borderless">
<thead>
<tr><th scope="col"></th><th scope="col"><small class="fw-normal">Feature 1</small></th><th scope="col"><small class="fw-normal">Feature 2</small></th><th scope="col"><small class="fw-normal">Feature 3</small></th><th scope="col"><small class="fw-normal">Feature 4</small></th><th scope="col"><small class="fw-normal">Feature 5</small></th></tr>
</thead>
<tbody>
<tr>
<th scope="row"><small class="fw-normal">Number of Team Members</small></th>
<td><small>5</small></td>
<td><small>20</small></td>
<td><small>200+</small></td>
<td><small>Unlimited</small></td>
<td><small>Unlimited</small></td>
</tr>
<tr>
<th scope="row"><small class="fw-normal">Users</small></th>
<td><small>10</small></td>
<td><small>45</small></td>
<td><small>500+</small></td>
<td><small>100+</small></td>
<td><small>Unlimited</small></td>
</tr>
<tr>
<th scope="row"><small class="fw-normal">Projects</small></th>
<td><small>10</small></td>
<td><small>45</small></td>
<td><small>25/mo</small></td>
<td><small>Unlimited</small></td>
<td><small>Unlimited</small></td>
</tr>
<tr>
<th scope="row"><small class="fw-normal">Video Chat</small></th>
<td>
<svg width="12" height="9" viewbox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.0001 1L4.00004 8.00002L1 5" stroke="#CFBDFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</td>
<td>
<svg width="12" height="9" viewbox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.0001 1L4.00004 8.00002L1 5" stroke="#CFBDFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</td>
<td>
<svg width="12" height="9" viewbox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.0001 1L4.00004 8.00002L1 5" stroke="#CFBDFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</td>
<td>
<svg width="12" height="9" viewbox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.0001 1L4.00004 8.00002L1 5" stroke="#CFBDFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</td>
<td>
<svg width="12" height="9" viewbox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.0001 1L4.00004 8.00002L1 5" stroke="#CFBDFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</td>
</tr>
<tr>
<th scope="row"><small class="fw-normal">Real-Time Collaboration</small></th>
<td>
<svg width="12" height="2" viewbox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L11 1" stroke="#CFBDFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</td>
<td>
<svg width="12" height="2" viewbox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L11 1" stroke="#CFBDFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</td>
<td>
<svg width="12" height="9" viewbox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.0001 1L4.00004 8.00002L1 5" stroke="#CFBDFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</td>
<td>
<svg width="12" height="9" viewbox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.0001 1L4.00004 8.00002L1 5" stroke="#CFBDFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</td>
<td>
<svg width="12" height="9" viewbox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.0001 1L4.00004 8.00002L1 5" stroke="#CFBDFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</td>
</tr>
<tr>
<th scope="row"><small class="fw-normal">Support</small></th>
<td>
<svg width="12" height="2" viewbox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L11 1" stroke="#CFBDFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</td>
<td>
<svg width="12" height="2" viewbox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L11 1" stroke="#CFBDFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</td>
<td>
<svg width="12" height="2" viewbox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L11 1" stroke="#CFBDFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</td>
<td>
<svg width="12" height="9" viewbox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.0001 1L4.00004 8.00002L1 5" stroke="#CFBDFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</td>
<td>
<svg width="12" height="9" viewbox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.0001 1L4.00004 8.00002L1 5" stroke="#CFBDFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>Framework
Bootstrap
UI Library
Pstls.
Bootstrap Components by Shuffle
Browse 149 of ready-made components in Bootstrap and Pstls library. They are divided into UI libraries that our professional designers designed. Each of them has a resource of many variations of different types of components. Under each of them, there is a clear code created by our team of developers.
All elements available in the editor are fully responsive. You will get full access to them by subscribing to our drag and drop editor.
