<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Foundation CSS Smooth Scroll</
title
>
<
link
rel
=
"stylesheet"
href
=
crossorigin
=
"anonymous"
/>
<
script
src
=
</
script
>
<
script
src
=
crossorigin
=
"anonymous"
>
</
script
>
<
style
>
ul {
text-align: center;
justify-content: center;
}
a {
margin: 10px 80px;
}
a:hover {
color: rgb(222, 92, 11);
font-weight: bold;
}
</
style
>
</
head
>
<
body
>
<
center
>
<
h1
style
=
"color:green;"
>
GeeksforGeeks
</
h1
>
<
h3
>Foundation CSS Smooth Scroll Setup</
h3
>
<
ul
class
=
"menu"
data-smooth-scroll>
<
li
><
a
href
=
"#first"
>C++</
a
></
li
>
<
li
><
a
href
=
"#second"
>JAVA</
a
></
li
>
<
li
><
a
href
=
"#third"
>PYTHON</
a
></
li
>
</
ul
>
</
center
>
<
div
class
=
"container"
style
=
"margin:40px 190px;"
>
<
div
id
=
"first"
>
<
h3
>C++ Language</
h3
>
C++ is a general-purpose programming
language and is widely used nowadays
for competitive programming. It has
imperative, object-oriented and generic
programming features. C++ runs on lots
of platforms like Windows, Linux, Unix,
Mac etc.
</
div
>
<
div
id
=
"second"
>
<
h3
>JAVA Language</
h3
>
Java syntax is similar to C/C++. But
Java does not provide low-level programming
functionalities like pointers. Also, Java
codes are always written in the form of
classes and objects.
</
div
>
<
div
id
=
"third"
>
<
h3
>PYTHON Language</
h3
>
Java syntax is similar to C/C++. But Java
does not provide low-level programming
functionalities like pointers. Also,
Java codes are always written in the
form of classes and objects.
</
div
>
</
div
>
</
body
>
</
html
>