Move HTML to another page

I am working on an app where we use so much of sheet modal. I am adding every sheet modal accessible from anywhere(global sheets) in index.html. my index is becoming too heavy. What is the best way to keep sheets separated from my index page. obviously I can’t navigate to another page for opening sheet.
I want to move all sheets to dedicated pages but that ain’t load in DOM. any guide please

Create sheet modal as a new HTML file. You can request the data with request. Fill data to content parameter when you create sheet instance

thanks for response. I am gonna try it after some days as our release is within a week. i’ll post if I solved with this and marks as Correct Answer