Media object

<div class="media media-success">
    <div class="media-img">A</div>
    <div class="media-body">
        <div class="media-title">Media heading</div>
        <small class="media-subtitle">Media subtitle</small>

        <div class="media media-warning">
            <div class="media-img">B</div>
            <div class="media-body">
                <div class="media-title">Media heading</div>
                <small class="media-subtitle">Media subtitle</small>
            </div>
        </div>
    </div>
</div>
<div class="media media-success">
    <div class="media-img">S</div>
    <div class="media-body">
        <div class="media-title">Media heading</div>
        <small class="media-subtitle">Media subtitle</small>
    </div>
</div>

<a href="#" class="media media-success">
    <span class="media-img">A</span>
    <span class="media-body">
        <span class="media-title">Media heading</span>
        <small class="media-subtitle">Media subtitle</small>
    </span>
</a>
<a href="#" class="media media-warning">
    <span class="media-img">S</span>
    <span class="media-body">
        <span class="media-title">Media heading</span>
        <small class="media-subtitle">Media subtitle</small>
    </span>
</a>

<div class="media media-success media-filled">
    <a href="#" class="media-link">
        <span class="media-img">A</span>
        <span class="media-body">
            <span class="media-title">Media heading</span>
            <small class="media-subtitle">Media subtitle</small>
        </span>
    </a>
    <a href="#" class="media-icon">
        <span data-feather="x" class="rui-icon rui-icon-stroke-1_5"></span>
    </a>
</div>
<div class="media media-warning media-filled">
    <a href="#" class="media-link">
        <span class="media-img">S</span>
        <span class="media-body">
            <span class="media-title">Media heading</span>
            <small class="media-subtitle">Media subtitle</small>
        </span>
    </a>
    <a href="#" class="media-icon">
        <span data-feather="x" class="rui-icon rui-icon-stroke-1_5"></span>
    </a>
</div>