Add a Carousel to a page - not showing in browser correctly.

        <div class="slide orange">
          <div class="grid-half">
            <h2>ChitChat</h2>
            <p>The worldest easiest to use cross device chat app</p>
            <a href="#" class="button">Check it Out</a>
          </div>
          <div class="grid-half">
            <img src="img/slide-chitChat.png" alt="" />
          </div>
        </div><!--/Slide 2-->

        <div class="slide green">
          <div class="grid-half">
            <h2>MixTape</h2>
            <p>An app to search, create and share mixtapes</p>
            <a href="#" class="button">Check it Out</a>
          </div>
          <div class="grid-half">
            <img src="img/slide-mixTape.png" alt="" />
          </div>
        </div><!--/Slide 3-->

        <div class="slide yellow">
          <div class="grid-half">
            <h2>KITT</h2>
            <p>Turn your car into KITT from Knight Rider</p>
            <a href="#" class="button">Check it Out</a>
          </div>
          <div class="grid-half">
            <img src="img/slide-Kitt.png" alt="" />
          </div>
        </div><!--/Slide 4-->
                  </div>
      <div class="main row">
        <div class="grid-third">
          <img src="img/sticker-team.png" alt="" />
          <p>United we stand divided we fail.  Meet the all star team behind the agency.</p>
          <a href="team.html" class="button">Meet the Team</a>
        </div><!--/team-->
        <div class="grid-third">
          <img src="img/sticker-work.png" alt="" />
          <p>Check our latest app builds or download them in the App Store.</p>
          <a href="work.html" class="button">Latest Projects</a>
        </div><!--/work-->
        <div class="grid-third">
          <img src="img/sticker-contact.png" alt="" />
          <p>Have questions or requests?  Feel free to contact us, we’d love hear from you.</p>
          <a href="#" class="button">Contact Us</a>
        </div><!--/contact-->
      </div>
    </div><!--/main-->
    <footer>
      <div class="row">
        <div class="grid-full">
          <p>Connect with us</p>
          <ul class="social">
            <li>
              <a href="#" class="pink"></a>
              <a href="#" class="light-blue"></a>
              <a href="#" class="dark-blue"></a>
            </li>
          </ul>
        </div>
      </div>
    </footer><!--/footer-->
    </div>
    <script src="js/jquery-1.11.2.min.js"></script>
  <script src="js/animsition/jquery.animsition.min.js"></script>
  <script src="js/sticky/jquery.sticky.js"></script>
  <script src="js/slick/slick.min.js"></script>
  <script src="js/main.js"></script>
  <script>
    $(function () {
      ('.slides').slick();
    });
  </script>
</body>