Как сделать примерно такой же блок?

Санжар Базарбек, в каком смысле "как"? Открыть документацию, посмотреть демки https://swiperjs.com/get-started/ и сделать.
Потом задавать конкретные вопросы.

Как убрать сдвиг влево при добавлении картинки?

Кирилл Орлов, всегда можно выложить сайт на бесплатный хостинг или github pages.
Но для начала проверить масштаб в браузере.

Создаю сайт-копию, как сделать, чтобы поисковики его нормально восприняли?

До первой жалобы конкурентов.

Как убрать сдвиг влево при добавлении картинки?

Вот сюда https://jsfiddle.net выложите код так, чтобы была видна проблема.
По возможности вместе с картинкой.
Возможно, просто включается вертикальный скролл. И соответственно, все смещается. Правда, странно, что на 5px.

Как сделать примерно такой же блок?

Санжар Базарбек, сейчас разумнее брать swiper, а не slick

Почему переносится текст на следующую строку?

Потому что по умолчанию дивы блочные, а блочные элементы начинаются с новой строки.

Можно сделать div'ы инлайн-блочными.
Можно заменить их на span.
Или еще какой-нибудь вариант.

И хорошо бы разобраться с кашей в коде из кусков тегов, атрибутов, стилей...

Как можно сверстать так слайды в swiper?

Kipsi, типа того, только зачем такая огромная высота? Правда, я не вижу макета, а только вашу схему.

Но там при большом количестве текста все уходит вниз из области видимости тогда.

По-хорошему, об этом должен был думать дизайнер.
С другой стороны, даже если бы слайды были выровнены, то проблемы переполнения тоже никуда бы не исчезли.
Значит, либо делать прокрутку либо кнопку read more. Либо думать о тексте слайдов ДО того, как его туда писать.

Как можно сверстать так слайды в swiper?

Kipsi, да
Абсолютами или отступами, как вам удобнее

Как можно сверстать так слайды в swiper?

Kipsi, я имела в виду только одинаковую высоту.
С разной шириной swiper прекрасно справляется

Как можно сверстать так слайды в swiper?

Очевидно, сделать слайды одного размера и внутри каждого располагать контент как душе угодно.

Как правильно исправить ошибки валидатора?

Вадим Свердлик, по сравнению с тем как сейчас - нет.
Вы можете открыть справочник или спецификацию и узнать назначение атрибутов.

Абсолютное позиционирование. Чем плохо?

Rerurk,

то кто де мешает дочерним классам динамически строиться исходя из размеров глобального обьекта?

Ага, можно рассыпать рис по полкам холодильника. Можно еще перемешать с пшеном для повышения интереса.
А можно хранить его в удобной баночке.

Как правильно исправить ошибки валидатора?

Вадим Свердлик, да, эти атрибуты можно убрать или указать нужное значение.

Абсолютное позиционирование. Чем плохо?

Таким образом можем разместить все элементы пропорционально окну, равно как их размеры в том числе и размер шрифта.

Что нам может помешать сделать это без абсолюта?

И абсолют это не плохо. Как и остальные свойства его нужно использовать разумно.

Absolute убирает элемент из потока и значит, браузеру сначала нужно нарисовать всё остальное, а только потом считать где будет абсолют. Другие элементы ничего не знают о размерах абсолюта. Соответственно, они не подвинутся и не растянутся, если контента в абсолютном блоке будет больше (клиент добавил текст или пользователь размер шрифта увеличил и т.д.) или меньше, чем нарисовал дизайнер.

Как перенести текст с одного input(placeholder) в другой?

Дмитрий Гедзюк,
https://learn.javascript.ru/dom-attributes-and-pro...
elem.getAttribute(name)
elem.setAttribute(name, value)

мне нужно именно менять placeholder

я бы не стала...

Как перенести текст с одного input(placeholder) в другой?

Точно именно плейсхолдер?
Может, всё таки значения?

Как правильно исправить ошибки валидатора?

Вы за 8 часов не догадались посмотреть свой вопрос и исправить ошибки в его отображении?
Для кода есть специальный тег code (кнопочка), который сделает ваш код видимым.

Данные параметры можно просто убрать? или просто змаенить хотябы на то,что подойдет?

Да. )))

Не работают псевдоклассы в css?

Показанный кусок кода правильный и должен компилироваться (при наличии всех переменных).
Можете проверить в онлайн компиляторе lesscss.org/less-preview

Значит, ошибка в другом месте.

Как сделать, чтобы при загрузке страниц на сайте меню всегда оставалось сверху фиксировано, а новые страницы грузились ниже него?

ilya granovskyy, велкам, развивайтесь :)

Как заставить слайдер листать по кругу?

Вы пишете

<label for="switch1"></label>
<label for="switch2"></label>
<label for="switch3"></label>
<label for="switch4"></label>
<label for="switch5"></label>

Но никаких инпутов с id switch4 и switch5 у вас нету.
Нужно поставить правильные for от нужный слайдов.

А вообще, прекратите это безобразие и возьмите swiper.js