Slim Twig View rendering - CSS and JS not working

1

I’m trying to render a page on my website. I am using Slim Framework with Twig. When I put the HTML file in a different directory (other than Slim), it works perfectly.

Screenshot (17)
Screenshot (17)1360×626 39.5 KB

But when I try to render it using Slim and Twig, I get this:
Screenshot (16)
Screenshot (16)1380×726 39.7 KB

Seems like the CSS and the JS is not working. Also, if it works elsewhere, there must be something wrong with Twig and Slim. Here’s the source code of the HTML:
HTML Source Code

2

Not sure, but baseUrl() seems suspicious to me.
I think the correct Twig-View function name is base_path()

3

Thank you, I will try this.

4

I have solved this using:

  1. Changing the file extension to .html
  2. Using base_path() to get the base URL as suggested by @odan