<div class="row">
                        <div class="col-sm-12 text-center">
                            <div class="elements--title">
                                <h4>Inline Iframe Embeds (Youtube, Vimeo etc.)</h4>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="video-cover">
                                <div class="background-image-holder">
                                    <img alt="image" src="/sites/default/files/images/small2.jpg" />
                                </div>
                                <div class="video-play-icon "></div>
                                <iframe src="https://player.vimeo.com/video/165428278?autoplay=1" allowfullscreen="allowfullscreen"></iframe>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="video-cover">
                                <div class="background-image-holder">
                                    <img alt="image" src="/sites/default/files/images/small1.jpg" />
                                </div>
                                <div class="video-play-icon "></div>
                                <iframe src="https://www.youtube.com/embed/4QUVRm4UZA4?autoplay=1" allowfullscreen="allowfullscreen"></iframe>
                            </div>
                        </div>
                    </div>
                    <!--end row-->
                    <div class="row">
                        <div class="col-sm-12 text-center">
                            <div class="elements--title">
                                <h4>Inline Self-Hosted HTML5 Video</h4>
                            </div>
                        </div>
                        <div class="col-sm-6 col-sm-offset-3">
                            <div class="video-cover">
                                <div class="background-image-holder">
                                    <img alt="image" src="/sites/default/files/images/video.jpg" />
                                </div>
                                <div class="video-play-icon"></div>
                                <video controls>
                                    <source src="/sites/default/files/video/video.webm" type="/sites/default/files/video/webm">
                                    <source src="/sites/default/files/video/video.mp4" type="/sites/default/files/video/mp4">
                                    <source src="/sites/default/files/video/video.ogv" type="/sites/default/files/video/ogg">
                                </video>
                            </div>
                        </div>
                    </div>
                    <!--end row-->
                    <div class="row">
                        <div class="col-sm-12 text-center">
                            <div class="elements--title">
                                <h4>Modal Iframe Embeds (Youtube, Vimeo etc)</h4>
                            </div>
                        </div>
                        <div class="col-sm-4 text-center">
                            <div class="modal-instance modal-video-1">
                                <div class="video-play-icon video-play-icon--dark modal-trigger"></div>
                                <span class="h6">Watch The Overview</span>
                                <div class="modal-container">
                                    <div class="modal-content bg-dark" data-width="60%" data-height="60%">
                                        <iframe src="https://www.youtube.com/embed/4QUVRm4UZA4?autoplay=1" allowfullscreen="allowfullscreen"></iframe>
                                    </div>
                                    <!--end of modal-content-->
                                </div>
                                <!--end of modal-container-->
                            </div>
                            <!--end of modal instance-->
                        </div>
                        <div class="col-sm-4 text-center">
                            <div class="modal-instance modal-video-1">
                                <div class="video-play-icon video-play-icon--sm video-play-icon--dark modal-trigger"></div>
                                <span class="h6">Watch The Overview</span>
                                <div class="modal-container">
                                    <div class="modal-content bg-dark" data-width="60%" data-height="60%">
                                        <iframe src="https://www.youtube.com/embed/4QUVRm4UZA4?autoplay=1" allowfullscreen="allowfullscreen"></iframe>
                                    </div>
                                    <!--end of modal-content-->
                                </div>
                                <!--end of modal-container-->
                            </div>
                            <!--end of modal instance-->
                        </div>
                        <div class="col-sm-4 text-center">
                            <div class="modal-instance modal-video-1">
                                <a class="btn modal-trigger" href="#">
                                    <span class="btn__text">
                                        &#9658; Watch The Overview
                                    </span>
                                </a>
                                <div class="modal-container">
                                    <div class="modal-content bg-dark" data-width="60%" data-height="60%">
                                        <iframe src="https://www.youtube.com/embed/4QUVRm4UZA4?autoplay=1" allowfullscreen="allowfullscreen"></iframe>
                                    </div>
                                    <!--end of modal-content-->
                                </div>
                                <!--end of modal-container-->
                            </div>
                            <!--end of modal instance-->
                        </div>
                    </div>
                    <!--end row-->
                    <div class="row">
                        <div class="col-sm-12 text-center">
                            <div class="elements--title">
                                <h4>Modal Self-Hosted Embeds</h4>
                            </div>
                        </div>
                        <div class="col-sm-4 text-center">
                            <div class="modal-instance modal-video-1">
                                <div class="video-play-icon video-play-icon--dark modal-trigger"></div>
                                <span class="h6">Watch The Overview</span>
                                <div class="modal-container">
                                    <div class="modal-content bg-white" data-width="50%" data-height="50%">
                                        <video autoplay controls>
                                            <source src="/sites/default/files/video/video.webm" type="/sites/default/files/video/webm">
                                            <source src="/sites/default/files/video/video.mp4" type="/sites/default/files/video/mp4">
                                            <source src="/sites/default/files/video/video.ogv" type="/sites/default/files/video/ogg">
                                        </video>
                                    </div>
                                    <!--end of modal-content-->
                                </div>
                                <!--end of modal-container-->
                            </div>
                            <!--end of modal instance-->
                        </div>
                        <div class="col-sm-4 text-center">
                            <div class="modal-instance modal-video-1">
                                <div class="video-play-icon video-play-icon--dark video-play-icon--sm modal-trigger"></div>
                                <span class="h6">Watch The Overview</span>
                                <div class="modal-container">
                                    <div class="modal-content bg-white" data-width="50%" data-height="50%">
                                        <video autoplay controls>
                                            <source src="/sites/default/files/video/video.webm" type="/sites/default/files/video/webm">
                                            <source src="/sites/default/files/video/video.mp4" type="/sites/default/files/video/mp4">
                                            <source src="/sites/default/files/video/video.ogv" type="/sites/default/files/video/ogg">
                                        </video>
                                    </div>
                                    <!--end of modal-content-->
                                </div>
                                <!--end of modal-container-->
                            </div>
                            <!--end of modal instance-->
                        </div>
                        <div class="col-sm-4 text-center">
                            <div class="modal-instance modal-video-1">
                                <a class="btn modal-trigger" href="#">
                                    <span class="btn__text">
                                        &#9658; Watch The Overview
                                    </span>
                                </a>
                                <div class="modal-container">
                                    <div class="modal-content bg-white" data-width="50%" data-height="50%">
                                        <video autoplay controls>
                                            <source src="/sites/default/files/video/video.webm" type="/sites/default/files/video/webm">
                                            <source src="/sites/default/files/video/video.mp4" type="/sites/default/files/video/mp4">
                                            <source src="/sites/default/files/video/video.ogv" type="/sites/default/files/video/ogg">
                                        </video>
                                    </div>
                                    <!--end of modal-content-->
                                </div>
                                <!--end of modal-container-->
                            </div>
                            <!--end of modal instance-->
                        </div>
                    </div>