2m ago Mark as read
08:00 AM
Thursday January 10th, 2022
January 17, 2023 10.00 - 11.00
Lorem ipsum dolor sit amet
<!-- Video Button Default --> <a href="#video_url" class="btn-video btn bg-danger text-white rounded-circle px-0 py-0 me-3" data-bs-toggle="video"><i class="bi bi-play"></i></a>
<!-- Play button Styles --> <a href="#video_url" class="btn-video shadow-1 btn bg-danger text-white rounded-circle px-0 py-0 me-3" ><i class="bi bi-play"></i></a> <a href="#video_url" class="btn-video shadow-2 btn text-primary rounded-circle px-0 py-0 me-3" ><i class="bi bi-play"></i></a> <a href="#video_url" class="btn-video btn btn-outline-danger rounded-circle px-0 py-0 me-3" ><i class="bi bi-play"></i></a> <a href="#video_url" class="btn-video btn bg-primary text-white rounded-circle px-0 py-0 me-3" ><i class="bi bi-play"></i></a> <a href="#video_url" class="btn-video shadow-1 btn bg-danger text-white rounded-circle px-0 py-0 me-3" ><i class="bi bi-play-fill"></i></a>
<!-- Play button Shapes --> <a href="#video_url" class="btn-video rectangle btn bg-danger text-white rounded-2 px-0 py-0 me-3" ><i class="bi bi-play"></i></a> <a href="#video_url" class="btn-video square btn bg-primary text-white rounded-circle px-0 py-0 me-3" ><i class="bi bi-play"></i></a> <a href="#video_url" class="btn-video square btn btn-outline-primary rounded-2 px-0 py-0 me-3" ><i class="bi bi-play"></i></a>
<!-- Play button with label --> <a href="#video_url" class="btn-video shadow-1 btn bg-danger text-white rounded-circle px-0 py-0 me-3" ><i class="bi bi-play"></i></a> <span class="text-muted">Click me to watch video!</span>
<!-- On top of the image --> <div class="position-relative bg-size-cover bg-position-center bg-no-repeat py-7" style="background-image: url(assets/img/video-bg.png);"> <span class="position-absolute top-0 start-0 w-100 h-100 bg-dark opacity-50"></span> <div class="position-relative px-3 py-7 my-sm-5 text-center zindex-5"> <a href="#video_url" class="btn-video btn bg-white text-primary rounded-circle px-0 py-0 me-3" ><i class="bi bi-play"></i></a> <br> <span class=" d-block mt-2 text-light text-shadow">Click me to watch video!</span> </div> </div>
