title: Carousel images on html not loading
body: <p>I'm trying to get a carousel just like mentioned in the website of materialize</p>
  <p><a href="https://materializecss.com/carousel.html" rel="nofollow noreferrer">https://materializecss.com/carousel.html</a></p>
  <p>However, the website generated by the below is coming up empty. I tried to shuffle the links' positions (added removed jquery cdn) but not sure where i'm going wrong.</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;title&gt;Top AskReDDit &lt;/title&gt;
      &lt;meta charset=&quot;UTF-8&quot;/&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;/&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css&quot;&gt;
      &lt;link href=&quot;https://fonts.googleapis.com/icon?family=Material+Icons&quot; rel=&quot;stylesheet&quot;&gt;
  &lt;/head&gt;
     
    &lt;div class=&quot;carousel&quot;&gt;
      &lt;a class=&quot;carousel-item&quot; href=&quot;#one!&quot;&gt;&lt;img src=&quot;https://i.pinimg.com/736x/50/df/34/50df34b9e93f30269853b96b09c37e3b.jpg&quot;&gt; &lt;/a&gt;
      &lt;a class=&quot;carousel-item&quot; href=&quot;#two!&quot;&gt;&lt;img src=&quot;https://stayhipp.com/wp-content/uploads/2019/10/reddit.png&quot;&gt;&lt;/a&gt;
      &lt;a class=&quot;carousel-item&quot; href=&quot;#three!&quot;&gt;&lt;img src=&quot;https://images.discordapp.net/avatars/635458547127156767/29c03a44a8c4afdb088f0877c66831c8.png?size=512&quot;&gt;&lt;/a&gt;
      &lt;a class=&quot;carousel-item&quot; href=&quot;#four!&quot;&gt;&lt;img src=&quot;https://i.pinimg.com/736x/50/df/34/50df34b9e93f30269853b96b09c37e3b.jpg&quot;&gt;&lt;/a&gt;
    &lt;/div&gt;
  
      &lt;script type =&quot;text/javascript&quot;&gt;
          $(document).ready(function(){
              $('.carousel').carousel();
          });
  
      &lt;/script&gt;
  
  dbsjdbsdsb
  
  &lt;!-- Compiled and minified JavaScript --&gt;
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://code.jquery.com/jquery-3.5.1.js&quot;&gt;&lt;/script&gt;
  &lt;!--JavaScript at end of body for optimized loading--&gt;
  
  &lt;/body&gt; 
  &lt;/html&gt;
  </code></pre>