—»     —»   Шаблон веб-сайта и галереи для ресторана
  Раздел: Шаблоны сайтов   Нет комментариев  

Шаблон веб-сайта и галереи для ресторана

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

Отличные фотографии еды в примере представлены avlxyz и остальные снимки вы можете посмотреть на странице Flickr.
Фотографии распространяются по лицензионному соглашению Attribution-NonCommercial-ShareAlike 2.0 Generic License.

Фотография Венеции на главной странице представлена krossbow.

Открывая главную страницу, фоновое изображение будет медленно появляться, и далее посетитель видит первый блок приветствия:

Шаблон веб-сайта и галереи для ресторана

Когда пользователь кликает по ссылке на меню, в блоке контента появляется небольшая галерея изображений:

Шаблон веб-сайта и галереи для ресторана

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

Шаблон веб-сайта и галереи для ресторана

При клике на изображение на переднем плане, оно исчезает, и фоновое изображение становится более ярким. Теперь пользователь может просматривать изображение на весь экран и листать изображения таким же образом. При клике по фону, мы можем вернуться к первоначальной версии галереи.

Шаблон веб-сайта и галереи для ресторана

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

При клике по ссылке контактов и карты проезда, блок с содержимым будет скрыт, и вместо него мы увидим карту в качестве фона всей страницы:

Шаблон веб-сайта и галереи для ресторана

И на этом всё! Надеемся, что вам понравится данный шаблон, и вы обязательно найдёте ему применение!

Посмотреть демо | Скачать шаблон
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Опубликовал Mysterious Master   Прочитано (раз): 7588   |   Нет комментариев
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица России
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Спонсоры проекта
Баннер в сайдбаре 1 (сквозной)
Баннер в сайдбаре 2 (сквозной)
Спонсоры проекта
Баннер в сайдбаре 3 (сквозной)
Баннер в сайдбаре 4 (сквозной)
Популярные публикации







Свежие шаблоны сайтов каждый день
С миру по нитке
«    Март 2024    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
25262728293031