<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Event</title>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">

</head>
<body class="bg-light">

<div class="container mt-4">

<h2 class="text-center text-primary">Event</h2>

<div class="row">

<div class="col-md-6 text-center">
<img src="image.jpg" class="img-fluid mb-2"><br>
<video src="vido.mp4" class="img-fluid mb-2" controls></video>
<audio src="audio.mp3" class="w-100" controls></audio>
</div>

<div class="col-md-6">

<h3 class="text-center text-danger">Register</h3>

<form>

<label>Name:</label>
<input type="text" class="form-control mb-2">

<label>Email:</label>
<input type="email" class="form-control mb-2">

<label>Date:</label>
<input type="date" class="form-control mb-2">

<label>Gender:</label><br>
<input type="radio" name="g"> M
<input type="radio" name="g"> F<br><br>

<select class="form-control mb-2">
<option>Workshop</option>
<option>Hackathon</option>
</select>

<textarea class="form-control mb-2"></textarea>

<input type="file" class="form-control mb-2">

<button class="btn btn-success w-100">Register</button>

</form>
</div>
</div>
</div>
</body>
</html>
