Wouldn't it be possible to summarize the following HTML code in a modal script?
<!-- Modal -->
<section class="modal fade" id="adsModal" role="basic" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</section><section class="modal fade" id="addBlockModal" role="basic" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</section><section class="modal fade" id="businessModal" role="basic" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</section><section class="modal fade" id="checkinModal" role="basic" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</section><section class="modal fade" id="themeModal" role="basic" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</section><section class="modal fade" id="feedlistModal" role="basic" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</section><section class="modal fade" id="jobModal" role="basic" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</section><section class="modal fade" id="pollModal" role="basic" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</section><section class="modal fade" id="resumeModal" role="basic" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</section><section class="modal fade" id="StatisticModal" role="basic" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</section><section class="modal fade" id="stickerModal" role="basic" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</section><section class="modal fade" id="storeModal" role="basic" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</section><section class="modal fade" id="usernotesModal" role="basic" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</section><section class="modal fade" id="langModal" role="basic" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</section>
<section class="modal fade modal-fullscreen force-fullscreen" tabindex="-1" id="photoModal" role="basic" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content"></div>
</div>
</section>
This would greatly reduce the size of the page and the DOM size.
Thanks, Mikel.