<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content=
"width=device-width, initial-scale=1">
<link href=
rel="stylesheet">
<script src=
</script>
<style>
body {
position: relative;
}
.list-group {
position: sticky;
top: 10px;
}
</style>
</head>
<body class="m-3">
<div class="row">
<div class="col-sm-3">
<div class="list-group">
<h4 class="text-success">GeeksforGeeks</h4>
<a class="list-group-item list-group-item-action "
href="#java">
Java
</a>
<a class="list-group-item list-group-item-action"
href="#python">
Python
</a>
<a class="list-group-item list-group-item-action"
href="#c++">
C++
</a>
</div>
</div>
<div class="col-sm-9">
<div data-bs-spy="scroll"
data-bs-target="#list-example"
data-bs-offset="50" tabindex="0">
<div id="java"
class="container bg-warning mt-5 pt-5 h-50">
<h1 class="text-success">
GeeksforGeeks
</h1>
<p> Java is a high-level, class-based,
object-oriented programming </p>
<p> language that is designed to have
as few implementation </p>
<p> dependencies as possible.</p>
</div>
<div id="python"
class="container bg-info mt-5 pt-5 h-50">
<h1 class="text-success">GeeksforGeeks</h1>
<p> Python is a high-level, general-purpose
programming language. </p>
<p> Its design philosophy emphasizes code
readability with the use </p>
<p> of significant indentation.</p>
</div>
<div id="c++"
class="container bg-danger mt-5 pt-5 h-50">
<h1 class="text-success">GeeksforGeeks</h1>
<p>C++ is a cross-platform language that
can be used to create </p>
<p>high-performance applications.
C++ was developed by Bjarne </p>
<p>Stroustrup, as an extension to the C </p>
</div>
</div>
</div>
</div>
</body>
</html>