Сегодня мы хотим поделиться с вами небольшим экспериментом. Сегодня мы рассмотрим вариант шаблона для веб-сайта, который также содержит в себе галерею изображений для меню, а также встроенную карту от Google, которая отображает расположение заведения.
Отличные фотографии еды в примере представлены avlxyz и остальные снимки вы можете посмотреть на странице Flickr.
Фотографии распространяются по лицензионному соглашению Attribution-NonCommercial-ShareAlike 2.0 Generic License.
Фотография Венеции на главной странице представлена krossbow.
Открывая главную страницу, фоновое изображение будет медленно появляться, и далее посетитель видит первый блок приветствия:
Когда пользователь кликает по ссылке на меню, в блоке контента появляется небольшая галерея изображений:
Выбирая блюдо в галереи миниатюр, мы можем открыть полноэкранную версию галереи, где фотография блюда будет показана в большом разрешении + название блюда и его описание. Используя кнопки навигации, расположенные на экране, кнопки клавиатуры или колёсико мыши, пользователь может переходить между изображениями. Название и описание будет автоматически переключаться.
При клике на изображение на переднем плане, оно исчезает, и фоновое изображение становится более ярким. Теперь пользователь может просматривать изображение на весь экран и листать изображения таким же образом. При клике по фону, мы можем вернуться к первоначальной версии галереи.
Когда мы кликаем по крестику в верхнем правом углу, галерея закрывается.
При клике по ссылке контактов и карты проезда, блок с содержимым будет скрыт, и вместо него мы увидим карту в качестве фона всей страницы:
И на этом всё! Надеемся, что вам понравится данный шаблон, и вы обязательно найдёте ему применение!
Посмотреть демо | Скачать шаблон
Раздел: Шаблоны сайтов Нет комментариев
Шаблон веб-сайта и галереи для ресторана
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Mysterious Master Прочитано (раз): 7588 | Нет комментариев
Источник материала / оригинал статьи Распечатать
Источник материала / оригинал статьи Распечатать