Многостраничный html шаблон сайта веб-студии

Многостраничный html шаблон сайта веб-студии с портфолио и блогом

Всем привет. В этом топике я выкладываю html шаблон сайта веб-студии. Классический сайт со слайдером, портфолио и последними новостями на главной странице. Cоздание сайтов на российском рынке принимает все более серьезные обороты и вебстудий становится все больше и больше. Почти каждый школьник, заинтересованный хоть немного вебразработкой может склепать себе сайт. Ко мне обращаются достаточно много людей с просьбой помочь сделать ту или иную вещь, хотя я узнаю позже, что эти люди называют себя создателями сайтов и даже имеют свою вебстудию. Вот для таким людей я выкладываю этот шаблон (ну конечно не только для таких). Раскрутка сайта также страновится очень популярной услугой, хотя 80% кто оказывает такие услуги не имеют даже фундаметнальных знаний SEO.

Здесь представлены 10 страниц с различной организацией контента. Пройдемся по каждой из страниц.

Главная страница

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

Блог

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

Страница статьи

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

Страница "О нас"

На этой странице мы видим презентацию расположения блоков на странице: 2 колонки, 3 и 4. У данной страницы есть подкатегории:

  • Элементы. Здесь мы видим кнопки, аккордеоны и табы
  • Иконки. В этом шаблоне собрана неплохая сборка монохромных иконок. Иконки вы можете найти в папке img/mono-icons
  • Типографика. Цитаты, выделения, заглавные буквы, абзацы и так далее.

Страница портфолио

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

Контакты

Обычная страница с картой, адресом, телефонами и формой обратной связи.

На этом все у меня. Работайте, учитесь, не ленитесь и все будет ОК :) Всего наилучшего!

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