<ul class="list-group">
    <li class="list-group-item"><i class="fa fa-check pr-3 text-primary font-size-12"></i>Innovation idea planning & generation</li>
    <li class="list-group-item"><i class="fa fa-check pr-3 text-primary font-size-12"></i>Better customer support</li>
    <li class="list-group-item"><i class="fa fa-check pr-3 text-primary font-size-12"></i> Great a global brand value of product</li>
</ul>

<div class="list-group list-group-right-arrow">
    <a href="#" class="list-group-item">Innovation idea planning & generation</a>
    <a href="#" class="list-group-item active">Better customer support</a>
    <a href="#" class="list-group-item">Great a global brand value of product</a>
    <a href="#" class="list-group-item">Create global brand value</a>
</div>

<div class="list-group list-group-gap">
    <a href="#" class="list-group-item border-0">
        <div class="d-flex align-items-center">
            <i class="vl-building mr-4 fa-2x d-block text-primary pb-2"></i>
            <div>
                <h6 class="mb-0">Build as Framework</h6>
                <span>Innovation idea planning & generation</span>
            </div>
        </div>
    </a>
    <a href="#" class="list-group-item border-0">
        <div class="d-flex align-items-center">
            <i class="vl-gift-box mr-4 fa-2x d-block text-primary pb-2"></i>
            <div>
                <h6 class="mb-0 ">Easy Build & Customization</h6>
                <span>A self-contained unit of a discourse</span>
            </div>
        </div>
    </a>
    <a href="#" class="list-group-item border-0">
        <div class="d-flex align-items-center">
            <i class="vl-gear mr-4 fa-2x d-block text-primary pb-2"></i>
            <div>
                <h6 class="mb-0 ">Full Documentation</h6>
                <span>Thoroughly documented with examples</span>
            </div>
        </div>
    </a>

</div>

<div class="list-group list-group-gap list-group-right-arrow list-group-right-arrow-on-hover">
    <a href="#" class="list-group-item border-0">Innovation idea planning & generation</a>
    <a href="#" class="list-group-item border-0 active">Better customer support</a>
    <a href="#" class="list-group-item border-0">Great a global brand value of product</a>
    <a href="#" class="list-group-item border-0">Create global brand value</a>
</div>