HTML5+CSS page doubled! Mysterious!


I just did a 4 pages static HTML5+CSS website. The basic structure of the 4 pages is the same. Just the content is changed according to needs. There is a problem with a page. All the content is doubled as if there was 2 one on top of the other, so the page have an automatic scroll from the web browser which allow to se the content repeated.
You can see the code with browser inspection :
if you click on “The cameras” link, it will open the faulty page.
I just can’t understand how1?


If it is just a static site with HTML files I don’t see how that would happen unless you actually have the HTML repeated in the cameras.html file. Are you sure you didn’t just copy and paste it in twice by accident?

How did you build it, by hand?

Edit: you seem to be missing the html element in the HTML.

Here is a valid boilerplate start.

<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

You might want to valid the HTML as well.

Funnily enough you are right. I copy pasted it two times including the doctype! I guess that the HTML engines are to much forgiving!