Стильный Landing Page на HTML5

Стильный Landing Page на HTML5 с галереей, блогом и элементами интерфейса

Всем добро) Первый мой пост в этом году и обновленном дизайне. Хочу порадовать крутым одностраничником или по другому Landing Page. Стильный, с большим набором css и js элементов, галереей и формой обратной связи. Сайт как бы идет по направляющей линии вниз. Скролл довольно длинный, но лишние элементы можно и убрать.

Блок GENERIC BOX представляет из себя набор css элементов для стилизации и верстки текста. Поэтому этого блока вообще не должно быть на рабочем сайте.

Пройдусь по всем блокам данного шаблона

Главная визуальная страница (это то, что видно изначально при загрузке сайта) представляет минималистичную картинку из названия сайта по середине, кнопки для начала просмотра сайта и красивый background. Далее следует блок с описанием компании или товара. Следом тянутся два блока, похожие на превью блога.

Галерея сделана по классическому варианту: изображение превью и увеличение при клике (правда в демо-версии изображения небольшие). Прямо за портфолио идет форма обратной связи (имя, email, сообщение). Следующий блок — это как раз Блок GENERIC BOX, где размещены различные элементы интерфейса и типографики: заголовки, цитата, списки, надстрочный и подстрочный текст, таблица (очень симпатичная). И в самом низу небольшой блок с иконками.

Данный шаблон Landing page подойдет как для личной персональной странички, так и для промосайта какой-нибудь компании. Смотрите «Демо», качайте шаблон. Всем удачного дня! 

Похожие статьи