for some reason the localised bootstrap was always called in the middle of the document. i never did that. must be the theme im using.

index.html

@@ -47,8 +47,6 @@
                 <p>I am a teenager that is interested in technology, and computer science (more so the software development part)!</p>
             </div>
         </div>
-        <!-- Bootstrap core JS-->
-        <script src="js/bootstrap.bundle.min.js"></script>
         <!-- Global site tag (gtag.js) - Google Analytics -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-HTWD2BNXJ6"></script>
 <script>

portfolio/index.html

@@ -53,8 +53,6 @@
                 </details>
             </div>
         </div>
-        <!-- Bootstrap core JS-->
-        <script src="js/bootstrap.bundle.min.js"></script>
         <!-- Core theme JS-->
         <script src="js/scripts.js"></script>
         <!-- Global site tag (gtag.js) - Google Analytics -->