Audio & Video | Biz Pro

Audio Style

                                
<section class="audio-video-block-area">
    <div class="container">
        <div class="audio-video-block">
            <div class="audio">
                <h2;>Audio Title</h2>
                <audio controls>
                    <source src="audio/welcome.mp3" type="audio/mpeg">
                </audio>
            </div>
        </div>
    </div>
</section>

Video Style 1

                                
<section class="audio-video-block-area">
    <div class="container">
        <div class="audio-video-block">
            <div class="video1">
                <h2>Video Title</h2>
                <a class="video-popup" href="https://www.youtube.com/watch?v=h1D5IFsUEFc">
                    <div class="video1-area">
                        <img src="./assets/theme/img/home/home-1/2.jpg" alt="video-1" />
                        <div class="video1-content">
                            <h3>We create innovation solutions that work pragmatically for your whole organization.</h3>
                            <i>
                                <svg class="svg-play" xmlns="http://www.w3.org/2000/svg" id="Group_39970" data-name="Group 39970" width="150.719" height="150.719" viewBox="0 0 150.719 150.719">
                                    <path data-name="Path 273" d="M26,22.194V77.606l4.556,1.98L66.3,51.879V47.92L30.556,20.214Zm5.037,5.184L59.7,49.9,31.037,72.422Z" transform="translate(33.81 25.46)" fill="#111"/>
                                    <path data-name="Path 274" d="M75.36,0A75.355,75.355,0,0,0,22.076,128.643,75.355,75.355,0,1,0,128.643,22.076,74.85,74.85,0,0,0,75.36,0Zm49.956,125.313a70.646,70.646,0,1,1-99.91-99.908,70.646,70.646,0,1,1,99.91,99.908Z" transform="translate(0 0)" fill="#111"/>
                                </svg>
                            </i>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>

Video Style 2

                                
<section class="audio-video-block-area">
    <div class="container">
        <div class="audio-video-block">
            <div class="video2">
                <h2;>Video Title</h2>
                <a class="video-popup" href="https://www.youtube.com/watch?v=h1D5IFsUEFc">
                    <div class="video2-area">
                        <img src="./assets/theme/img/home/home-2/x.jpg" alt="video-2" />
                        <div class="video2-content">
                            <i>
                                <svg class="svg-play" xmlns="http://www.w3.org/2000/svg" id="Group_39970" data-name="Group 39970" width="150.719" height="150.719" viewBox="0 0 150.719 150.719">
                                    <path data-name="Path 273" d="M26,22.194V77.606l4.556,1.98L66.3,51.879V47.92L30.556,20.214Zm5.037,5.184L59.7,49.9,31.037,72.422Z" transform="translate(33.81 25.46)" fill="#111"/>
                                    <path data-name="Path 274" d="M75.36,0A75.355,75.355,0,0,0,22.076,128.643,75.355,75.355,0,1,0,128.643,22.076,74.85,74.85,0,0,0,75.36,0Zm49.956,125.313a70.646,70.646,0,1,1-99.91-99.908,70.646,70.646,0,1,1,99.91,99.908Z" transform="translate(0 0)" fill="#111"/>
                                </svg>
                            </i>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>