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