Hope you're doing great :)

I'm trying to use SSI to render dynamical HTML components, instead of using a bunch of load() from jquery, but somehow it's not working. Maybe some configuration is required, but I couldn't find answers from online content.

Here's the jquery file:

$(".navbar_section").load("../components/navbar.html");
  $(".title_section").load("../components/title.html");
  $(".welcome_section").load("../components/welcome.html");
  $(".trust_section").load("../components/trust.html");
  $(".menu_section").load("../components/menu.html");
  $(".parallax_section").load("../components/parallax.html");
  $(".location_section").load("../components/location.html");

And here's the line in index.html:

          <!--  NAVBAR -->
             <div class="navbar_section"></div>
    
          <!--  TITLE -->
           <!--#include file="/components/title.html" -->

I've tried adding .shtml to the file, changing the file path, but nothing worked. Here's the project folder: