Listing

No notes defined.

<ul class="health-listing">
    <li>
        <div class="row">
            <div class=" col-xs-3">
                <div class="health-video">
                    <div class="health-video__preview">

                        <div class="image--link image--border">
                            <a href="#">
                                <div class="image-outer">
                                    <div class="image-placeholder" style="max-width: 200px;">
                                        <div style="padding-top: 56.25%;"></div>
                                    </div>
                                    <div class="image-wrapper image-loading">
                                        <div class="image">
                                            <img width="200" height="113" data-src="../../images/trex_small_16x9.jpg">
                                        </div>
                                    </div>
                                </div>

                            </a>
                        </div>
                        <div class="health-video__preview__length health-video__preview__length--small">
                            <span class="svg-inline--fa">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                    <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z" />
                                </svg>
                            </span>
                            3:35
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xs-9">
                <h2 class="au-display-lg"><a href="#">Tyrannosaurus</a></h2>
                <div class="health-metadata health-metadata--inline au-display-sm--text">
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">3 April 2019</div>
                    </div>
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">Factsheet</div>
                    </div>
                </div>
                <div class="health-field health-field--label-hidden">
                    <div class="health-field__item">
                        Tyrannosaurus is a genus of coelurosaurian theropod dinosaur. The species Tyrannosaurus rex (rex meaning
                        "king" in Latin), often called T. rex or colloquially T-Rex, is one of the most well-represented of the
                        large theropods.
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li>
        <div class="row">
            <div class=" col-xs-3">

                <div class="image--link image--border">
                    <a href="#">
                        <div class="image-outer">
                            <div class="image-placeholder" style="max-width: 800px;">
                                <div style="padding-top: 56.25%;"></div>
                            </div>
                            <div class="image-wrapper image-loading">
                                <div class="image">
                                    <img width="800" height="450" data-src="../../images/trex_16x9.jpg">
                                </div>
                            </div>
                        </div>

                    </a>
                </div>

            </div>

            <div class="col-xs-9">
                <h2 class="au-display-lg"><a href="#">Why the Tyrannosaurus is the best</a></h2>
                <div class="health-metadata health-metadata--inline au-display-sm--text">
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">3 April 2019</div>
                    </div>
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">Factsheet</div>
                    </div>
                </div>
                <div class="health-field health-field--label-hidden">
                    <div class="health-field__item">
                        Tyrannosaurus is a genus of coelurosaurian theropod dinosaur. The species Tyrannosaurus rex (rex meaning
                        "king" in Latin), often called T. rex or colloquially T-Rex, is one of the most well-represented of the
                        large theropods.
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li>
        <div class="row">
            <div class=" col-xs-3">
                <div class="health-video">
                    <div class="health-video__preview">

                        <div class="image--link image--border">
                            <a href="#">
                                <div class="image-outer">
                                    <div class="image-placeholder" style="max-width: 200px;">
                                        <div style="padding-top: 56.25%;"></div>
                                    </div>
                                    <div class="image-wrapper image-loading">
                                        <div class="image">
                                            <img width="200" height="113" data-src="../../images/trex_small_16x9.jpg">
                                        </div>
                                    </div>
                                </div>

                            </a>
                        </div>
                        <div class="health-video__preview__length health-video__preview__length--small">
                            <span class="svg-inline--fa">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                    <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z" />
                                </svg>
                            </span>
                            3:35
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xs-9">
                <h2 class="au-display-lg"><a href="#">Tyrannosaurus</a></h2>
                <div class="health-metadata health-metadata--inline au-display-sm--text">
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">3 April 2019</div>
                    </div>
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">Factsheet</div>
                    </div>
                </div>
                <div class="health-field health-field--label-hidden">
                    <div class="health-field__item">
                        Tyrannosaurus is a genus of coelurosaurian theropod dinosaur. The species Tyrannosaurus rex (rex meaning
                        "king" in Latin), often called T. rex or colloquially T-Rex, is one of the most well-represented of the
                        large theropods.
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li>
        <div class="row">
            <div class=" col-xs-3">

                <div class="image--link image--border">
                    <a href="#">
                        <div class="image-outer">
                            <div class="image-placeholder" style="max-width: 800px;">
                                <div style="padding-top: 56.25%;"></div>
                            </div>
                            <div class="image-wrapper image-loading">
                                <div class="image">
                                    <img width="800" height="450" data-src="../../images/trex_16x9.jpg">
                                </div>
                            </div>
                        </div>

                    </a>
                </div>

            </div>

            <div class="col-xs-9">
                <h2 class="au-display-lg"><a href="#">Why the Tyrannosaurus is the best</a></h2>
                <div class="health-metadata health-metadata--inline au-display-sm--text">
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">3 April 2019</div>
                    </div>
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">Factsheet</div>
                    </div>
                </div>
                <div class="health-field health-field--label-hidden">
                    <div class="health-field__item">
                        Tyrannosaurus is a genus of coelurosaurian theropod dinosaur. The species Tyrannosaurus rex (rex meaning
                        "king" in Latin), often called T. rex or colloquially T-Rex, is one of the most well-represented of the
                        large theropods.
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li>
        <div class="row">
            <div class=" col-xs-3">
                <div class="health-video">
                    <div class="health-video__preview">

                        <div class="image--link image--border">
                            <a href="#">
                                <div class="image-outer">
                                    <div class="image-placeholder" style="max-width: 200px;">
                                        <div style="padding-top: 56.25%;"></div>
                                    </div>
                                    <div class="image-wrapper image-loading">
                                        <div class="image">
                                            <img width="200" height="113" data-src="../../images/trex_small_16x9.jpg">
                                        </div>
                                    </div>
                                </div>

                            </a>
                        </div>
                        <div class="health-video__preview__length health-video__preview__length--small">
                            <span class="svg-inline--fa">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                    <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z" />
                                </svg>
                            </span>
                            3:35
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xs-9">
                <h2 class="au-display-lg"><a href="#">Tyrannosaurus</a></h2>
                <div class="health-metadata health-metadata--inline au-display-sm--text">
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">3 April 2019</div>
                    </div>
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">Factsheet</div>
                    </div>
                </div>
                <div class="health-field health-field--label-hidden">
                    <div class="health-field__item">
                        Tyrannosaurus is a genus of coelurosaurian theropod dinosaur. The species Tyrannosaurus rex (rex meaning
                        "king" in Latin), often called T. rex or colloquially T-Rex, is one of the most well-represented of the
                        large theropods.
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li>
        <div class="row">
            <div class=" col-xs-3">

                <div class="image--link image--border">
                    <a href="#">
                        <div class="image-outer">
                            <div class="image-placeholder" style="max-width: 800px;">
                                <div style="padding-top: 56.25%;"></div>
                            </div>
                            <div class="image-wrapper image-loading">
                                <div class="image">
                                    <img width="800" height="450" data-src="../../images/trex_16x9.jpg">
                                </div>
                            </div>
                        </div>

                    </a>
                </div>

            </div>

            <div class="col-xs-9">
                <h2 class="au-display-lg"><a href="#">Why the Tyrannosaurus is the best</a></h2>
                <div class="health-metadata health-metadata--inline au-display-sm--text">
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">3 April 2019</div>
                    </div>
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">Factsheet</div>
                    </div>
                </div>
                <div class="health-field health-field--label-hidden">
                    <div class="health-field__item">
                        Tyrannosaurus is a genus of coelurosaurian theropod dinosaur. The species Tyrannosaurus rex (rex meaning
                        "king" in Latin), often called T. rex or colloquially T-Rex, is one of the most well-represented of the
                        large theropods.
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li>
        <div class="row">
            <div class=" col-xs-3">
                <div class="health-video">
                    <div class="health-video__preview">

                        <div class="image--link image--border">
                            <a href="#">
                                <div class="image-outer">
                                    <div class="image-placeholder" style="max-width: 200px;">
                                        <div style="padding-top: 56.25%;"></div>
                                    </div>
                                    <div class="image-wrapper image-loading">
                                        <div class="image">
                                            <img width="200" height="113" data-src="../../images/trex_small_16x9.jpg">
                                        </div>
                                    </div>
                                </div>

                            </a>
                        </div>
                        <div class="health-video__preview__length health-video__preview__length--small">
                            <span class="svg-inline--fa">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                    <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z" />
                                </svg>
                            </span>
                            3:35
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xs-9">
                <h2 class="au-display-lg"><a href="#">Tyrannosaurus</a></h2>
                <div class="health-metadata health-metadata--inline au-display-sm--text">
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">3 April 2019</div>
                    </div>
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">Factsheet</div>
                    </div>
                </div>
                <div class="health-field health-field--label-hidden">
                    <div class="health-field__item">
                        Tyrannosaurus is a genus of coelurosaurian theropod dinosaur. The species Tyrannosaurus rex (rex meaning
                        "king" in Latin), often called T. rex or colloquially T-Rex, is one of the most well-represented of the
                        large theropods.
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li>
        <div class="row">
            <div class=" col-xs-3">

                <div class="image--link image--border">
                    <a href="#">
                        <div class="image-outer">
                            <div class="image-placeholder" style="max-width: 800px;">
                                <div style="padding-top: 56.25%;"></div>
                            </div>
                            <div class="image-wrapper image-loading">
                                <div class="image">
                                    <img width="800" height="450" data-src="../../images/trex_16x9.jpg">
                                </div>
                            </div>
                        </div>

                    </a>
                </div>

            </div>

            <div class="col-xs-9">
                <h2 class="au-display-lg"><a href="#">Why the Tyrannosaurus is the best</a></h2>
                <div class="health-metadata health-metadata--inline au-display-sm--text">
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">3 April 2019</div>
                    </div>
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">Factsheet</div>
                    </div>
                </div>
                <div class="health-field health-field--label-hidden">
                    <div class="health-field__item">
                        Tyrannosaurus is a genus of coelurosaurian theropod dinosaur. The species Tyrannosaurus rex (rex meaning
                        "king" in Latin), often called T. rex or colloquially T-Rex, is one of the most well-represented of the
                        large theropods.
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li>
        <div class="row">
            <div class=" col-xs-3">
                <div class="health-video">
                    <div class="health-video__preview">

                        <div class="image--link image--border">
                            <a href="#">
                                <div class="image-outer">
                                    <div class="image-placeholder" style="max-width: 200px;">
                                        <div style="padding-top: 56.25%;"></div>
                                    </div>
                                    <div class="image-wrapper image-loading">
                                        <div class="image">
                                            <img width="200" height="113" data-src="../../images/trex_small_16x9.jpg">
                                        </div>
                                    </div>
                                </div>

                            </a>
                        </div>
                        <div class="health-video__preview__length health-video__preview__length--small">
                            <span class="svg-inline--fa">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                    <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z" />
                                </svg>
                            </span>
                            3:35
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xs-9">
                <h2 class="au-display-lg"><a href="#">Tyrannosaurus</a></h2>
                <div class="health-metadata health-metadata--inline au-display-sm--text">
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">3 April 2019</div>
                    </div>
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">Factsheet</div>
                    </div>
                </div>
                <div class="health-field health-field--label-hidden">
                    <div class="health-field__item">
                        Tyrannosaurus is a genus of coelurosaurian theropod dinosaur. The species Tyrannosaurus rex (rex meaning
                        "king" in Latin), often called T. rex or colloquially T-Rex, is one of the most well-represented of the
                        large theropods.
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li>
        <div class="row">
            <div class=" col-xs-3">

                <div class="image--link image--border">
                    <a href="#">
                        <div class="image-outer">
                            <div class="image-placeholder" style="max-width: 800px;">
                                <div style="padding-top: 56.25%;"></div>
                            </div>
                            <div class="image-wrapper image-loading">
                                <div class="image">
                                    <img width="800" height="450" data-src="../../images/trex_16x9.jpg">
                                </div>
                            </div>
                        </div>

                    </a>
                </div>

            </div>

            <div class="col-xs-9">
                <h2 class="au-display-lg"><a href="#">Why the Tyrannosaurus is the best</a></h2>
                <div class="health-metadata health-metadata--inline au-display-sm--text">
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">3 April 2019</div>
                    </div>
                    <div class="health-field health-field--label-hidden">
                        <div class="health-field__item">Factsheet</div>
                    </div>
                </div>
                <div class="health-field health-field--label-hidden">
                    <div class="health-field__item">
                        Tyrannosaurus is a genus of coelurosaurian theropod dinosaur. The species Tyrannosaurus rex (rex meaning
                        "king" in Latin), often called T. rex or colloquially T-Rex, is one of the most well-represented of the
                        large theropods.
                    </div>
                </div>
            </div>
        </div>
    </li>
</ul>