Audio & Video

                       
    <div class="audio-style-1">
        <div class="container">
            <audio controls="">
            <source src="../assets/theme/mp3/bgm.ogg" type="audio/ogg">
            <source src="../assets/theme/mp3/bgm.mp3" type="audio/mpeg">
            </audio>
        </div>  
    </div>
                        Copy to clipboard
                   

                       
                       <div class="video-style-1">
    <div class="container">
    </div>
    <div class="item bg-image" style="background-image: url('../assets/theme/img/home/home-1/video-img.jpg');">
            <div class="container">
                <div class="item-content">
                    <h2>We create innovative solutions that work for your whole organization.</h2>
                    <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">
            <div class="item">
                <div class="image">
                    <img src="../assets/theme/img/home/home-3/video-img.jpg" alt="Image">
                    <div class="overlay">
                        <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>
    </div>
                Copy to clipboard
                   

                       
    <div class="video-style-3">
        <div class="container">
            <div class="item">
                <div class="image">
                    <img src="../assets/theme/img/home/home-3/video-img-1.jpg" alt="Image">
                    <a class="overlay" data-fancybox="video-gallery" data-src="https://www.youtube.com/watch?v=h1D5IFsUEFc" title="Title">
                        <span>
                            <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>
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </div>
                Copy to clipboard