I do not understand why the slider is not initialized?

Question

css

I sketched a working version in the sandbox
. When I add it to the project, it does not work correctly.
Posted the site code, what it looks like now included slick.js

in index.pug imported slick.scss in main.scss initialized in main.js Help me understand what's wrong. It seems that I did everything and there are no errors in the console.

Answer 1

it should be like this

#te-slider.te-slider
    .te-slider__item.container-fluid
    .te-slider__item.container-fluid
    .te-slider__item.container-fluid
    .te-slider__item.container-fluid

Answer 2

I advise you to make a slider in Google Designer . Very comfortably. Then the slider can be displayed through the iframe tag . The program is free by the way.

Answer 3

did you include the js file of the slider itself?