Как вы можете видеть, на данном изображении есть изображение человека и текст отзыва этого человека о продукте или услугах, внизу изображения есть значок цитаты, а также имя человека и должность. Технически на правой и левой сторонах есть две кнопки и три точки, что указывает на возможность перемещения. На самом деле, когда мы нажимаем на навигационную кнопку, которая перемещается вправо или влево, и появляется цитата другого человека. Мы можем перемещать этот контент, захватывая и перемещая мышь вправо или влево.

Вы можете посмотреть видео демонстрацию, попробовать сверстать самому по видео или скачать архив с готовым кодом. Если это видео оказалось для вас полезным, оставьте комментарий со своими мыслями или вопросами. Ваши отзывы помогают нам создавать более ценный контент.

В архиве находится:

• Все демонстрационные изображения
• Исходные файлы HTML
• Исходные файлы CSS
• Исходные файлы jаvascript
• Иконки шрифтов
• Файлы библиотеки и плагинов

Отзывы - это раздел, содержащий обзоры продуктов и услуг. Как мы можем видеть на веб-сайте кофейни, там будет обзор, где хранится множество отзывов разных людей об этом кофе.

Как вы видели в видео, сначала было изображение некоторого текста отзыва, а также имя и должность человека. Внизу этого содержимого для отзывов есть три точки, а справа и слева - две навигационные кнопки. Когда я нажал на правую кнопку, содержимое переместилось влево и появилось правостороннее содержимое, аналогично, когда я нажал на левостороннюю кнопку, содержимое переместилось вправо и появилось левостороннее содержимое. Кроме того, я переместил этот контент, просто взяв его и переместив мышь вправо или влево.

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