Как сделать слайдер(свитчер) в html?

Слайдер чего? Да и без JS и CSS там не обойтись

А как этот слайдер выглядит?

Можно внутри прямоугольного дива 2x на x сделать квадратный див x на x с левым полем 0. Задать дивам border-radius: 50%, чтобы они были круглыми. Когда на прямоугольный див нажимают, квадратному диву прописывается дополнительный класс, в котором указано левое поле, равное x. Если при этом у него прописан transition для левого поля (margin-left), то его перемещение будет плавным.

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

WOW Slider – оффлайновое приложение для создания стильных проигрывателей слайдов (слайдеров) для размещения и просмотра в Интернете. Программа предлагает очень много предустановленных шаблонов оформления слайдера и анимированных переходов между слайдами. В качестве слайдов могут выступать изображения и видео. Каждый шаблон имеет умеренное количество настроек, так что даже неопытный пользователь в них не заблудится. Языком интерфейса можно выбрать русский.