File: /var/www/html/live-stream/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Live Stream | Your Brand</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap 5 CDN -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
body {
background: #f8f9fa;
}
.video-container {
max-width: 900px;
margin: auto;
}
</style>
</head>
<body>
<nav class="navbar navbar-dark bg-dark">
<div class="container">
<span class="navbar-brand mb-0 h1">Live Streaming</span>
</div>
</nav>
<section class="py-5 text-center">
<div class="container">
<h1 class="mb-3">Welcome to Our Live Stream</h1>
<p class="lead text-muted">Watch the live event below</p>
</div>
</section>
<section class="pb-5">
<div class="container video-container">
<div class="card shadow">
<div class="card-body p-0">
<video class="w-100" controls autoplay muted playsinline>
<source src="demo.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
</section>
<footer class="bg-dark text-white text-center py-3">
@2026 CCC | All Rights Reserved
</footer>
</body>
</html>