Шаблон сайта одностраничника – 50 Бесплатных Шаблонов Сайтов Одностраничников

Содержание

25 бесплатных одностраничных шаблонов на html5 и css3 / HTML шаблоны / Постовой

В подборку вошли 25 бесплатных, адаптивных HTML5/CSS3 шаблонов одностраничного сайта.
Одностраничные сайты используются для различных целей, таких как: реклама продукта (Landing Page), сайт компании или творческой студии, проведение акции. Также One Page можно использовать, чтобы протестировать рынок или идею. Одностраничный сайт легко запустить и наполнить содержимым.
Как правило, одностраничные сайты не содержат ссылок на другие страницы и все содержимое просматривается при прокрутке. Чаще всего используют меню с якорями для навигации, чтобы легко направиться к интересующей посетителя информации, например: особенности продукта, цена, чем занимается компания, галерея работ или контакты. Также можно встретить интересную анимацию, которая привлекает внимание к соответствующим блокам.
По сути, главной задачей одностраничника является простота преподнесения информации (контента), привлечение к ней внимания, создание впечатления с целью продажи товара или услуги. С этим помогут справиться ниже перечисленные шаблоны.

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

Смотрите также:

Pie
Шаблон в стиле Flat. Доминируют желтый и голубой цвета. Landing page с анимацией «появления блоков» при прокрутке.

Start Bootstrap
Креативная тема для портфолио и бизнес-сайта. в современном стиле. Анимация при прокрутке. Полноэкранное изображение вверху страницы. Подойдет для сайта компании или студии.

Ekomers
Ekomers может использоваться для бизнес-сайта, сайта-визитки или портфолио. Поддерживает Retina мониторы.

Fly High
Шаблон в плоском стиле для туристических сайтов. Имеет светло-зеленую цветовую гамму.

Galaxy
Шаблон в плоском стиле. Оформлен в светлых тонах. Подойдет для креативных студий и сайта компании.

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

Barrier
По сравнению с предыдущим шаблоном Barrier, этот изменен больше под портфолио компании.

Omega
Тема в плоском стиле с активным зеленым цветом. Эффектные крутящиеся иконки. Приятная галерея с возможностью фильтровать изображения по темам. Можно использовать для сайта компании или представления продукта.

Skokov
Шаблон в современном стиле для консалтинговой компании. На сайте представлены сервис компании, история, список сотрудников, отзывы клиентов, новостная лента и контактная информация.

Mr Belle
Одностраничный шаблон в светлых тонах. Имеет широкоэкранное изображение и блог. Выглядит красиво и просто.

Jewellery
Шаблон в плоском стиле. Полноэкранное изображение, фотоблог, В демо представлен одностраничник
ювелирного салона, но его можно заточить под любою тематику.

Ink Tattoo
Шаблон с классной галереей. Этот одностраничник заточен под тату-салоны и модельные агенства. Также, к примеру, можно использовать для презентации выставок.

Celestial
Шаблон для портфолио в стиле Flat. Галерея работ с фильтром тем. Сайт выполнен в розовом цвете.

WildFlat
Шаблон в плоском стиле с нестандартной геометрической формамой — косыми линиями. Портфолио с фильтром работ. горизонтальная прокрутка новостной ленты.

Clinix
Шаблон в современном стиле в синем цвете. Поддерживает шрифтовые иконки Font Awesome, фоновое видео. Заточен под медицинскую тематику, но можно использовать для любых других целей.

eElectronics
Тема в стиле минимализм. Имеет косые геометрические формы. Выполнен в зеленых цветах. Поддерживает Retina-мониторы. Шаблон подойдет для сайта любой компании.

Orion
Шаблон в плоском стиле для создания портфолио. В галерее выполнена прокрутка контента с работами.

SNDSNG
Шаблон в Flat стиле и светлом оформлении. Слева слайд-панель навигации. В галерее используется фильтр работ.

Ideas Agency
Шаблон портфолио в плоском стиле. Включает фильтр тематики в галерее работ. Тема выполнена в желтом оттенке.

