Hello! I'm trying to put all these codes into one file.
A Pen by Morda77[
^]
In my file for some reason JS works incorrectly. Or not JS.
This should look like this:
[
^]
But it looks like this:
https://snag.gy/0t1mBj.jpg[
^]
What am I doing wrong?
Thank you.
What I have tried:
Here is my code:
<pre><head>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/slick.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&subset=cyrillic" rel="stylesheet">
<!-- Bootstrap Core CSS -->
<link href="/css/bootstrap-grid.css" rel="stylesheet">
<style>
.reviews {
padding: 3.125rem 0 6.125rem;
}
.text-center {
text-align:center;
}
.container {
width: 95%;
max-width: 1200px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.one-slide .container {
max-width: 800px;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$('.slider-reviews_text').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
nextArrow: '<span class="icon-arrow_right"></span>',
prevArrow: '<span class="icon-arrow_left"></span>',
fade: true,
asNavFor: '.slider-reviews_avatar',
responsive: [
{
breakpoint: 620,
settings: {
arrows: false
}
}
]
});
$('.slider-reviews_avatar').slick({
slidesToShow: 4,
slidesToScroll: 1,
asNavFor: '.slider-reviews_text',
centerMode: true,
touchThreshold: 200,
cssEase:"ease-out",
infinite: true,
centerPadding: '0',
focusOnSelect: true
});
});
</script>
</head>
<div id="reviews" class="reviews">
<div class="slider-reviews text-center">
<div class="container">
<div class="slider-reviews_avatar">
<div class="one-avatar">
</div>
<div class="one-avatar">
<div class="one-avatar_img">
<img alt="Узел Александр" src="../images/person/Uzel_Aleksandr.jpg">
</div>
<div class="one-avatar_name">
Узел <br>Александр
</div>
</div>
<div class="one-avatar">
<div class="one-avatar_img">
<img alt="Моргунова Наталья" src="../images/person/Morgunova_Natalya.jpg">
</div>
<div class="one-avatar_name">
Моргунова <br>Наталья
</div>
</div>
<div class="one-avatar">
<div class="one-avatar_img">
<img alt="Михайличенко Геннадий" src="../images/person/Mikhaylichenko_Gennadiy.jpg">
</div>
<div class="one-avatar_name">
Михайличенко <br>Геннадий
</div>
</div>
<div class="one-avatar">
<div class="one-avatar_img">
<img alt="Арефьев Сергей" src="../images/person/Arefyev_Sergey.jpg">
</div>
<div class="one-avatar_name">
Арефьев <br>Сергей
</div>
</div>
</div>
<div class="slider-reviews_text">
<div class="one-slide text-center">
<div class="one-slide_reviews">
<div class="container">
Заказывала в этой фирме эвакуатор с лебедкой, нужно было перевезти машину с
трассы в сервис после аварии. Приехал Роман очень быстро, прошло не больше получаса.
Заплатила ровно столько, сколько говорили по телефону.
</div>
</div>
</div>
<div class="one-slide text-center">
<div class="one-slide_reviews">
<div class="container">
Сделали все гораздо больше, гораздо лучше и гораздо быстрее, чем я ожидал. Наверное, это мой лучший опыт сотрудничества со службой эвакуации автомобилей.
</div>
</div>
</div>
<div class="one-slide text-center">
<div class="one-slide_reviews">
<div class="container">
Машина сломалась за городом. В поисковике нашла вашу компанию. Позвонила, рассказала характер бедствия, помощь прибыла через 30 минут, машину погрузили аккуратно и быстро доставили эвакуатором в автосервис.
</div>
</div>
</div>
<div class="one-slide text-center">
<div class="one-slide_reviews">
<div class="container">
Попал в аварию, машина на стоянке была. Вот понадобилось ее отвезти, позвонил ребятам и договорился на определенный день и час. Молодцы были во время и не подвели. Спасибо Роману, что все точно и быстро сделал.
</div>
</div>
</div>
<div class="one-slide text-center">
<div class="one-slide_reviews">
<div class="container">
При въезде в Уссурийск накрылся бензонасос, и нужно было срочно вызывать эвакуатор. Обзвонил несколько компаний, сравнил тарифы и время ожидания. Вызвал вас в итоге и всего за 2000 рублей мне быстро доставили машину в сервис. Не ожидал. Приятно.
</div>
</div>
</div>
</div>
</div>
</div>
</div>