как сделать перелистывание контента на странице?

[RoninDeath]

Взял простенький psd макет для практики.

Возник вопрос.

Как сделать так, чтобы при клике на выделенные на скрине стрелочки, контент между ними перелистывался? 

На данном этапе сделал заголовок и навигационное меню, а также добавил фон.

Возможно ли как то решить данную задачу при помощи HTML и CSS?

[npofopr]

Нет. 

Добавляйте слайдеры на сайт. 
Например http://idangero.us/swiper/ или т.п. Их много. 

[Switch74]

когда-то делал слайдер на CSS и выкладывал здесь, но скорее всего его уже удалили.
проще всего конечно скачать уже готовый скрипт, но интереснее сделать самому
хотя вот, нашел https://jsfiddle.net/4uus7Lh0/1/

[Drevko]

Делать слайдер на css - это, на мой взгляд, сравнимо с подметанием Красной площади при помощи зубной щетки - долго и неэффективно. 
Просто загуглите: "адаптивный слайдер javascript" - там десятки вариантов для этого, выбирайте, какой больше нравится. 

Если вы хотите делать на css потому, что не знакомы с javascript - самое время уделить неделю другую и выучить JS, в будущем это 100 раз вам окупится.

[Sergio@]

Не согласен с Древко, для новичка, который осваивает ази верстки, 
лучше самому разобраться и сделать слайдер на CSS, 
в будущем будет намного проще.

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

 

Edited April 23, 2019 by Sergio@

[npofopr]

1 час назад, Sergio@ сказал:

лучше самому разобраться и сделать слайдер на CSS

На самом деле нет. Для опыта, возможно. Не знаю правда какого.
Интересно, но не практично.
Если вы будете подключать готовый слайдер, зачастую там своя разметка, свои классы, свои стили. И не факт, что вы наверстаете, можно будет с лёгкостью встроить в функционал. 

[Switch74]

Сталкивался с такой проблемой при подключении сторонних скриптов:
1. Стили скрипта влияли на уже существующие или наоборот
2. Конфликт с уже работающими скриптами
3. Желание заказчика в имеющийся сторонний скрипт добавить что-то или изменить
Часто данные скрипты имеют избыточный функционал и как следствие размер и при этом бывает именно того что нужно нет
Приходилось разбираться с этим скриптом, а иногда проще написать свое с тем функционалом который требуется

[Drevko]

13 часов назад, Sergio@ сказал:

лучше самому разобраться и сделать слайдер на CSS, 

 

Слайдер на css?  Это как минимум странно. Не вижу смысла писать без JS.

Как опыт - да может быть в каком-то плане. Но соглашусь с @npofopr :

11 часов назад, npofopr сказал:

Для опыта, возможно. Не знаю правда какого.
Интересно, но не практично.