<div class=“col-lg-4 col-md-4 col-sm-4”>
<!--Card--> <div class="card wow fadeIn mb-5 pb-1" data-wow-delay="0.2s"> <!--Card image--> <!-- Card image --> <div class="view overlay"> <img class="card-img-top" src="{{project.image}}" alt="Card image cap"> <a href="#!"> <div class="mask rgba-white-slight"></div> </a> </div> <!--Card content--> <div class="card-body"> <!--Title--> <h4 class="card-title">{{project.name}}</h4> <!--Text--> <p class="card-text ">{{{{project.description}}</p> <a href="{{ project.button_url}}" target="_blank" class="btn btn-info mdb-color darken-4 " style=" color: #f5f5f5;"><i class="fab fa-github mr-2 white-text"></i>{{project.button_text}}</a> </div> </div> <!--/.Card-->
</div>