<ul class="list-group">
    <li class="list-group-item">Buy fresh vegetables for dinner</li>
    <li class="list-group-item">Pick up groceries from the store</li>
    <li class="list-group-item">Order takeout for the family tonight</li>
    <li class="list-group-item">Prepare snacks for the movie night</li>
    <li class="list-group-item">Plan a weekend picnic in the park</li>
</ul>

<ul class="list-group">
<li class="list-group-item active" aria-current="true">Currently selected task in progress</li>
<li class="list-group-item">Complete the project proposal by Friday</li>
<li class="list-group-item">Schedule a meeting with the team</li>
<li class="list-group-item">Review the budget for next quarter</li>
<li class="list-group-item">Prepare presentation for client meeting</li>
</ul>

<ul class="list-group">
<li class="list-group-item disabled" aria-disabled="true">Currently unavailable item in stock</li>
<li class="list-group-item">Fresh organic apples from local farm</li>
<li class="list-group-item">Ripe bananas perfect for smoothies today</li>
<li class="list-group-item">Sweet cherries for your summer desserts</li>
<li class="list-group-item">Dried dates, great for snacking anytime</li>
</ul>

<div class="list-group">
<a href="#" class="list-group-item list-group-item-action active" aria-current="true">
The current link item
</a>
<a href="#" class="list-group-item list-group-item-action">A second link item</a>
<a href="#" class="list-group-item list-group-item-action">A third link item</a>
<a href="#" class="list-group-item list-group-item-action">A fourth link item</a>
<a class="list-group-item list-group-item-action disabled" aria-disabled="true">A disabled link item</a>
</div>

<div class="list-group">
<button type="button" class="list-group-item list-group-item-action active" aria-current="true">
Simply dummy text of the printing
<span class="badge float-end bg-primary">243</span>
</button>
<button type="button" class="list-group-item list-group-item-action">
There are many variations of passages
<span class="badge float-end bg-secondary-subtle text-secondary">35</span>
</button>
<button type="button" class="list-group-item list-group-item-action">
All the Lorem Ipsum generators
<span class="badge float-end bg-info-subtle text-info">132</span>
</button>
<button type="button" class="list-group-item list-group-item-action">
All the Lorem Ipsum generators
<span class="badge float-end bg-success-subtle text-success">2525</span>
</button>
<button type="button" class="list-group-item list-group-item-action" disabled>
A disabled item meant to be disabled
<span class="badge float-end bg-danger-subtle text-danger">21</span>
</button>
</div>

<ol class="list-group list-group-numbered">
    <li class="list-group-item">Prepare the project timeline</li>
    <li class="list-group-item">Conduct a market analysis</li>
    <li class="list-group-item">Draft the initial design concepts</li>
    <li class="list-group-item">Gather feedback from stakeholders</li>
    <li class="list-group-item">Finalize the project plan</li>
</ol>

<ul class="list-group fs-13 fw-medium list-group-flush">
    <li class="list-group-item">
        <div class="d-flex align-items-center gap-2">
            <div class="avatar-item avatar avatar-title text-primary bg-primary-subtle">
                JD
            </div>
            John Doe
        </div>
    </li>
    <li class="list-group-item">
        <div class="d-flex align-items-center gap-2">
            <div class="avatar-item avatar avatar-title text-secondary bg-secondary-subtle">
                JS
            </div>
            Jane Smith
        </div>
    </li>
    <li class="list-group-item">
        <div class="d-flex align-items-center gap-2">
            <div class="avatar-item avatar avatar-title text-info bg-info-subtle">
                EJ
            </div>
            Emily Johnson
        </div>
    </li>
    <li class="list-group-item">
        <div class="d-flex align-items-center gap-2">
            <div class="avatar-item avatar avatar-title text-danger bg-danger-subtle">
                MB
            </div>
            Michael Brown
        </div>
    </li>
    <li class="list-group-item">
        <div class="d-flex align-items-center gap-2">
            <div class="avatar-item avatar avatar-title text-warning bg-warning-subtle">
                SD
            </div>
            Sarah Davis
        </div>
    </li>
</ul>

<ul class="list-group list-borderless">
    <li class="list-group-item"> <span class="bullet me-2"></span>First item description</li>
    <li class="list-group-item"> <span class="bullet me-2"></span>Second item description</li>
    <li class="list-group-item"> <span class="bullet me-2"></span>Third item description</li>
    <li class="list-group-item"> <span class="bullet me-2"></span>Fourth item description</li>
    <li class="list-group-item"> <span class="bullet me-2"></span>Fifth item description</li>
</ul>

<ul class="list-group list-group-sm list-borderless">
    <li class="list-group-item"> <span class="bullet me-2"></span>Complete the project proposal</li>
    <li class="list-group-item"> <span class="bullet me-2"></span>Review the budget report</li>
    <li class="list-group-item"> <span class="bullet me-2"></span>Schedule the team meeting</li>
    <li class="list-group-item"> <span class="bullet me-2"></span>Prepare presentation slides</li>
    <li class="list-group-item"> <span class="bullet me-2"></span>Send out the meeting agenda</li>
</ul>

