Media Object

Reusable OOCSS element (more info).

Default

Interactively parallel task team building initiatives with team driven quality vectors. Compellingly transform plug-and-play imperatives before top-line strategic theme areas. Seamlessly target client-centered platforms without go forward customer service.

Continually benchmark just in time potentialities with compelling results. Proactively promote customized web-readiness before team building solutions. Efficiently drive out-of-the-box vortals rather than strategic customer service.

Interactively parallel task team building initiatives with team driven quality vectors. Compellingly transform plug-and-play imperatives before top-line strategic theme areas. Seamlessly target client-centered platforms without go forward customer service.

Continually benchmark just in time potentialities with compelling results. Proactively promote customized web-readiness before team building solutions. Efficiently drive out-of-the-box vortals rather than strategic customer service. 


<div class="media-object">

    <div class="media-object__image image">
	
        <img alt="" src="path/to/foo.jpg">
	
    </div>

    <div class="media-object__details">

        [Media object details here]

    </div>

</div>

Auto-width Images

Interactively parallel task team building initiatives with team driven quality vectors. Compellingly transform plug-and-play imperatives before top-line strategic theme areas. Seamlessly target client-centered platforms without go forward customer service.

Continually benchmark just in time potentialities with compelling results. Proactively promote customized web-readiness before team building solutions. Efficiently drive out-of-the-box vortals rather than strategic customer service.

Interactively parallel task team building initiatives with team driven quality vectors. Compellingly transform plug-and-play imperatives before top-line strategic theme areas. Seamlessly target client-centered platforms without go forward customer service.

Continually benchmark just in time potentialities with compelling results. Proactively promote customized web-readiness before team building solutions. Efficiently drive out-of-the-box vortals rather than strategic customer service. 


<div class="media-object">

    <div class="media-object__image media-object__image--compact">
	
        <i class="fas fa-fw fa-check"></i>
	
    </div>

    <div class="media-object__details">

        [Media object details here]

    </div>

</div>

Reversed

Interactively parallel task team building initiatives with team driven quality vectors. Compellingly transform plug-and-play imperatives before top-line strategic theme areas. Seamlessly target client-centered platforms without go forward customer service.

Continually benchmark just in time potentialities with compelling results. Proactively promote customized web-readiness before team building solutions. Efficiently drive out-of-the-box vortals rather than strategic customer service.

Interactively parallel task team building initiatives with team driven quality vectors. Compellingly transform plug-and-play imperatives before top-line strategic theme areas. Seamlessly target client-centered platforms without go forward customer service.

Continually benchmark just in time potentialities with compelling results. Proactively promote customized web-readiness before team building solutions. Efficiently drive out-of-the-box vortals rather than strategic customer service. 


<div class="media-object media-object--reverse">

    <div class="media-object__image image">
	
        <img alt="" src="path/to/foo.jpg">
	
    </div>

    <div class="media-object__details">

        [Media object details here]

    </div>

</div>

Nested

Interactively parallel task team building initiatives with team driven quality vectors. Compellingly transform plug-and-play imperatives before top-line strategic theme areas. Seamlessly target client-centered platforms without go forward customer service.

Continually benchmark just in time potentialities with compelling results. Proactively promote customized web-readiness before team building solutions. Efficiently drive out-of-the-box vortals rather than strategic customer service.

Interactively parallel task team building initiatives with team driven quality vectors. Compellingly transform plug-and-play imperatives before top-line strategic theme areas. Seamlessly target client-centered platforms without go forward customer service.

Continually benchmark just in time potentialities with compelling results. Proactively promote customized web-readiness before team building solutions. Efficiently drive out-of-the-box vortals rather than strategic customer service.

Interactively parallel task team building initiatives with team driven quality vectors. Compellingly transform plug-and-play imperatives before top-line strategic theme areas. Seamlessly target client-centered platforms without go forward customer service.

Continually benchmark just in time potentialities with compelling results. Proactively promote customized web-readiness before team building solutions. Efficiently drive out-of-the-box vortals rather than strategic customer service. 


<div class="media-object">

    <div class="media-object__image image">
	
        <img alt="" src="path/to/foo.jpg">
	
    </div>

    <div class="media-object__details">

        [Media object details here]

        <div class="media-object">

            <div class="media-object__image image">
	
                <img alt="" src="path/to/foo.jpg">
	
            </div>

            <div class="media-object__details">

                [Media object details here]

            </div>

        </div>

    </div>

</div>

Contained Inside A "Panel" Component

Interactively parallel task team building initiatives with team driven quality vectors. Compellingly transform plug-and-play imperatives before top-line strategic theme areas. Seamlessly target client-centered platforms without go forward customer service.

Continually benchmark just in time potentialities with compelling results. Proactively promote customized web-readiness before team building solutions. Efficiently drive out-of-the-box vortals rather than strategic customer service.

Interactively parallel task team building initiatives with team driven quality vectors. Compellingly transform plug-and-play imperatives before top-line strategic theme areas. Seamlessly target client-centered platforms without go forward customer service.

Continually benchmark just in time potentialities with compelling results. Proactively promote customized web-readiness before team building solutions. Efficiently drive out-of-the-box vortals rather than strategic customer service.

Class Reference

Class Info
media Denotes a new media object.
media--reverse Flips the order of the "media__image" and "media__details" elements.
media__image Denotes the media object's image.
media__image--icon Denotes that media object's image is actually an icon.
media__details Denotes the media object's details (e.g., text, other content).