@Arda4ek
Начинающий веб-разработчик

Почему не работает slick-slider?

Вроде все прописал правильно, что здесь не так?
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="/favicon.ico">
    <title>Автомотизированная штукатурка стен</title>
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

  </head>

  <body>
  	<main class="main">
  		<div class="container">
  			<div class="header">
  				<div class="row">
  					<div class="col-lg-3 col-md-4 col-sm-12">
  						<div class="logo">
  							<img src="img/logo.png" alt="ГИПСОЛИТ.Штукатурка стен">
  						</div>
  					</div>
  					<div class="col-xl-2 offset-xl-4 col-lg-4 offset-lg-1 col-md-4 offset-md-0 col-sm-12">
  							<a class="phone-link" href="#">+7 495 771 05 08</a>	
  					</div>
  					<div class="col-lg-3 col-md-4 col-sm-12">
  						<div class="wrap">
  							<div class="wrap-block">
  								<button class=" button header-btn">
  							        Получить консультацию
  						        </button>
  							</div>
  						</div>
  					</div>
  				</div>
  			</div>
  			<div class="main-content">
  				<div class="row">
  					<div class="col-xl-6 col-md-12 col-sm-12">
  						<div class="main-title">
  							<h1>Автоматизированная <br>штукатурка стен</h1>
  							<p class="main-subtitle">Идеально ровные стены <br>в кратчайшие сроки</p>
  							<span>
  								стоимость работ <br>
  								от <strong>300</strong> руб/м<sup>2</sup>
  							</span>
  							<strong class="main-trigger">
  							Оплата по факту</strong>
  						</div>
  					</div>
  					<div class="col-xl-4 offset-xl-2 col-lg-5 offset-lg-7 col-md-8 offset-md-2">
  						<div class="main-form">
  							<h2 class="main-form-header">Для расчёта точной стоимости <br>закажите <strong>выезд замерщика</strong></h2>
  							<form action="#">
  								<label for="#">Ваше имя</label>
  								<input class="main-form-input" type="text">
  								<label for="#">Ваш номер телефона</label>
  								<input class="main-form-input" type="text">
  								<button class="main-form-btn button" type="submit">
  									Оставьте свою заявку
  								</button>
  								<small>Подарок в день обращения</small>
  							</form>
  						</div>
  					</div>
  				</div>
  			</div>
  		</div>
  	</main>
  	<section class="features">
  		<div class="container">
  			<h2 class="section-header">
  				Преимущество работы с нами
  			</h2>
  			<div class="features-slider">
  				<div class="features-block">
  					<div class="features-img">
  						<picture>
  							<source srcset="img/features/clock.svg" type="image/">
  							<img src="img/features/clock.png" alt="Платите по факту">
  						</picture>
  					</div>
  						<h3>Платите по факту</h3>
  						<p>Вы оплачиваете выполненные <br>работы только после их выполнения.<br> Никаких скрытых доплат и<br> промежуточных платежей.</p>
  				</div>
  				<div class="features-block">
  					<div class="features-img">
  						<picture>
  							<source srcset="img/features/folder.svg" type="image/">
  							<img src="img/features/folder.png" alt="Заключаем договор">
  						</picture>
  					</div>
  						<h3>Заключаем договор</h3>
  						<p>Перед началом работ заключаем договор на юридическое лицо. Вы можете быть уверены, что все обязательства будут выполнены.</p>
  				</div>
  				<div class="features-block">
  					<div class="features-img">
  						<picture>
  							<source srcset="img/features/clock.svg" type="image/">
  							<img src="img/features/clock.png" alt="Точно в срок">
  						</picture>
  					</div>
  						<h3>Точно в срок</h3>
  						<p>Работаем строго по установленным срокам, которые прописаны в договоре. Если не успеваем, Вы платите меньше</p>
  				</div>
  				<div class="features-block">
  					<div class="features-img">
  						<picture>
  							<source srcset="img/features/piggy-bank.svg" type="image/">
  							<img src="img/features/piggy-bank.png" alt="Экономите на материалах">
  						</picture>
  					</div>
  						<h3>Экономите на материалах</h3>
  						<p>Мы являемся структурным подразделением компании поставщика строительных смесей gicema.ru и даём Вам самые выгодные цены.</p>
  				</div>
  			</div>
  		</div>
  	</section>

   
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <link rel="stylesheet" href="slick/slick.css">
    <link rel="stylesheet" href="slick/slick-theme.css">
    <script src="slick/slick.min.js"></script>

  </body>
</html>
  • Вопрос задан
  • 57 просмотров
Пригласить эксперта
Ответы на вопрос 1
artzolin
@artzolin
php, WordPress разработка сайтов artzolin.ru
Инициализировать по классу нужно. Пример из доки:

$(document).ready(function(){
  $('.your-class').slick({
    setting-name: setting-value
  });
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы