Audio and Video | Consultancy Plus

Audio Style

                
<section class="audio-video elements">
    <div class="container">
        <div class="audio-block">
            <h2>Audio Style</h2>
            <audio controls="">
                <source src="..themes/custom/consultancy_plus/assets/theme/audio/welcome.mp3
                " type="audio/mpeg">
            </audio>
        </div>
    </div>
</section>

Video Style 1

                
<section class="audio-video elements">
    <div class="container">
       <h2>Video Style 1</h2>
        <div class="video1 video-popup" style="background-image: url(../themes/custom/consultancy_plus/assets/theme/img/audio-video/pexels-rfstudio-3810753.jpeg
            );background-position: center;background-repeat: no-repeat;background-size: cover;">
            <div class="video-block">
                <a class="svg-wrapper" data-fancybox href="https://youtu.be/h1D5IFsUEFc">
                    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                        <path id="Union_54" data-name="Union 54" d="M0,75a75,75,0,1,1,75,75A74.953,74.953,0,0,1,0,75Zm8.333,0A66.667,66.667,0,1,0,75,8.333,66.863,66.863,0,0,0,8.333,75Zm45.833,32.708h0a4.031,4.031,0,0,1-2.083-3.54V45.835a4.3,4.3,0,0,1,2.084-3.541,3.786,3.786,0,0,1,4.166,0l50,29.166A4.029,4.029,0,0,1,110.418,75a4.3,4.3,0,0,1-2.084,3.541l-50,29.166a3.788,3.788,0,0,1-4.168,0Z" fill="#1b1f29"/>
                    </svg>
                </a>
            </div>
        </div>
    </div>
</section>

Video Style 2

Let’s discuss about how we can help make your business better

                
<section class="audio-video elements">
    <h2>Video Style 2</h2>
    <div class="video-2 " style="background-image: url(../themes/custom/consultancy_plus/assets/theme/img/audio-video/pexels-rfstudio-3810753.jpeg
        );background-position: center;background-repeat: no-repeat;background-size: cover;">
        <div class="container">
            <div class="video2">
                <a class="svg-wrapper" data-fancybox href="https://youtu.be/h1D5IFsUEFc">
                    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                        <path id="Union_54" data-name="Union 54" d="M0,75a75,75,0,1,1,75,75A74.953,74.953,0,0,1,0,75Zm8.333,0A66.667,66.667,0,1,0,75,8.333,66.863,66.863,0,0,0,8.333,75Zm45.833,32.708h0a4.031,4.031,0,0,1-2.083-3.54V45.835a4.3,4.3,0,0,1,2.084-3.541,3.786,3.786,0,0,1,4.166,0l50,29.166A4.029,4.029,0,0,1,110.418,75a4.3,4.3,0,0,1-2.084,3.541l-50,29.166a3.788,3.788,0,0,1-4.168,0Z" fill="#1b1f29"/>
                    </svg>
                </a>
                <h2>Let’s discuss about how we can help make your business better</h2>
                <div class="link-btn">
                    <a href="#">
                        contact us 
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="44" viewBox="0 0 150 44">
                            <path id="Path_40738" data-name="Path 40738" d="M44,24.431,23.919,0,0,24.431H19.489V150h7.087V24.431Z" transform="translate(150) rotate(90)" fill="#1b1f29" fill-rule="evenodd"/>
                        </svg>
                    </a>    
                </div>    
            </div>
        </div>
    </div> 
</section>