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

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

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

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

Дизайн шаблона

Дизайн шаблон минималистичный и простой. Он очень подойдет для какого-либо детализированного сервиса, но вот разработчки решили сделать сайт-резюме. Кстати по подробнее об этом:

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

Шаблон, по сути, разбит на три блока:

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

Что больше всего радует в этом шаблоне так это стили. Стили тут просто восхитительные. В изначальной версии сайта, блок с Элементами был скрыт. Я его открыл специально, чтобы вы видели, что можно сделать на сайте, помимо приветственного блока, портфолио и формы обратной связи. Так вот в этих элементах вы найдете потрясающую стилизацию не только заголовков, цитат, форматированного текста, но и стили для чекбоксов, радио, что найдешь только в каки-нибудь фреймворках.

Вообще же здесь есть стили для любых элементов сайта: кнопки (большие и маленькие), списки, инпуты, жирный текст, «sup», «sub» и так далее. Также имеются подключенные иконки font-awesome. У меня все, смотрите «демо», качайте шаблон, развивайтесь. Пока.

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