<html lang="en">
<div class="col-md-4 web-card" id="{{{id}}}" >
    <div class="card mb-4 shadow-sm web-card-background">
        <div class="card-body">
            <h7 class="card-text text-white" style="text-align:center">{{title}}</h7>
            <p class="card-text text-success">{{description}} </p>
            <div class="d-flex justify-content-between align-items-center">
                <img class="rounded-circle mx-auto d-block img-fluid"
                     src="{{{imgPath}}}" alt="Gmail logo"
                     style="max-height:50px">
            </div>
        </div>
    </div>
</div>