Knight
Красивый и качественный One Page шаблон в стиле минимализм. Особенности: SEO-оптимизирован, галерея портфолио с фильтром списка работ. Очень хорошо подойдет для любого сайта.

Moderno
Простая тема в стиле минимализм. Содержит слайд-панель навигации и очень интересно сделана галерея. При нажатии на работу, выше появляется увеличенная версия изображения с описанием. Этот шаблон — хорошее решение для портфолио компании.

Alpha
Одностраничный шаблон в стиле минимализм. Создан на CSS-фреймворке Bootstrap. При нажатии в галерее на работы, открываются описания в всплывающем окне. Подойдет для бизнес-сайта или портфолио.

Travaux
Классный, легкий одностраничник в плоском стиле. Подойдет тем, кто ищет креативное решение для своего сайта.

Munter
Одностраничный сайт в современном стиле. Особенности: фиксированные стрелки навигации (в галерее активируется горизонтальная прокрутка). Также реализована плавная прокрутка.

postovoy.net

30 бесплатных HTML шаблонов с адаптивным дизайном

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

Возможно Вам будут интересны следующие подборки:

  • 15 бесплатных шаблонов для Вашего сайта на CSS
  • Скачать бесплатно абсолютно новые CSS шаблоны за 2013 год
  • Скачать бесплатные и самые новые портфолио шаблоны на HTML для Ваших новых работ
  • 20 креативных и совершенно бесплатных HTML5 и CSS3 шаблонов за февраль 2013 года
  • 30 красивых и бесплатных HTML и CSS шаблонов для Ваших новых проектов и сайтов

Одностраничный HTML шаблон — Tessellate

Демо и скачать

Бизнес шаблон в HTML — Fore

Демо ι Скачать

HTML шаблон для продуктов

Демо ι Скачать

Портфолио и адаптивный HTML шаблон

Скачать

Адаптивный шаблон в стиле Flat

Демо ι Скачать

HTML шаблон — Piccolo

Скачать

Портфолио шаблон для сайта

Демо ι Скачать

Шаблон в HTML для админки

Демо ι Скачать

Портфолио шаблон в HTML — Treviso

Демо ι Скачать

Отличный шаблон с вертикальной прокруткой

Демо и скачать

HTML шаблон для сайта — Start

Демо ι Скачать

Красивый шаблон в Flat стиле

Демо ι Скачать

Минималестический шаблон для админки сайта

Демо ι Скачать

Портфолио шаблон в HTML — Big Picture

Демо и скачать

Очень красивый шаблон — Freebix

Демо ι Скачать

Блоговый шаблон в лёгком стиле

Демо ι Скачать

HTML шаблон со стилем Flat

Скачать

Шаблон — Willamette

Демо ι Скачать

Лёгкий HTML шаблон с адаптивным дизайном для фотографов

Демо ι Скачать

Портфолио шаблон с адаптивным дизайном

Скачать

Шаблон со слайдером

Демо ι Скачать

Крутой шаблон с адаптивным дизайном

Демо и скачать

Бизнес шаблон в HTML

Демо ι Скачать

Шаблон для Landing Page

Демо ι Скачать

Шаблон — Mamba

Демо ι Скачать

Бизнес шаблон в Flat

Демо ι Скачать

Одностраничный HTML шаблон с параллакс эффектом

Демо ι Скачать

Шаблон — Shop

Демо ι Скачать

Адаптивный шаблон — Zeences

Демо ι Скачать

Лёгкий шаблон — Simple

Демо ι Скачать

beloweb.ru

Шаблон адаптивного сайта одностраничника Training с подробными комментариями в коде на русском языке


Современный шаблон сайта построен на фреймворке Bootstrap 4.3.1, благодаря которому полностью адаптирован к просмотру на любых мобильных устройствах. Версия Bootstrap 4.3.1 на конец 2019 года является самой последней. В представленном шаблоне используются новейшие технологии в веб-строительстве: анимационные эффекты, слайдеры, иконочные шрифты, современные расширения изображений .svg и т.д.

