Ionic: Custom ion list items
<p>I am new to Ionic framework, I am trying to create an ion-list like in the picture, but I can't figure out how to use <code>item-thumbnail-right</code> and <code>item-avatar</code> in the one item with some stuff in the right corner and a pseudo footer like in the picture...
I tried this code:</p>

<pre><code>&lt;ion-list&gt;
    &lt;a class="item item-thumbnail-right" ng-repeat="activeOffer in activeOffers"
         ng-href="#/app/offers/{{activeOffer.offer.id}}"&gt;
        &lt;img ng-src="{{siteRoot}}/upload/assets/img/media-support/{{activeOffer.mediaSupport.fileName}}"&gt;
        &lt;div class="item item-avatar"&gt;
            &lt;img ng-src="{{siteRoot}}/upload/assets/img/localbusiness/{{activeOffer.localBusiness.logo}}"&gt;
            &lt;h2&gt;{{activeOffer.localBusiness.label}}&lt;/h2&gt;
            &lt;p&gt;{{activeOffer.localBusiness.description}}&lt;/p&gt;
        &lt;/div&gt;
        &lt;h2&gt;{{activeOffer.offer.title}}&lt;/h2&gt;
        &lt;p&gt;{{activeOffer.offer.description}}&lt;/p&gt;
    &lt;/a&gt;
&lt;/ion-list&gt;
</code></pre>

<p>But, I'm getting something ugly</p>

<p><a href="https://i.stack.imgur.com/CoyMJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CoyMJ.png" alt="ion-list"></a></p>