<!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
>
<
div
class
=
"container text-center"
>
<
h1
class
=
"text-success"
>GeeksforGeeks</
h1
>
<
h5
>Bootstrap 5 List group Fade effect</
h5
>
<
div
class
=
"mt-5"
>
<
div
role
=
"tabpanel"
>
<
div
class
=
"row"
>
<
div
class
=
"col-12"
>
<
div
class
=
"list-group list-group-horizontal"
id
=
"myList"
role
=
"tablist"
>
<
a
class="list-group-item list-group-item-action
active"
data-bs-toggle
=
"list"
href
=
"#About"
role
=
"tab"
>
About
</
a
>
<
a
class="list-group-item list-group-item-action
list-group-item-warning"
data-bs-toggle
=
"list"
href
=
"#Help"
role
=
"tab"
>
Help
</
a
>
<
a
class="list-group-item list-group-item-action
list-group-item-info"
data-bs-toggle
=
"list"
href
=
"#privacy"
role
=
"tab"
>
privacy
</
a
>
<
a
class="list-group-item list-group-item-action
list-group-item-dark"
data-bs-toggle
=
"list"
href
=
"#Activity"
role
=
"tab"
>
Activity
</
a
>
</
div
>
</
div
>
<
div
class
=
"col-12"
>
<
div
class
=
"tab-content"
>
<
div
class
=
"tab-pane fade active show"
id
=
"About"
role
=
"tabpanel"
>
Geeks for geeks provide a variety of services
for you to learn, thrive and also have
fun! Free Tutorials, Millions of Articles,
Live, Online and Classroom Courses ,Frequent Coding
Competitions ,Webinars by Industry Experts,
Internship opportunities and Job
Opportunities. Knowledge is power.
</
div
>
<
div
class
=
"tab-pane fade"
id
=
"Help"
role
=
"tabpanel"
>
Geeks for geeks provide a help for you to learn,
thrive and also have fun,Free
Tutorials, Millions of Articles, Live,
Online and Classroom Courses ,Frequent Coding
Competitions ,Webinars by Industry Experts,
Internship opportunities and Job
Opportunities. Knowledge is power.
</
div
>
<
div
class
=
"tab-pane fade"
id
=
"privacy"
role
=
"tabpanel"
>
Geeks for geeks manage your privacy and provide
a variety of services for you to learn,
thrive and also have fun! Free
Tutorials, Millions of Articles, Live,
Online and Classroom Courses ,Frequent Coding
Competitions ,Webinars by Industry Experts,
Internship opportunities and Job
Opportunities. Knowledge is power.
</
div
>
<
div
class
=
"tab-pane fade"
id
=
"Activity"
role
=
"tabpanel"
>
Geeks for geeks profile is available on the
social media and it also provide a variety
of services for you to learn, thrive and also have fun!
Free Tutorials, Millions of Articles, Live,
Online and Classroom Courses ,Frequent Coding
Competitions ,Webinars by Industry Experts,
Internship opportunities and Job
Opportunities. Knowledge is power.
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>