Всё подключено и слайдер всё равно не работает.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>WORKYSPACE</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.8.0/slick.css"/>
<script src="js/jquery-1.8.0.min.js"></script>
</head>
<body>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.8.0/slick.min.js"></script>
<script>
$(document).ready(function(){
$('.projects-carousel').slick({
dots: true,
infinite: true,
speed: 300,
slidesToShow: 1,
centerMode: true,
variableWidth: true
});
});
</script>
<div class="projects">
<p class="projects_title">Наши проекты</p>
<p class="projects_text">С нашей помощью было запущено более 15 проектов</p>
<div class="projects-carousel">
<div><img src="img/projects_1.png" alt=""></div>
<div><img src="img/projects_2.png" alt=""></div>
<div><img src="img/projects_3.png" alt=""></div>
<div><img src="img/projects_4.png" alt=""></div>
</div>
<button class="projects_btn">Узнать подробнее</button>
</div>
</body>
</html>
Средний
Простой