Header and footers are being duplicated.

Every new HTML file needs to carry a copy of the header and footer. As the website expands, changes at one place in the header will not be reflected in other places. This is pretty annoying. 
Perhaps, we could use a templating system to store them as partials.
Any suggestions?