Slick Slider не получается подключить
ДД! Помогите плиз. :1128: Никак не могу разобраться почему не работает слайдер???
Архивчик тут: https://yadi.sk/d/BIryob8ctt8Y9
Код html:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Свадебный салон</title>
<link href="css/style.css" rel="stylesheet"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Description" content="Свадебный салон">
<meta name="Keywords" content="рейтиг, релевантность">
<script src="https://use.fontawesome.com/564b692a43.js"></script>
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
</head>
<body>
<div class="main-container">
<h1>Свадебный салон Айвори</h1>
<div class="wrapper-topic">
<nav class="second">
<a class="logo" href="#"><img src="image/logo.png" alt="logo"></a>
<div></div>
<ul class="second-menu">
<li><a href="#">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
свадебные платья</a></li>
<li><a href="#">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
вечерние платья</a></li>
<li><a href="#">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
аксессуары</a></li>
<li><a href="#">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
обувь</a></li>
<li><a href="#">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
акции и скидки</a></li>
<li><a href="#">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
ткани</a></li>
</ul>
</nav>
<div class="right-wrapper">
<nav class="first">
<ul class="first-menu">
<li class="active"><a href="#">
главная
</a></li>
<li><a href="#">
о салоне
</a></li>
<li><a href="#">
каталог
</a></li>
<li><a href="#">
новости
</a></li>
<li><a href="#">
ателье
</a></li>
<li><a href="#">
контакты
</a></li>
<li><a href="#">
отзывы
</a></li>
</ul>
</nav>
<div class="main-photo">
<img src="image/svadebniy_salon.jpg" width="1049" height="400" alt="svadebniy_salon">
</div>
<div class="wrapper-btn">
<a href="#">
<div class="btn btn1">
<div class="btn-icon"></div>
<div class="btn-content"> запишитесь<br>
<span>на примерку</span>
</div>
</div>
</a>
<a href="#">
<div class="btn btn2">
<div class="btn-icon"></div>
<div class="btn-content"> пошив<br>
<span>на заказ</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="wrapper-gallary">
<aside>
<div class="line"></div>
<p class="tel">+375 29 806 31 12</p>
<p class="tel">+375 17 299 25 25</p>
<p class="franklin">ул. Притыцкого, д. 11</p>
<p class="franklin"><a href="#">карта проезда</a></p>
<label for="search">поиск по сайту</label>
<form method="get" action="search" target="blank">
<input class="search" type="search" id="search" size="162">
</form>
<i class="fa fa-search" aria-hidden="true"></i>
<div class="social-links">
<ul>
<li><a href="#">
<i class="fa fa-odnoklassniki" aria-hidden="true"></i>
</a></li>
<li><a href="#">
<i class="fa fa-vk" aria-hidden="true"></i></a></li>
<li><a href="#">
<i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#">
<i class="fa fa-google-plus" aria-hidden="true"></i>
</a> </li>
</ul>
</div>
</aside>
<article class="gallary">
<div class="h2 h3">
<h2>каталог</h2>
<h3>новинки 2016</h3>
</div>
<div class="slied">
<div><img src="image/anabel.jpg"></div>
<div><img src="image/anabel.jpg"></div>
<div><img src="image/anabel.jpg"></div>
</div>
</article>
</div>
<article class="wrapper-about-us">
<h2>наше ателье</h2>
<div class="icon"></div>
<div class="bg-about-us">
<div class="about-us">
<h3>ателье по ремонту и пошиву
свадебного платья</h3>
<p>В нашем ателье вы можете осуществить
любые, самые смелые фантазии.<br>
У нас вы сможете заказать свадебное,
вечернее или детское платье.</p>
<p>Примерки проводятся в комфортных
условиях салона с просторной и светлой
примерочной.</p>
</div>
</div>
</article>
<footer>
<section class="adress">
<h4>наш адрес:<br>
ул. притыцкого, д. 11</h4>
<a href="#">схема проезда</a></section>
<section class="tel">
<h4>
+375 29 806 31 12<br>
+375 17 299 25 25</h4>
<a href="#">доставка и оплата</a>
</section>
<section class="navigation"><h5>Свадебный салон</h5>
<ul class="menu">
<li>
<label class="search" for="search2" >
поиск по сайту
</label><br>
<form method="get" action="search" target="blank">
<input class="search" type="search" id="search2" size="162">
</form>
<i class="fa fa-search" aria-hidden="true"></i>
</li>
<li><a href="#">о салоне</a></li>
<li><a href="#">каталог</a></li>
<li><a href="#">новости</a></li>
<li><a href="#">ателье</a></li>
<li><a href="#">контакты</a></li>
<li><a href="#">отзывы</a></li>
</ul>
<div class="social-links">
<p>мы соцсетях</p>
<ul>
<li><a href="#">
<i class="fa fa-odnoklassniki" aria-hidden="true"></i>
</a></li>
<li><a href="#">
<i class="fa fa-vk" aria-hidden="true"></i></a></li>
<li><a href="#">
<i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#">
<i class="fa fa-google-plus" aria-hidden="true"></i>
</a> </li>
</ul>
</div>
</section>
</footer>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script type="text/javascript">
$('.slied').slick({
centerMode: true,
centerPadding: '60px',
slidesToShow: 3,
responsive: [
{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 3
}
},
{
breakpoint: 480,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 1
}
}
]
});
</script>
</body>
</html>