Статьи

Шаблон сайта мобильного портфолио jQuery

Я разработал базовый мобильный шаблон jQuery для личного сайта портфолио, который предназначен только для читателей блога jQuery4u! 🙂 Функции специфичны для портфелей. В этой первоначальной версии шаблона вы можете создать базовый сайт мобильного портфолио с личной биографией, галереей изображений портфолио и формой для контактов. Это только первая версия, так что следите за обновлениями.

Посмотреть демо Скачать

Как настроить свой собственный сайт мобильного портфолио

  1. Загрузите файлы шаблонов мобильного портфолио jQuery
  2. Введите информацию своего профиля и добавьте изображение профиля или выберите один из мультфильмов аватаров
  3. Создавайте элементы портфолио как отдельные элементы с помощью галерей изображений или как
  4. Введите ваши социальные ссылки в настройках JS
  5. Введите имя вашей контактной формы и адрес электронной почты в настройке JS
  6. Загрузить сайт на свой домен
  7. Добавьте мобильный сниффер-код для перенаправления мобильных зрителей на мобильный сайт

домашняя страница

Очень простая и понятная домашняя страница с 4 основными разделами

1-homepage

Раздел профиля

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

2-profile_1

3-profile_2

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

Портфолио Раздел

Раздел портфолио можно использовать для демонстрации примеров вашей работы в виде отдельных элементов или галерей изображений.

4-portfolio_1

Портфолио.

5-portfolio_2

Галерея изображений портфолио.

6-portfolio_3

Портфолио Изображение.

7-portfolio_4

Социальный раздел

Социальный раздел (на данный момент) — это просто ссылки на ваше присутствие в Интернете, в основном это социальные сети. У меня есть дальнейшие планы держать пользователей на мобильном сайте для просмотра в социальных сетях. Посмотрим, как пойдет эта версия.

8-social_1

Куча социальных иконок!

social-icons

Раздел контактов

Страница контактов — это базовая веб-форма с отправкой в ​​сценарий PHP, который отправляет электронное письмо.

9-contact

Посмотреть демо Скачать

Комментарии приветствуются.