Localhost

Включите swipe: true

$('').slick({
  swipe: true
});

куки или get запросы сохранять

onChange: function (data) {    
console.log(data.from);
console.log(data.to);
}

данные их консоли можно вставлять не только как у вас в input

onStart: updateInputs,
        onChange: updateInputs

а еще и в куки например или URL ?min=30&max=1000
Как можно сделать? подсказка тут

начать использовать фриланс или пойти в школу верстки - первый сайт из поиска https://school.wia-media.com/

За вас точно вертать не будут.

<ul>
<li><a>Доставка</a></li>
<li><a>Оплата</a></li>
</ul>

и т.д.

поможет этот плагин fullPage

$(document).ready(function(){
  $("#fullpage").fullpage({
    menu: '#menu'
    //anchors:['Якорь 1', 'Якорь 2', 'Якорь 3']
  });
});

div сделать css float:right

('open-hidden-text-open', 3000)
или почитай про стандартные анимации
.show() .hide()

например
#about{
max-width:200px;
}

#about img{
width:100%;
}

bxSlider

z-index:-1

www.starplugins.com/cloudzoom

часто встречал реализацию такого слайдера и анимации в Riveslider.
А сам бы сделал на Owl Carousel, стрелкам бы задал позиции и анимацию прописал бы по клику.

position: fixed; - фиксирует текст и при прокрутки текст будет зафиксирован.

position: relative; задайте.
и для текста display: block;

Например так

<div class="filter">
<a>Текст</a>
<a>Текст 2</a>
</div>

<style>
.filter{
position: relative;
}
.filter a{
 display: block;
}
</style>

autoplay:true,
autoplayTimeout:3000,
autoplayHoverPause:true,

animateOut: 'slideOutDown',
    animateIn: 'flipInX',