<ul class="list-group">
    <li class="list-group-item d-flex justify-content-between align-items-center">
        Top Gaming Headsets of 2023
        <span class="badge bg-success-subtle text-success">Published</span>
    </li>
    <li class="list-group-item d-flex justify-content-between align-items-center">
        Ultra HD Sound System
        <span class="badge bg-primary-subtle text-primary">In Development</span>
    </li>
    <li class="list-group-item d-flex justify-content-between align-items-center">
        Summer Music Festival Highlights
        <span class="badge bg-success-subtle text-success">Published</span>
    </li>
    <li class="list-group-item d-flex justify-content-between align-items-center">
        Wireless Earbuds Giveaway
        <span class="badge bg-warning-subtle text-warning">Pending Approval</span>
    </li>
    <li class="list-group-item d-flex justify-content-between align-items-center">
        Next-Gen Audio Accessories
        <span class="badge bg-primary-subtle text-primary">In Development</span>
    </li>
</ul>

<ul class="list-group">
    <li class="list-group-item">
        <input class="form-check-input me-1" type="checkbox" id="firstCheckbox">
        <label class="form-check-label" for="firstCheckbox">Responsive Design Templates</label>
    </li>
    <li class="list-group-item">
        <input class="form-check-input me-1" type="checkbox" id="secondCheckbox">
        <label class="form-check-label" for="secondCheckbox">Interactive Data Visualizations</label>
    </li>
    <li class="list-group-item">
        <input class="form-check-input me-1" type="checkbox" id="thirdCheckbox">
        <label class="form-check-label" for="thirdCheckbox">Customizable Dashboard Widgets</label>
    </li>
    <li class="list-group-item">
        <input class="form-check-input me-1" type="checkbox" id="forthCheckbox">
        <label class="form-check-label" for="forthCheckbox">Mobile App UI Kits</label>
    </li>
    <li class="list-group-item">
        <input class="form-check-input me-1" type="checkbox" id="fifthCheckbox">
        <label class="form-check-label" for="fifthCheckbox">User Experience Enhancements</label>
    </li>
</ul>

<ul class="list-group">
    <li class="list-group-item">
        <input class="form-check-input me-1" type="radio" name="listGroupRadio" id="firstRadio" checked>
        <label class="form-check-label" for="firstRadio"> Fresh Produce </label>
    </li>
    <li class="list-group-item">
        <input class="form-check-input me-1" type="radio" name="listGroupRadio" id="secondRadio">
        <label class="form-check-label" for="secondRadio"> Home Decor </label>
    </li>
    <li class="list-group-item">
        <input class="form-check-input me-1" type="radio" name="listGroupRadio" id="thirdRadio">
        <label class="form-check-label" for="thirdRadio"> Skincare Products </label>
    </li>
    <li class="list-group-item">
        <input class="form-check-input me-1" type="radio" name="listGroupRadio" id="forthRadio">
        <label class="form-check-label" for="forthRadio"> Fiction Novels </label>
    </li>
    <li class="list-group-item">
        <input class="form-check-input me-1" type="radio" name="listGroupRadio" id="fifthRadio">
        <label class="form-check-label" for="fifthRadio"> Smart Home Devices </label>
    </li>
</ul>

<ul class="list-group">
    <li class="list-group-item">متن جهت پر کردن فضا</li>
    <li class="list-group-item list-group-item-primary">A simple primary list group item</li>
    <li class="list-group-item list-group-item-secondary">A simple secondary list group item</li>
    <li class="list-group-item list-group-item-success">A simple success list group item</li>
    <li class="list-group-item list-group-item-danger">A simple danger list group item</li>
    <li class="list-group-item list-group-item-warning">A simple warning list group item</li>
    <li class="list-group-item list-group-item-info">A simple info list group item</li>
    <li class="list-group-item list-group-item-light">A simple light list group item</li>
    <li class="list-group-item list-group-item-dark">A simple dark list group item</li>
</ul>

<ol class="list-group list-group-numbered">
    <li class="list-group-item d-sm-flex justify-content-between align-items-start">
        <p class="ms-2 me-auto mb-0 text-muted">
            <span class="fw-semibold fs-14">Quantum Computing Breakthroughs</span> New algorithms are enhancing processing speeds significantly.
        </p>
        <span class="badge bg-primary-subtle text-primary">320 Views</span>
    </li>
    <li class="list-group-item d-sm-flex justify-content-between align-items-start">
        <p class="ms-2 mb-0 me-auto text-muted">
            <span class="fw-semibold fs-14">Renewable Energy Growth</span> Solar and wind power installations reach record highs this year.
        </p>
        <span class="badge bg-secondary-subtle text-secondary">180 Views</span>
    </li>
    <li class="list-group-item d-sm-flex justify-content-between align-items-start">
        <p class="ms-2 mb-0 me-auto text-muted">
            <span class="fw-semibold fs-14">Cybersecurity Challenges</span> Rising threats demand innovative security solutions.
        </p>
        <span class="badge bg-success-subtle text-success">275 Views</span>
    </li>
    <li class="list-group-item d-sm-flex justify-content-between align-items-start">
        <p class="ms-2 mb-0 me-auto text-muted">
            <span class="fw-semibold fs-14">Space Exploration Milestones</span> Mars missions unveil new discoveries about the planet's geology.
        </p>
        <span class="badge bg-danger-subtle text-danger">150 Views</span>
    </li>
</ol>