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

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

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

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

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

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

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

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

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

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

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

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

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

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

ну и наконец…

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

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

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

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

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

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

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

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

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

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

404 ошибка

Сетка блоков

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

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

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

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

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

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

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

Если вы не видите кнопку "Скачать"
отключите блокировщик рекламы

Комментарии ()

    Не то, что искали? Воспользуйтесь поиском