Дистрибутив шаблона содержит библиотеку с широким арсеналом css файлов и js скриптов, как полных, так и минимизированных. Не все из них используются в данном шаблоне, но их наличие даст возможность опытным веб-мастерам применить их на практике.

Исходный код главной страницы содержит подробные комментарии на русском языке. Также комментарии содержатся в файлах, расположенных в папках js/main.js и css/style.css.

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

Смотреть скриншоты адаптивного шаблона Training


Особенности шаблона Training:
— фиксированное меню;
— появление блоков, картинок, слайдеров и форм в процессе прокрутки страницы;
— полная адаптивность к просмотру на дисплеях минимального размера;
— быстрая загрузка страницы в браузерах;
— имеется секция вопросов ответов FAQ, выполненная в стиле аккордеон;
— включает в себя два слайдера и прогресс бар;
— галерея изображений с сортировкой по темам и т.д.

Шаблон удобен для начинающих веб-мастеров, практически не требует глубоких знаний в веб-программировании. При редактировании кода index.html страницы достаточно обращать внимание на комментарии. Секции (section) состоят из блоков (div) их можно менять местами на своё усмотрение.
Вся суть редактирования шаблона сводится к замене русского текста и картинок на свои варианты. Служба подписки и обратной связи требует дополнительных установок и настроек, размещены для наглядности целостности сайта.


Скачать адаптивный шаблон: Training [2,46 Mb] (cкачиваний: 30)

sitey.ru

30 одностраничных шаблонов на html для студии веб-дизайна / HTML шаблоны / Постовой

Сегодняшняя статья посвящена HTML шаблонам для создания одностраничника студии веб-дизайна. Каждый шаблон по своему уникален. Единого стандарта не существует и каждый может выделиться по своему. Одни выполнены с легким оформлением, другие используют анимацию, а третьи совмещают предыдущие элементы и, например, имеют нестандартные геометрические формы или дополнительные блоки. Но есть и схожие элементы, которые присутствуют почти в каждом одностраничнике веб-студии. По сути в шаблонах можно встретить эти блоки:

  • Описание
  • Предоставляемые услуги и особенности
  • Портфолио работ
  • Список клиентов и их отзывы
  • Контактная информация
Также можно встретить блок со списком сотрудников и блог с интересными новостями. Это позволит посетителю страницы узнать всю необходимую информацию о студии, расценках и приблизительных сроках исполнения (если указано) и связаться с вами, если ему все понравится.
Шаблоны созданы на HTML5, CSS3, а также jQuery и фреймворке Twitter Bootstrap. Все шаблоны адаптивные, так что сайт можно будет просмотреть на любом устройстве. Почти все шаблоны распространяются бесплатно, иногда разработчики оставляют ссылку на пожертвование в виде чашечки кофе :), но не настаивают на этом.
Приступаем к обзору, подборка получилась не малая и есть из чего выбрать. Также оставляйте комментарии, подписывайтесь на группу вконтакте и рассылку.

Смотрите также:

Conquer
Бесплатный шаблон для команды разработчиков. Имеет галерею с описаниями работ и возможностью просмотреть изображения в слайд-шоу. Также есть панель навигации, изображение на всю ширину экрана, список сотрудников и контактная информация.

Bright Heaven
Чистый и аккуратный шаблон. В нем есть полноэкранный слайдер изображений, masonry галерея с фильтром изображений и другие элементы.

Xenon
Бесплатный одностраничный шаблон с косыми геометрическими формами. Выполнен в красной, синей, коричневой и белой расцветке. Галерея портфолио с фильтром работ. В целом интересное решение для сайта.

Shuffle
Одностраничник для веб студии. Легкий и чистый шаблон, быстро загружается. Содержит слайдер изображений вначале и в галерее, блоки с описанием компании, услугами и контактную форму. Шаблон сделан очень качественно.

Flat Asphalt
Качественный одностраничный HTML5 шаблон в стиле Flat. Особенности: parallax-эффект, анимация при прокрутке, плоские иконки, плавная прокрутка, портфолио с фильтром работ по тематикам, Goolge Font и другое.

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

