Audio & Video

Breaking news

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Audio Style

                
<h2 class="mb-4">Audio Style</h2>
<div class="row mb-5">
    <div class="col-lg-6 col-md-8">
        <audio controls>
            <source src="../themes/magazine_plus/assets/images/shortcodes/audio/sample-audio.mp3" type="audio/mpeg"> 
            <source src="../themes/magazine_plus/assets/images/shortcodes/audio/sample-audio.ogg" type="audio/ogg">
        </audio>
    </div>
</div>

Video Style

                
<h2 class="mb-4">Video Style</h2>
<div class="row mb-4">
    <div class="col-lg-12 col-md-11 mx-auto">                    
        <div class="video">
            <iframe width="100%" height="450" src="https://www.youtube.com/embed/JHEXULfJ4Dg" allow="autoplay; encrypted-media" allowfullscreen></iframe>
        </div>
    </div>
</div>

Video Style 2

FASHION

Curabitur feugiat ullamcorper nisi eget lacinia Duis aute irure dolor in reprehenderit in

JAN 01, 2021 Admin 12

                
<h2 class="mb-4">Video Style 2</h2>
<div class="row mb-4">
    <div class="col-lg-12 col-md-11 mx-auto">                    
        <div class="video-style-2 img-overlay">
            <div class="post-image">
                <img src="../themes/magazine_plus/assets/images/shortcodes/Rectangle.jpg" title="title"/>
            </div>
            <div class="video-icon">
                <a href="https://youtu.be/9HEkdFzHLHs" data-fancybox="" class="d-block play-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></a>
            </div>
            <div class="post-content text-white">
                <a href="#" title="" class="badge badge-danger">FASHION</a>
                <h3 class="mb-2"><a href="#" title="">Curabitur feugiat ullamcorper nisi eget lacinia Duis aute irure dolor in reprehenderit in</a></h3>
                <p class="post-date mb-4">
                    <span><i class="fa fa-clock-o mr-2">&nbsp;</i>JAN 01, 2021</span>
                    <span>Admin</span>
                    <span><i class="far fa-comment mr-2">&nbsp;</i>&nbsp;</i>12</span>
                </p>
            </div>
        </div>
    </div>
</div>