0
jQuery slickの導入ができません。
どうしてもトップページにスライドショーが設置できません。気が狂いそうです。
どこがだめなんでしょうか？
よろしくおねがいします。
*slickのurl
http://kenwheeler.github.io/slick/
以下 html
<!DOCTYPE <!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>AAA</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="slick-1.5.7/slick/slick.min.js"></script>
<link rel="stylesheet" type="text/css" href="slick-1.5.7/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick-1.5.7/slick/slick-theme.css"/>
</head>
<body>
<header>
<h1>BBBBBBBBBBBBBBB</h1>
<nav>
<li><a href="home01.html">home</a></li>
<li><a href="works01.html">works</a></li>
<li><a href="concept01.html">concept</a></li>
<li><a href="profile01.html">profile</a></li>
<li><a href="http----------/">blog</a></li>
<li><a href="contact01.html">contact</a></li>
</nav>
</header>
<ul class=".single-item">
<li><img src="photo001.jpg" alt="CCCCC"></li>
<li><img src="photo002.jpg" alt="DDDDD"></li>
</ul>
<script>
$(document).ready(function(){
$('.single-item').slick();
});
</script>
</script>
<article>
<h1>NewWebSite</h1>
<p>TEST文章1</p>
<p>TEST文章2</p>
</article>
<footer>
<small>Copyright（C) EEEEEEEEEEEEEE.All Rights Reserved.</small>
</footer>
</body>
</html>