Photographer
Этот шаблон уже фигурировал в подборке для создания портфолио фотографа. Но он может неплохо подойти и для студии веб-дизайна, так-как содержит все необходимые элементы и множество особенностей. CSS3 анимация, слайдер изображений, навигация с плавной прокруткой, отличное портфолио.

Flex
Шаблон HTML5 с hover эффектами, портфолио с lightbox и слайдером. Также имеет полноэкранный слайдер изображений. Выполнен просто и качественно, быстро загружается и приветливо смотрится.

Dreams
Шаблон одностраничника в плоском стиле для команды разработчиков и не только. Содержит полноэкранное изображение, меню навигации с плавной прокруткой, портфолио, интересно выполненный блок «О нас».

Creative Idea
Креативный Landing page шаблон с косыми геометрическими формами. Содержит выплывающую панель навигации, портфолио, контактная форма и другие полезные блоки для веб-студии.

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

Unique
Шаблон одностраничника в современном стиле в красном, белом и черном цветах. Поддерживает Google Fonts, шрифтовые иконки Font Awesome, планую прокрутку, портфолио с фильтром работ и многое другое. Можно использовать как для студии веб-дизайна, так и для лендинга мобильных приложений или портфолио фрилансера.

Vibrant
One page шаблон в современном стиле. В описании услуг используются плоские иконки, в портфолио присутствует фильтр по разделам. Хорошо подойдет для студии веб-дизайна.

Timeline
Шаблон в зеленых цветах. Прикольная анимация и прорисовка элементов при прокрутке страницы. Легкий, чистый, быстро загружается.

Epils Agency
Одностраничник для студии веб-дизайна в плоском стиле. Содержит раскрывающееся полноэкранное меню с плавной прокруткой, портфолио с фильтром работ по разделам. плоские иконки. Активный цвет на сайте — зеленый.

Pink
Шаблон одностраничника в розовом цвете. Включает панель навигации с плавной прокруткой, lightbox портфолио с фильтром изображений. плоские иконки в блоке с услугами. Также блок с командой проекта и контактную информацию.

Spirit8
Шаблон HTML в современном стиле. Блоки с картинкой и белым фоном чередуются. Имеет полноэкранное изображение, панель навигации с плавной прокруткой, портфолио с фильтром работ по типу и блоки с описанием компании, услугами, отзывами клиентов и контактной формой.

KreFolio
Качественный одностраничник для портфолио фрилансера. Содержит полноэкранный слайдер изображений и полноэкранное меню навигации, анимацию при прокрутке и многое другое. Активный цвет шаблона — красный.

SinglePro
Тема одностраничного сайта в современном стиле. Содержит полноэкранный слайдер изображений, меню навигации с плавной прокруткой, 10 цветовых тем, портфолио с фильтром по темам, прайс цен, блог и другие полезные блоки.

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

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

OnePage
Одностраничник в стиле минимализм с блоками «о нас», портфолио и контактной формой. Имеет полноэкранное изображение с Parallax-эффектом. Навигация появляется сверху при прокрутке страницы. Шаблон качественный и простой.

Casablanca
Блоки с картинкой и белым фоном чередуются. У кнопок есть анимация, Содержит полноэкранное изображение, выдвигающуюся слева слайд-панель навигации и блоки about, портфолио, клиенты, услуги и контакты.

Ungart
Качественный и простой одностраничный шаблон для студии веб-дизайна. Состоит из блоков: услуги, портфолио с фильтром по темам, сотрудники со смешными карикатурами и контактная форма.

Ufolio
Одностраничный шаблон в плоском стиле. Блоки с различными фоновыми цветами. Содержит информацию «о нас», услуги, портфолио и контакты. Хорошо подойдет для landing page студии веб-дизайна.

Kasper
Одностраничный шаблон в стиле минимализм. Содержит слайдер, портфолио с фильтром разделов и приятное оформление. Хорошо подойдет для команды разработчиков.

Brandi
HTML5 шаблон одностраничника. Имеет полноэкранное изображение, блоки портфолио, команды, описания и контактной информации.

