<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"
content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<link href=
rel="stylesheet">
<script src=
</script>
<script src=
</script>
</head>
<body class="m-3">
<div class="container text-center">
<h1 class="text-success">GeeksforGeeks</h1>
<h5>Bootstrap 5 Dropdowns Menu items</h5>
</div>
<div class="p-4 border bg-light text-center">
<div class="btn-group dropstart" role="group">
<button class="btn btn-danger dropdown-toggle" type="button"
data-bs-toggle="dropdown">
Select the University
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">
CSJM University</a>
</li>
<li><a class="dropdown-item" href="#">
MJPRU University</a></li>
<li><a class="dropdown-item" href="#">
Invertis University</a>
</li>
<li><a class="dropdown-item disabled" href="#"
tabindex="-1" aria-disabled="true">
Agra University</a>
</li>
<li><a class="dropdown-item" href="#">
Kanpur University</a>
</li>
<li><a class="dropdown-item" href="#">
Allahabad University</a>
</li>
</ul>
</div>
</div>
</body>
</html>