<!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
>