Audio Style
<div class="audio-style-1">
<div class="container">
<audio controls="">
<source src="../themes/custom/blog_plus/assets/mp3/bgm.mp3" type="audio/mpeg">
</audio>
</div>
</div>
Video Style 1
<div class="video-style-1">
<div class="container">
<div class="item">
<div class="image">
<img src="../themes/custom/blog_plus/assets/img/video_1.jpeg" 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="175" height="200" viewBox="0 0 175 200">
<path data-name="Path 40124"
d="M308.027,397.122a15.925,15.925,0,0,1-8.076-2.027c-5.385-2.7-8.751-8.785-8.751-14.865V214.012c0-6.08,3.366-11.486,8.751-14.865a18.486,18.486,0,0,1,16.827,0l141.346,83.108A16.971,16.971,0,0,1,466.2,297.12a18.6,18.6,0,0,1-8.076,14.865L316.778,395.092c-2.695.679-6.057,2.027-8.751,2.027Z"
transform="translate(-291.2 -197.122)" fill="#111" />
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
Video Style 2
Duis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla
BY ADMIN
SEP 18, 2022
Duis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla
BY ADMIN
SEP 18, 2022
<div class="video-style-2">
<div class="container">
<div class="row s-15">
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="image">
<img src="../themes/custom/blog_plus/assets/img/video_2.jpeg" 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="175" height="200"
viewBox="0 0 175 200">
<path data-name="Path 40124"
d="M308.027,397.122a15.925,15.925,0,0,1-8.076-2.027c-5.385-2.7-8.751-8.785-8.751-14.865V214.012c0-6.08,3.366-11.486,8.751-14.865a18.486,18.486,0,0,1,16.827,0l141.346,83.108A16.971,16.971,0,0,1,466.2,297.12a18.6,18.6,0,0,1-8.076,14.865L316.778,395.092c-2.695.679-6.057,2.027-8.751,2.027Z"
transform="translate(-291.2 -197.122)" fill="#111" />
</svg>
</a>
</div>
</div>
<div class="categories-rect">
<a href="#" title="TRAVEL">TRAVEL</a>
</div>
<h5><a href="#"
title="uis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla">Duis
aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla</a>
</h5>
<div class="auth_date">
<div class="auth">
<p>BY <span>ADMIN</span></p>
</div>
<p>SEP 18, 2022</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="image">
<img src="../themes/custom/blog_plus/assets/img/video_3.jpeg" 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="175" height="200"
viewBox="0 0 175 200">
<path data-name="Path 40124"
d="M308.027,397.122a15.925,15.925,0,0,1-8.076-2.027c-5.385-2.7-8.751-8.785-8.751-14.865V214.012c0-6.08,3.366-11.486,8.751-14.865a18.486,18.486,0,0,1,16.827,0l141.346,83.108A16.971,16.971,0,0,1,466.2,297.12a18.6,18.6,0,0,1-8.076,14.865L316.778,395.092c-2.695.679-6.057,2.027-8.751,2.027Z"
transform="translate(-291.2 -197.122)" fill="#111" />
</svg>
</a>
</div>
</div>
<div class="categories-rect">
<a href="#" title="FITNESS">FITNESS</a>
</div>
<h5><a href="#"
title="uis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla">Duis
aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla</a>
</h5>
<div class="auth_date">
<div class="auth">
<p>BY <span>ADMIN</span></p>
</div>
<p>SEP 18, 2022</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="image">
<img src="../themes/custom/blog_plus/assets/img/video_4.jpeg" 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="175" height="200"
viewBox="0 0 175 200">
<path data-name="Path 40124"
d="M308.027,397.122a15.925,15.925,0,0,1-8.076-2.027c-5.385-2.7-8.751-8.785-8.751-14.865V214.012c0-6.08,3.366-11.486,8.751-14.865a18.486,18.486,0,0,1,16.827,0l141.346,83.108A16.971,16.971,0,0,1,466.2,297.12a18.6,18.6,0,0,1-8.076,14.865L316.778,395.092c-2.695.679-6.057,2.027-8.751,2.027Z"
transform="translate(-291.2 -197.122)" fill="#111" />
</svg>
</a>
</div>
</div>
<div class="categories-rect">
<a href="#" title="LIFE STYLE">LIFE STYLE</a>
</div>
<h5><a href="#"
title="uis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla">Duis
aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla</a>
</h5>
<div class="auth_date">
<div class="auth">
<p>BY <span>ADMIN</span></p>
</div>
<p>SEP 18, 2022</p>
</div>
</div>
</div>
</div>
</div>
</div>