
Полноценный шаблон сайта студии архитектуры и дизайна
Добро. Если бы я увидел такой шаблон в свободном скачивании на каком-нибудь ресурсе - я бы радовался и ликовал. Стоп. Так я же и увидел такой шаблон. Правда он был не совсем в свободном скачивании :) Но я решил его сделать таковым, не убудет. Итак, представляю Вам HTML шаблон сайта с 16-ю внутренними страницами, сделанный на базе Twitter Bootstrap под названием Rayleigh. Это название может Вам пригодится, если вы все таки решили связаться с автором данного шаблона.
Данный макет сайта может предсталять какую-нибудь студию или бюро по оказанию архитектурных или дизайнерских услуг. Здесь есть отличная страница с блоговой лентой, поэтому данный шаблон может быть приспособлен под блог, на котором даются актуальные курсы архикад в Киеве от Perspectiva или другая полезная информация для архитекторов или дизайнеров.
Этот шикарнейший шаблон можно использовать не только в сфере дизайна и архитектуры. После того, как я перечислю и покажу какие здесь есть страницы, вы поймете, что из него можно сделать и блок и портфолио и даже сверстать одностраничник. Наверное, сразу перейдем к страницам шаблона:
Главная страница
Не спешите с нее уходить. Возможно, вы сразу и не заметили стрелочку в правом верхнем углу в шапке сайта. Это стрелочка отвечает за перелистывания слайдера, в котором помимо изображений, есть также и видео. Очень крутой слайдер, очень крутая главная страница.
Также стоит отметить боковое меню, открывающееся при нажатии на иконку в левом верхнем углу. Меню вертикальное с выпадающим списком. По моему, очень удобное меню. Внизу стоит копирайт. Там обычно указывается год, название компании и какая нибудь полезная тематическая ссылка. Вот как оно выглядит
Страница «Услуги»
В меню есть специальный раздел «Портфолио», в котором представлены аж 4 его вида. Отличаются они лишь количеством колонок.
Портфолио в одну колонку
В портфолио есть фильтр по категориям. Анимацию сего действия вы можете посмотреть в «демо».
Портфолио в две колонки
Портфолио в три колонки
ну и наконец…
Портфолио в четыре колонки
которое, я считаю, нельзя назвать удачным вариантом, либо заголовки делать все в одну строку или все в две строки.
Следующий раздел у нас «Блог» и как и в «Портфолио», нас ожидают 4 варианта ленты новостей. Я покажу два из них.
Блог в одну колонку
Кстати, заметьте, шапка сайта с логотипом и кнопкой меню зафиксирована вверху экрана. И мне очень нравится этот логотип. Вы его спокойно сможете переделать в Photoshop, если у вас, конечно имеются знания для работы в Фотошопе.
Блог в две колонки
Остальные постить не буду, вы можете их посмотреть в «демо», но, по моему мнению, они не очень. Так что я пойду дальше.
Страница «Команда»
При наведении на фото кого-то из команды, появляются иконки с социальными сетями этого человека.
Далее идет еще один раздел, именуемый в меню «Страницы». Здесь представлены технические страницы, такие как
404 ошибка
Сетка блоков
Это как раз те ваираинты отображения блоков, которые представлены в «блоге» и «портфолио».
Типографика и формы
Элементы дизайна
На этой странице вы найдете заголовки (h1, h2, h3, h4 и так далее), слайдеры, кнопки, предупреждения, табы и еще несколько элементов верстки текста на сайте.
Страница «Контакты»
Это последняя страница данного шаблона. Здесь есть карта, форма обратной связи, адреса и телефоны.
Ох какая длинная статья получилась. Это все из-за скриншотов. Но это того стоило. Потому что он потрясный и действительно идеально подойдет для сайта по архитектуре. Посмотрите обязательно «Демо», Вам нужно увидеть этот сайт, так сказать, живьем.
Комментарии ()