Адаптированная версия бесплатного лендинга от Peter Finlan и сообщества Codrops. Интерпретация для магазина велотехники.
Товар из каталога
Synthetica - главная страница велосайта
Вы когда-нибудь видели, как лендинг превращают в главную страницу вело магазина? Вот это такой случай, берите пользуйтесь. Всё сделано просто, легко затачивается под себя.
Подробности
Появление этого шаблона среди готовых решений, даже скажем проще, его натяжка по-сути явилась результатом новогоднего эксперимента по проверке возможностей библиотеки ShortCodes. С её помощью всего четверть часа понадобилось на втягивание шаблона в движок, и ещё день потратили уже на демо-марафет, подготовку публикации на витрину, заворачивание натянутого шаблона в обёртку установочного архива и т.п.
Порядок установки
1 Скачать архивный файл шаблона на компьютер или скопировать URL ссылки выше.
2 Открыть в админпанели страницу дизайн > Дизайны сайта.
3 Нажать ссылку загрузить в блоке Дизайны клиентской стороны.
4 В открывшемся окне выбрать скачанный файл или полем ниже вставить URL скопированной ссылки, и нажать кнопку Начать.
Для наложения этого лендинга поверх существующего на вашем сайте шаблона, чтобы не затереть действующие файлы демонстрационными, из архива Synthetica следует удалить такие файлы:
- html/modules/*
- html/index.tpl
- html/missing_template.htm
- html/navigation.htm
- images/demo/*
- images/favicon.ico
- images/no-photo.png
- images/thumbnail.jpg
Если ещё планируете иметь несколько видов главной страницы, тогда заменить уникальным имя следующего файла в архиве:
- html/catalog.htm
Теперь вернёмся к описанию шаблона.
Как об этом рассказал Codrops
Источник tympanus.net/codrops/2016... (страница на английском языке).
Халява Synthetica - шаблон одностраничного сайта (HTML, эскиз) Современный адаптивный шаблон одностраничника на основе Bootstrap. Отлично подойдёт агентствам и клубам. Нарисовал и закодил Peter Finlan.
Сегодня с удовольствием представляем Synthetica – бесплатный HTML5/CSS3 шаблон, распространяемый исключительно через Codrops. Synthetica стала новым элементом в семействе весьма популярных шаблонов Codrops, таких как Land.io (разработал Taty Grassini), Sedna, Boxify, Halcyon Days. Можете бесплатно использовать Synthetica для личного проекта или сайта вашего клиента!
О шаблоне Synthetica Этот адаптивный лендинг разработан по последним течениям в моде, с большими визуально различимыми секциями, еле уловимым анимационным эффектом, задорно-спокойной цветовой схемой. Шаблон подходит для портфолио, презентации агентства или сообщества.
В шаблоне реализованы следующие детали:
- Блок навигации с выезжающим поиском
- Представление участников с курсор-эффектом и диаграммой показателей
- Блок анимированных счётчиков главных достижений
- Свежие публикации с элементом сортировки и ссылкой на полный список
- Блок плюшек, демонстрирующий некие элементы с анимационным эффектом "подробнее"
- Блок подписки в учтивой манере и мягким фоном
- Подвал в модерновом стиле с интуитивной навигацией
Этот лендинг использует следующие библиотеки и ресурсы:
- Bootstrap
- jQuery
- Modernizr
- Animate.css
- Stroke Gap Icons
- Unsplash
- Startup Stock
- Pexel
- Retina.js
- VideoJS
- Waypoints.js
Поддержка браузеров: Chrome, Firefox, Internet Explorer 9+, Safari, Opera.
Скриншоты