title: Slick Slider not functioning
body: <p>I am having issues with the slick slider displaying on my webpage. I have searched for a solution for this issue, but I haven't found any solutions to why this does not work. I have looked at threads such as: </p>
  
  <p><a href="https://stackoverflow.com/questions/33480870/responsive-slick-slider">Responsive slick Slider</a></p>
  
  <p><a href="https://stackoverflow.com/questions/26290692/i-cant-get-my-slick-slider-to-work-at-all">I can&#39;t get my Slick slider to work at all</a></p>
  
  <p>and others, but I cannot figure out for the life of me what I am doing wrong. This is my first post, so if I didn't supply sufficient information, or if I didn't do something correctly, apologies in advance. Any help would be appreciated. Thank you. </p>
  
  <pre><code> &lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
        &lt;title&gt;Root Cellar&lt;/title&gt;
  
        &lt;!-- google fonts --&gt;
        &lt;link href='https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400italic,700,700italic,800' rel='stylesheet' type='text/css'&gt;
  
        &lt;!-- jquery --&gt;
        &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"&gt;&lt;/script&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  
        &lt;!-- styles --&gt; 
        &lt;link rel="stylesheet" href="css/normalize.css"&gt;
        &lt;link rel="stylesheet" href="css/main.css"&gt;
        &lt;link rel="stylesheet" href="slick/slick.css"/&gt;
        &lt;link rel="stylesheet" href="slick/slick-theme.css"/&gt;
        &lt;link rel="stylesheet" href="css/responsive.css"&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;header&gt;
        &lt;a href="index.html" id="logo"&gt;
          &lt;h1&gt;Project&lt;/h1&gt;
          &lt;h2&gt;Subtitle.&lt;/h2&gt;
        &lt;/a&gt;
        &lt;nav&gt;
          &lt;ul&gt;
            &lt;li&gt;&lt;a href="index.html"&gt;Main&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="about.html"&gt;About&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="contact.html"&gt;Contact&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="testclientpage.html" class="selected"&gt;Test&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/nav&gt;
      &lt;/header&gt;
      &lt;div id="wrapper"&gt;
        &lt;section&gt;
          &lt;img src="img/placeholder.jpg" alt="Placeholder" class="profile-photo"&gt;
          &lt;h3&gt;About&lt;/h3&gt;
          &lt;p&gt;Hello, this is test text.&lt;/p&gt;
        &lt;/section&gt;
  
        &lt;!-- code for slider --&gt;             
        &lt;div class="container" id="slider"&gt;
          &lt;div class="slides"&gt;
            &lt;div class="slide"&gt;&lt;img src="img/web1.jpg"&gt;&lt;/div&gt;
            &lt;div class="slide"&gt;&lt;img src="img/web2.jpg"&gt;&lt;/div&gt;
            &lt;div class="slide"&gt;&lt;img src="img/web3.jpg"&gt;&lt;/div&gt;
          &lt;/div&gt;
  
          &lt;script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="slick/slick.min.js"&gt;&lt;/script&gt;
  
          &lt;script type="text/javascript"&gt;
            $(document).ready(function(){       
              $('.slider').slick({
                dots: true,
                infinite: true,
                speed: 700,
                autoplay: true,
                autoplaySpeed: 2000,
                arrows:false,
                slidesToShow: 1,
                slidesToScroll: 1
              });
            });
          &lt;/script&gt;
        &lt;/div&gt;                
        &lt;!-- end code for slider --&gt;      
  
        &lt;footer&gt;
          &lt;p&gt;&amp;copy; 2016 Taylor Reeves.&lt;/p&gt;
        &lt;/footer&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>