sitebuilder | A simple static website generator / templating engine

I am not 100% sure if I understood what you wanted to implement. However, The cause of the problem here might be from the complexity of how everything is in one place which leaves large room for mistakes. Please try to

1. Place all your CSS should be placed in the head section if you won't use an external file.
2. Place your JavaScript properly in the head/before end of the body tag based on what it does. if you won't use an external file.
3. You don't need to duplicate CSS more than once if the group of elements will share the same style. just use the same class across those elements.
4. The modal should be pushed down to the bottom of the page to make it easier for your to modify your HTML file.
5. In cases like this one you should use loops and arrays to minimize the repition of actions (I do understand that you are completely new to it, this is why I am trying to tell you what you can look up.)

I modified your code and applied some changes now all you need to do if you will add a new modal is add a new line to the Array with both the modal's id and its container's id.

Your full page code be found at the bottom of my answer, the following is a snippet for you to preview the code. if this not what you needed can you please explain further maybe I can help?