German
English
French
Style 1
- Totam rem aperiam eaque ipsa quae ab illo inventore veritatis
- Nemo enim ipsam voluptatem quia voluptas sit aspernatur au
- Minima veniam, quis nostrum exercitationem ullam corporiing
- Quae ab illo inventore veritatis et quasi architecto beatae vitdic
- Magni dolores eos qui ratione voluptatem sequi nesciunt eos
- Autem vel eum iure reprehenderit qui in ea voluptate velit esse
<div class="section-title">
<h2 class="mb-5">Style 1</h2>
</div>
<div class="row mb-7">
<div class="col-md-6">
<ul class="list-group list-group-borderless">
<li class="list-group-item"><i class="fa fa-arrow-right"> </i>Totam rem aperiam eaque ipsa quae ab illo inventore veritatis</li>
<li class="list-group-item"><i class="fa fa-arrow-right"> </i>Nemo enim ipsam voluptatem quia voluptas sit aspernatur au</li>
<li class="list-group-item"><i class="fa fa-arrow-right"> </i>Minima veniam, quis nostrum exercitationem ullam corporiing</li>
</ul>
</div>
<div class="col-md-6">
<ul class="list-group list-group-borderless">
<li class="list-group-item"><i class="fa fa-arrow-right"> </i>Quae ab illo inventore veritatis et quasi architecto beatae vitdic</li>
<li class="list-group-item"><i class="fa fa-arrow-right"> </i>Magni dolores eos qui ratione voluptatem sequi nesciunt eos</li>
<li class="list-group-item"><i class="fa fa-arrow-right"> </i>Autem vel eum iure reprehenderit qui in ea voluptate velit esse</li>
</ul>
</div>
</div>
Style 2
- Totam rem aperiam eaque ipsa quae ab illo inventore veritatis
- Nemo enim ipsam voluptatem quia voluptas sit aspernatur au
- Minima veniam, quis nostrum exercitationem ullam corporiing
- Quae ab illo inventore veritatis et quasi architecto beatae vitdic
- Magni dolores eos qui ratione voluptatem sequi nesciunt eos
- Autem vel eum iure reprehenderit qui in ea voluptate velit esse
<div class="section-title">
<h2 class="mb-5">Style 2</h2>
</div>
<div class="row mb-7">
<div class="col-md-6">
<ul class="list-group list-group-borderless">
<li class="list-group-item"><i class="fa fa-thumbs-up"> </i>Totam rem aperiam eaque ipsa quae ab illo inventore veritatis</li>
<li class="list-group-item"><i class="fa fa-thumbs-up"> </i>Nemo enim ipsam voluptatem quia voluptas sit aspernatur au</li>
<li class="list-group-item"><i class="fa fa-thumbs-up"> </i>Minima veniam, quis nostrum exercitationem ullam corporiing</li>
</ul>
</div>
<div class="col-md-6">
<ul class="list-group list-group-borderless">
<li class="list-group-item"><i class="fa fa-thumbs-up"> </i>Quae ab illo inventore veritatis et quasi architecto beatae vitdic</li>
<li class="list-group-item"><i class="fa fa-thumbs-up"> </i>Magni dolores eos qui ratione voluptatem sequi nesciunt eos</li>
<li class="list-group-item"><i class="fa fa-thumbs-up"> </i>Autem vel eum iure reprehenderit qui in ea voluptate velit esse</li>
</ul>
</div>
</div>
Style 3
- Totam rem aperiam eaque ipsa quae ab illo inventore veritatis
- Nemo enim ipsam voluptatem quia voluptas sit aspernatur au
- Minima veniam, quis nostrum exercitationem ullam corporiing
- Quae ab illo inventore veritatis et quasi architecto beatae vitdic
- Magni dolores eos qui ratione voluptatem sequi nesciunt eos
- Autem vel eum iure reprehenderit qui in ea voluptate velit esse
<div class="section-title">
<h2 class="mb-5">Style 3</h2>
</div>
<div class="row mb-3">
<div class="col-md-6">
<ul class="list-group list-group-borderless">
<li class="list-group-item"><i class="fa fa-exclamation-circle"> </i>Totam rem aperiam eaque ipsa quae ab illo inventore veritatis</li>
<li class="list-group-item"><i class="fa fa-exclamation-circle"> </i>Nemo enim ipsam voluptatem quia voluptas sit aspernatur au</li>
<li class="list-group-item"><i class="fa fa-exclamation-circle"> </i>Minima veniam, quis nostrum exercitationem ullam corporiing</li>
</ul>
</div>
<div class="col-md-6">
<ul class="list-group list-group-borderless">
<li class="list-group-item"><i class="fa fa-exclamation-circle"> </i>Quae ab illo inventore veritatis et quasi architecto beatae vitdic</li>
<li class="list-group-item"><i class="fa fa-exclamation-circle"> </i>Magni dolores eos qui ratione voluptatem sequi nesciunt eos</li>
<li class="list-group-item"><i class="fa fa-exclamation-circle"> </i>Autem vel eum iure reprehenderit qui in ea voluptate velit esse</li>
</ul>
</div>
</div>