Ilya Olovyannikov

https://is.gd/dAvYoZ

https://learn.javascript.ru/onscroll

Вот тут ^ достаточно подробно! :)

Задаем максимальную ширину блоку, у него свойство - overflow: hidden; position: absolute;
Кнопки влево-вправо - id #leftButton и #rightButton
Ловим событие onclick и передаем transformX: any%;

if (document.querySelector('#select').value == '0') {
document.querySelector('.input-text').classList.add('show');
}

Соответственно - где #select - это селект(дропдаун), в котором выбираются значения.
.value - значение, проверяемое на нестрогое равенство, где 0 - может стоять любое значение по-умолчанию.
.input-text - это элемент, который по-умолчанию в html скрыт (display:none, например). К нему добавляем класс show, который будет показывать блок с текстом.

const calculateMandelbrotSet = gpu.createKernel(function(start) {
Neuvol = new Neuroevolution({
population:5,
network:[2, [2], 1],
});
game = new Game();
game.start();
game.update();
game.display();

})

Привет!
С точки зрения атомарности - хорошо. Но это Бутстрап - в этом суть.
С точки зрения семантики - оратор выше сказал правильно - "див на диве". Ни о чем не говорящие блоки. Где section, nav, header/footer?
Будет здорово, если Ты сможешь сверстать такой же сайт, но использовать семантические конструкции.

Нейминг - атомарность это хорошо...до поры до времени. С таким подходом верстать тебе лэндосы на потоке бесконечно. Большие продакшены живут на методологиях - SMACSS, ECSS и, конечно же - БЭМ.

Итого - переверстай с использованием семантики, БЭМ-наименований классов (желательно, если сборщик будет собирать js и css из отдельных файлов, например scss), а еще круче, если без бутстрапа - покажи, что ты владеешь технологиями и понимаешь, как они работают, а не только фреймворки используешь.

Развития и успехов!
ТГ - @olovyannikov_barista

Если сам слайдер работает, то просто вставь файл с библиотекой слайдера в свою рабочую папку JS, а при создании билда сделай команду 'copy' на этот js файл, соответственно в верстке подключай уже готовый файл, например 'js/slick.js'

Дополнительной оберткой для блока >
div.wrapper>div.content
.wrapper, .content {border-bottom}