Audio and Video

                        
    <div class="audio-style-1">
        <div class="container">
            <h2>Audio Style</h2>
            <audio controls="">
                <source src="../themes/custom/corporate_plus/assets/mp3/bgm.ogg" type="audio/ogg">
                <source src="../themes/custom/corporate_plus/assets/mp3/bgm.mp3" type="audio/mpeg">
            </audio>
        </div>  
    </div>
                        
                        Copy to clipboard
                    

                        
    <div class="video-style-1">
        <div class="container">
            <h2>Video Style 1</h2>
        </div>
        <div class="container">
            <div class="item bg-image" style="background-image: url('../themes/custom/corporate_plus/assets/video-img.jpg');">
                <div class="item-content">
                    <a data-fancybox="video-gallery" data-src="https://www.youtube.com/watch?v=h1D5IFsUEFc" title="Title">
                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
                            <g  transform="translate(-140.348 -70.352)">
                                <path data-name="Path 255" d="M240.348,70.352a100.106,100.106,0,1,0,70.681,29.321,100.008,100.008,0,0,0-70.681-29.321Zm0,190.983a91.112,91.112,0,1,1,64.3-26.688,90.982,90.982,0,0,1-64.3,26.688Z" transform="translate(0 0)" fill="#131517"/>
                                <path data-name="Path 256" d="M347.177,226.441,294.55,195.413h0a9.024,9.024,0,0,0-13.6,7.774v62.057a8.98,8.98,0,0,0,13.6,7.764l52.627-31.028h0a9.021,9.021,0,0,0,0-15.538Z" transform="translate(-72.711 -63.864)" fill="#131517"/>
                            </g>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </div>
                        
                        Copy to clipboard
                    

                        
    <div class="video-style-2">
        <div class="container">
            <h2>Video Style 2</h2>
            <div class="item">
                <div class="image">
                    <img src="../themes/custom/corporate_plus/assets/video-img.jpg" alt="Image">
                    <div class="overlay">
                        <h2>Creative & intelligent people helps growing your business</h2>
                        
                        <a class="btn btn-primary btn-style-1 btn-lg" data-fancybox="video-gallery" data-src="https://www.youtube.com/watch?v=h1D5IFsUEFc" title="Title">
                            <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
                                <g  transform="translate(-140.348 -70.352)">
                                    <path data-name="Path 255" d="M240.348,70.352a100.106,100.106,0,1,0,70.681,29.321,100.008,100.008,0,0,0-70.681-29.321Zm0,190.983a91.112,91.112,0,1,1,64.3-26.688,90.982,90.982,0,0,1-64.3,26.688Z" transform="translate(0 0)" fill="#131517"/>
                                    <path data-name="Path 256" d="M347.177,226.441,294.55,195.413h0a9.024,9.024,0,0,0-13.6,7.774v62.057a8.98,8.98,0,0,0,13.6,7.764l52.627-31.028h0a9.021,9.021,0,0,0,0-15.538Z" transform="translate(-72.711 -63.864)" fill="#131517"/>
                                </g>
                            </svg> Watch the video
                        </a>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
                        
                        Copy to clipboard