I am new to Web development and I am currently working on a test Website. The Web server is a virtual machine running Ubuntu Server 18.04 LTS and Apache2. What I am trying to accomplish is putting each Web page in a directory for cleaner URLs. For example, "http://www.example.com/about/" instead of "http://www.example.com/about.html".
The problem that I am currently facing is when I am on "http://www.example.com/about/" and I click another link in the Navbar, for example, Services, the Web Browers displays, "http://www.example.com/about/services", resulting in a 404 Error, instead of "http://www.example.com/services/".
How can I fix this?