<ul class="list-group">
    <li class="list-group-item"><i class="fa fa-check pr-3 text-primary font-size-12"></i>برنامه ریزی ایده نوآوری و نسل</li>
    <li class="list-group-item"><i class="fa fa-check pr-3 text-primary font-size-12"></i>پشتیبانی اولویت کار ماست</li>
    <li class="list-group-item"><i class="fa fa-check pr-3 text-primary font-size-12"></i> کلاب یک سایت چند منظوره و حرفه ایست</li>
</ul>

<div class="list-group list-group-right-arrow">
    <a href="#" class="list-group-item">برنامه ریزی ایده نوآوری و نسل</a>
    <a href="#" class="list-group-item active">پشتیبانی اولویت کار ماست</a>
    <a href="#" class="list-group-item">کلاب یک سایت چند منظوره و حرفه ایست</a>
    <a href="#" class="list-group-item">ارزش برند جهانی را ایجاد کنیدe</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>برنامه ریزی ایده نوآوری و نسل</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">برنامه ریزی ایده نوآوری و نسل</a>
    <a href="#" class="list-group-item border-0 active">پشتیبانی اولویت کار ماست</a>
    <a href="#" class="list-group-item border-0">کلاب یک سایت چند منظوره و حرفه ایست</a>
    <a href="#" class="list-group-item border-0">ارزش برند جهانی را ایجاد کنیدe</a>
</div>