Components Alerts
Accordion
Badges
Box
Buttons
Cards
Hero
Modals
Media Object
Navbars
Pagination
Progress
Spinners
Tables
Layout Flexbox
Forms Text
Labels
Other
Others Animations
Customizing
Parallax
Typography
Utils

Media Object

Published at 2021-02-21 17:44:55 Updated on pzplUI 2.2


Placeholder
Media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
Placeholder
Media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
<div class="media">
    <img alt="Placeholder" style="width: 64px; height: 64px;"
        src="assets/browser.png">
    <div class="media-body">
        <h5>Media heading</h5>
        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus
        odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate
        fringilla. Donec lacinia congue felis in faucibus.

        <div class="media">
            <a href="#">
                <img alt="Placeholder" style="width: 64px; height: 64px;"
                    src="assets/browser.png">
            </a>
            <div class="media-body">
                <h5>Media heading</h5>
                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras
                purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi
                vulputate fringilla. Donec lacinia congue felis in faucibus.
            </div>
        </div>
    </div>
</div>