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

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

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

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

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

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

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

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

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

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

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