Blue
Одностраничник для студии веб-дизайна в синих оттенках. На страничке есть полноэкранный слайдер изображений, навигация с плавной прокруткой, плоские иконки с анимацией при наведении. Шаблон сделан аккуратно и качественно.

postovoy.net

Бесплатные шаблоны PSD и HTML одностраничных сайтов

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

1. Startuprr

Startuprr — очень хороший одностраничный шаблон PSD, который вы можете легко редактировать, благодаря организованным слоям. 

Скачать

2. Bak One

Bak One — это бесплатный шаблон для веб-дизайна с плоской адаптацией.  Bak One, разработанный с хорошей цветовой гаммой и хорошим потоком элементов.

Скачать

3. Amoeba

Скачать

4. Mamba 

Скачать

5. Big Picture

Скачать

6. Halcyon Days 

Скачать

7. Sublime

 

Скачать

8. Squadfree 

Скачать

9. Strongly Typed

Скачать

10. Overflow 

Скачать

11. Full JS

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

Скачать

12. Sprint 

Sprint — это многоцелевая тема Bootstrap, разработанная зелеными, черными и белыми цветами в идеальной комбинации.

Скачать

13. Премиум Шаблон PSD для гостиничных услуг

Скачать

14. Бесплатный шаблон для PSD + HTML

Скачать

15. Бесплатный шаблон HTML5

Современная тема с четко обозначенным расположением с портфолио в качестве фокуса. Дизайн идеально подходит для представления дизайнерского агентства или резюме творческих художников онлайн. 

Скачать

16. Ceevee

Ceevee — это чистый, современный шаблон сайта для вашего резюме и портфолио. С помощью этого шаблона вы можете легко представить себя и продемонстрировать свои работы будущим клиентам и работодателям. Кроме того, он является гибким и простым в настройке. Особенности шаблона: HTML5 и CSS3.

Скачать

17. Шаблон сайта HTML5 UP.

Скачать

18. Шаблон сайта для туристических агентств

Скачать

19. Шаблон для личного блога

Скачать

20. Шаблон резюме — PSD + HTML

Скачать

Статьи по теме

Узнать больше интересного:


designe-r.in.ua

Два одностраничных шаблона промо-сайтов

Добрый день, подписчики, читатели и просто заблудшие посетители. Хочу представить Вам очередной одностраничник. Легкий, светлый html шаблон сайта. Он подойдет почти для любой цели, касающейся промоушена продукта или услуги. В данный архив я запихнул две версии этого шаблона: светлую и темную. Я разберу оба этих варианта:

Светлый одностраничный шаблон

Во первых нужно познакомиться с сайтом визуально. Вот скрин шаблона во всю высоту:

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

  • Приветственный блок с преимуществами, красивой анимационной призывающей кнопкой, какую любят классические лэндинги и формой заказа
  • Информационный блок с описанием продукта, с заголовками, красивыми картинками и текстом
  • И нижний блок с отзывами (которые можно дергать из твиттера) и той же призывающей к действию кнопкой. Кнопка может отсылать на форму заказа или заявки на обратный звонок, ну и также она может вести на головной сайт компании, типа «наш интернет сайт»

Ниже вы можете посмотреть и скачать данный шаблон абсолютно бесплатно.

С первым шаблоном разобрались, теперь давайте посмотрим второй вариант этого одностраничника.

Одностраничный шаблон сайта в темных тонах

Как видите этот вариант не сильно отличается от предыдущего. его отличие лишь в фоновом изображении, цвете кнопок и немного видоизмененного блока с информацией об услуге. Я не зря сказал, именно об услуге, так как можно четко определить, что первый вариант этого лэндинга посвящен продукту (как я уже сказал йогурту или соку), а вот второй (темный) вариант явно нам рассказывает об услуге, так как в макете можно увидеть прайс-лист или тарификацию. Этот шаблон уже можно разделить на 4 блока:

  • Также приветственный блок с заголовками, слоганами, логотипом и формой заявки на обратный звонок. В этом блоке (кстати, как и в первом макете) также присутствуют логотипы партнеров (ниже под кнопкой, призывающей к заполнению формы)
  • Второй блок — это описание услуги или услуг, красиво оформленное иконками, списками, заголовками и лаконичными картинками (правда одной картинкой, но как пример для всего текста описания услуги)
  • Прайс-лист или тарифы с выделенным по середине самым оптимальным тарифом
  • И последний четвертый блок, такой же как в первом варианте шаблона: отзывы, призывающий к действию блок с большой вкусной кнопкой, иконки социальных сетей tw «поделиться» или «мне нравится»

