Kodları class ile çekiyor bunu düzeltemem gerek ama nasıl düzelteceğim o kodu yapamadım bir türlü. Attığım kod sadece 1 bölümün kodu bundan 3 adet ikon var tüm kodları şu şekilde;

<section class="special-feature">
<div class="container">
<div class="row-eq-height no-gutter">
<div class="col-lg-4 col-md-4 col-sm-4 gray-bg xs-mb-30">
<div class="feature-text">
<div class="feature-icon">
<span class="ti-ruler-alt-2 theme-color"></span>
</div>
<div class="feature-info">
<h4 class="mt-20"></h4>
<p>Wat kenmerkt  ?</p>
<a class="button icon-color mt-20" href="">Lees Meer <i class="fa fa-angle-right"></i></a>
</div>


</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 theme-bg xs-mb-30">
<div class="feature-text">
<div class="feature-icon">
<span class="ti-home text-white"></span>
</div>
<div class="feature-info">
<h4 class="mt-20 text-white"></h4>
<p class="text-white">Wij geven al jarenlang</p>
<a class="button icon-color mt-20" href="">Lees Meer<i class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 black-bg">
<div class="feature-text">
<div class="feature-icon">
<span class="ti-layout theme-color"></span>
</div>
<div class="feature-info">
<h4 class="mt-20 text-white"></h4>
<p class="text-white"> Wil je SPOEDCURSUS volgen? !

</p>
<a class="button icon-color mt-20" href="">Lees Meer <i class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>

İkonları kendimiz belirlememiz gerekiyor ama.