need help in Listing results UI

Hi,

Currently my website’s listing are showing something like this:

for which I am using the code below:

[RATING][IMAGE]
<h1>[TITLE-NOLINK]</h1>
<div class=’hidden_details’>[EXCERPT] valid till [COUPON_END] </div>

<div class=’clearfix’></div>
<div class=’highlight’ style=’margin:10px -11px -11px -11px;’>
<div class=’col-md-9′>
</div>
<div class=’col-md-3′> [CBUTTON]
</div>
<div class=’clearfix’></div>
</div>

I need the listing should show like this. Please let me know, what changes should I do in this code.

Sorry, but I am not so code friendly person. It would be great help, if you can give me the code ready. I can change the shortcodes within it for sure 🙂

Thank you in advance.