Сайты сами по себе очень легкие, там не так много скриптов и кода CSS. Оба шаблона имеют адаптивную верстку, подключенные иконки font-awesome и скрипты публикации в twitter, facebook и google+. На этом все. Спонсором статьи стали http://iya-yai.kiev.ua/remont-telefonov/htc. Вот такие вот два классных шаблона вы можете скачать одним архивом абсолютно бесплатно, нажав на кнопку «Скачать», расположенную ниже. Всего хорошего.

bayguzin.ru

Бесплатный одностраничный шаблон сайта

Доброе время, уважаемые читатели моего блога. Надеюсь я приветствую не только постоянных читателей, но и тех, кто присоединился к нам из поисковиков, в поисках (в данном случае) бесплатного одностраничного шаблона. Я совсем обленился и уже не делаю внутреннюю перелинковку, не слежу за ключевыми фразами, и вообще мало занимаюсь SEO, что не очень хорошо сказывается на росте посещаемости блога. Как обычно я буду надеятся на, более свободное по времени, будущее.

А сейчас перейдем к тому, что я выкладываю в этой статье. А выкладываю я отличный бесплатный одностраничный шаблон сайта, который вы можете свободно скачать с моего сайта. Для постоянных читателей скажу, что я убрал заглушку с социальными сетями, так как понимаю, что это раздражает и сам я такого не люблю. Просто моему блогу нужно хоть какое-то продвижение в интернете. Еще в начале того года я сделал мобильную версию сайта. Сайт выглядел как приложения и я хотел заняться aso оптимизацией, но руки так и не дошли. Надо будет сесть и подумать как следует, как увеличить посещаемость блога. Если есть идеи — пишите в комментариях.

Я все отвлекаюсь и отвлекаюсь 🙂 Ладно, для начала взгляните на шаблон во всей его красе и во всю высоту:

Отличный шаблон сайта для какого-нибудь сервиса или web-сайта приложения. Также макет подойдет для презентации софта, так как здесь по всюду кнопки «Скачать». Здесь есть и форма для входа в свой аккаунт. Такой сайт может стать хорошим подспорьем для продвижения приложения в google play. Об этом подробнее читайте по ссылке на сайте компании Applead.

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

Блоки сайта

  • Самый верхний блок — это меню сайта, которое остается фиксированным на протяжении всего сайта. В шапке помимо меню есть логотип и кнопка входа и регистрации.
  • Далее идет приветственный блок, который так свойственен одностраничникам. Тут же предложение скачать к себе на компьютер софт.
  • После приветственного блока идет небольшой информационный блок, как и два последующих. Там есть картинки, списки, заголовки и все, что нужно для стилизации текста на сайте.
  • После информационных блоков — «убеждающий блок». Что такое «убеждающий блок»? Это что-то типа «Это же самая клевая программа, которую вы видели в своей жизни! Быстрее покупайте ее».
  • Шестой по счету блок показывает последние три превью статей из блога (так что этот одностраничник можно расширить разделом Блога)
  • После идут последние новости из twiiter и форма входа (email и пароль) в сервис или приложение.
  • Низ сайта состоит из дублированиея меню, иконок социалок и копирайта.

Данный шаблон был разработан web-дизайнером Питером Финланом и взят с Tympanus Codrops. Надеюсь этот бесплатный шаблон сайта приложения или программы Вам пришелся по вкусу. Если так то вы можете его скачать совершенно бесплатно и напрямую с моего сервера.

bayguzin.ru

Отправить ответ

avatar
  Подписаться  
Уведомление о