<!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
=
"#item-1"
>Java</
a
>
<
a
class
=
"list-group-item list-group-item-action"
href
=
"#item-2"
>C++</
a
>
<
a
class
=
"list-group-item list-group-item-action"
href
=
"#item-3"
>Python</
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
class
=
"container bg-warning mt-5 pt-5 h-50"
>
<
h4
class
=
"text-success"
>GeeksforGeeks</
h4
>
<
h2
id
=
"item-1"
>JAVA</
h2
>
<
br
>
<
p
>Java is a high-level, class-based, object-oriented </
p
>
<
p
>programming language that is designed to have as </
p
>
<
p
>few implementation dependencies as possible.</
p
>
</
div
>
<
div
class
=
"container bg-warning mt-5 pt-5 h-50"
>
<
h4
class
=
"text-success"
>GeeksforGeeks</
h4
>
<
h2
id
=
"item-2"
>C++</
h2
>
<
p
>C++ is a high-level general-purpose programming language</
p
>
<
p
>created by Danish computer scientist Bjarne Stroustrup </
p
>
<
p
>as an extension of the C programming language.</
p
>
</
div
>
<
div
class
=
"container bg-warning mt-5 pt-5 h-50"
>
<
h4
class
=
"text-success"
>GeeksforGeeks</
h4
>
<
h2
id
=
"item-3"
>PYTHON</
h2
>
<
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
>
</
div
>
</
div
>
</
body
>
</
html
>