title: wow.js and animate.css doesn't work on wordpress theme
body: <p>I added wow.min.js and initializing the WOW on the end of the body and animate.css on the header. But after adding the classes to elements, animation doesn't appear.</p>
  <p>I tried adding the CSS and js file via function.php but that didn't work too.</p>
  <p>body:</p>
  <pre><code>
  &lt;?php wp_footer();?&gt;
  &lt;script src=&quot;&lt;?php echo get_template_directory_uri() . '/js/wow.min.js' ?&gt;&quot;&gt;&lt;/script&gt;
          &lt;script&gt;
       wow = new WOW();
          wow.init();
          &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  <p>header:</p>
  <pre><code>&lt;head&gt;
      &lt;meta charset=&quot;&lt;?php bloginfo('charset');?&gt;&quot;&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
      &lt;link rel=&quot;profile&quot; href=&quot;https://gmpg.org/xfn/11&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;&lt;?php echo get_template_directory_uri() . '/assets/styles/header.css' ?&gt;&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;&lt;?php echo get_template_directory_uri() . '/assets/styles/animate.min.css' ?&gt;&quot;&gt;
      &lt;link href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot; integrity=&quot;sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We&quot; crossorigin=&quot;anonymous&quot;&gt;
  
      &lt;?php wp_head();?&gt;
  &lt;/head&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/X4tbc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/X4tbc.png" alt="enter image description here" /></a></p>