Hi,

I have the code below working perfectly, however, I would like to change the design of on of the items if its 'featured' checkbox is ticked. I have the design sorted so that isnt the question, my question is how do I incorporate the the If checkbox is ticked that style like xxxx

@foreach(var item in selection){

<div class="col-sm-6 col-md-3">
    <div class="wow zoomIn" data-wow-duration="400ms" data-wow-delay="0ms">
        <ul class="pricing">
            <li class="plan-header">
                <div class="price-duration">
                    <span class="price">@item.Price
                    </span>
                    <span class="duration">@item.Term
                    </span>
                </div>
                <div class="plan-name">
                    @item.Name
                </div>
            </li>
            <li><strong>@item.Rooms</strong> Rooms</li>
            <li><strong>@item.Hectares</strong> Hectares</li>
            <li><strong>@item.Walks</strong> Walks</li>
            <li><strong>@item.Miles</strong> Miles</li>
            @if (item.HasValue("Available"))
            {
                <li>Available Now</li>
            }
            <li><strong>@item.EmailAddres</strong> EMAIL ADDRESS</li>
            <li><strong>12 Weeks</strong> Notice</li>
            <div class="element-bottom-30"></div>
            <div class="pricing-button">
                <a href="#">
                    <div class="btn btn-stroke btn-rounded btn-medium">Show Interest</div>
                </a>
            </div>

        </ul>

    </div>
</div>
}

To style differently all I need to do is change the ul to

Does this make sense?

Thanks in advance

Ben