The lists used to display related or listed content, the lists administer almost any content and conbinations.
You can use the lists with almost any element;
<!-- Container List -->
<ul class="e-list">..</ul>
<div class="e-list">..</div>
<section class="e-list">..</section>
<aside class="e-list">..</aside><!-- Items List -->
<li class="e-list-item">..</li>
<a class="e-list">..</a>
<button type="button" class="e-list">..</button><ul class="e-list">
<li class="e-list-item">List item one</li>
<li class="e-list-item">List item two</li>
<li class="e-list-item">List item three</li>
</ul><div class="e-list" disabled>
<a class="e-list-item">List item one</a>
<a class="e-list-item">List item two</a>
</div><div class="e-list">
<a class="e-list-item">List item one</a>
<a class="e-list-item active">List item two</a>
</div><div class="e-list">
<div class="marked p-3">
List header
</div>
<a class="e-list-item">List item one</a>
<a class="e-list-item">List item two</a>
</div><div class="e-list">
<div class="e-container-fluid sky p-3 text-bold">
List header
</div>
<a class="e-list-item">List item one</a>
<a class="e-list-item">List item two</a>
</div><div class="e-list no-border">
<a class="e-list-item">List item one</a>
<a class="e-list-item">List item two</a>
</div><div class="e-list no-border">
<a class="e-list-item between d-flex">List item one <span class="e-tag sky">2</span></a>
<a class="e-list-item between d-flex">List item two <span class="e-tag sky">3</span></a>
</div>List ipsum itemk sit amet, consectetur eget metus. Maecenas sed adipisicing elit.
List ipsum itemk sit amet, consectetur eget metus. Maecenas sed adipisicing elit.
List ipsum itemk sit amet, consectetur eget metus. Maecenas sed adipisicing elit.
<div class="e-list">
<div class="e-list-item">
<div class="between">
<h5 class="no-m text-primary">Lorem ipsum dolor itemk</h5>
<small>1 days ago</small>
</div>
<p class="no-m">List ipsum itemk sit amet, consectetur eget metus.</p>
<div class="between">
<small class="text-danger">Last update yesterday.</small>
<a class="e-btn small sky">Accept</a>
</div>
</div>
<!-- e-list-item x2 -->
</div>If you are using our framework in a product that generates income,
you can also help its maintenance if you wish, if you frequently help in your company
or personal developments consider making a recurring donation.
If you want to see your company's logo on this site it's time to be a serious Sponsor.
