Шаблон сайта студии архитектуры и дизайна

Полноценный шаблон сайта студии архитектуры и дизайна

Добро. Если бы я увидел такой шаблон в свободном скачивании на каком-нибудь ресурсе - я бы радовался и ликовал. Стоп. Так я же и увидел такой шаблон. Правда он был не совсем в свободном скачивании :) Но я решил его сделать таковым, не убудет. Итак, представляю Вам HTML шаблон сайта с 16-ю внутренними страницами, сделанный на базе Twitter Bootstrap под названием Rayleigh. Это название может Вам пригодится, если вы все таки решили связаться с автором данного шаблона.

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

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

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

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

Также стоит отметить боковое меню, открывающееся при нажатии на иконку в левом верхнем углу. Меню вертикальное с выпадающим списком. По моему, очень удобное меню. Внизу стоит копирайт. Там обычно указывается год, название компании и какая нибудь полезная тематическая ссылка. Вот как оно выглядит

Страница «Услуги»

В меню есть специальный раздел «Портфолио», в котором представлены аж 4 его вида. Отличаются они лишь количеством колонок.

Портфолио в одну колонку

В портфолио есть фильтр по категориям. Анимацию сего действия вы можете посмотреть в «демо».

Портфолио в две колонки

Портфолио в три колонки

ну и наконец…

Портфолио в четыре колонки

которое, я считаю, нельзя назвать удачным вариантом, либо заголовки делать все в одну строку или все в две строки.

Следующий раздел у нас «Блог» и как и в «Портфолио», нас ожидают 4 варианта ленты новостей. Я покажу два из них.

Блог в одну колонку

Кстати, заметьте, шапка сайта с логотипом и кнопкой меню зафиксирована вверху экрана. И мне очень нравится этот логотип. Вы его спокойно сможете переделать в Photoshop, если у вас, конечно имеются знания для работы в Фотошопе.

Блог в две колонки

Остальные постить не буду, вы можете их посмотреть в «демо», но, по моему мнению, они не очень. Так что я пойду дальше.

Страница «Команда»

При наведении на фото кого-то из команды, появляются иконки с социальными сетями этого человека.

Далее идет еще один раздел, именуемый в меню «Страницы». Здесь представлены технические страницы, такие как

404 ошибка

Сетка блоков

Это как раз те ваираинты отображения блоков, которые представлены в «блоге» и «портфолио».

Типографика и формы

Элементы дизайна

На этой странице вы найдете заголовки (h1, h2, h3, h4 и так далее), слайдеры, кнопки, предупреждения, табы и еще несколько элементов верстки текста на сайте.

Страница «Контакты»

Это последняя страница данного шаблона. Здесь есть карта, форма обратной связи, адреса и телефоны.

Ох какая длинная статья получилась. Это все из-за скриншотов. Но это того стоило. Потому что он потрясный и действительно идеально подойдет для сайта по архитектуре. Посмотрите обязательно «Демо», Вам нужно увидеть этот сайт, так сказать, живьем.

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