Пн, 9/01/17 – 17:44 | One Comment

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

Читать статью »
CSS верстка

Оформление веб-страницы: css3 html5 приемы верстки сайтов

Дизайн

Веб-дизайн: правила создания и лучшие примеры дизайна сайтов

Wordpress

Wordpress сайту: современные и креативные, шаблоны вордпресс

Интернет магазины

Электронная коммерция, новинки и тренды в E-Commerce дизайне

Свой сайт

О создании оформления сайта, как сделать свой сайт лучше

Главная » Шаблоны сайтов

50+ бесплатных адаптивных BootStrap HTML-шаблонов

1 июля 2014 24 комментария

Bootstrap — мощный и элегантный, интуитивно понятный фронт-енд фреймворк, разработанный командой Twitter. Это open-source CSS и JavaScript среда разработки современных интернет проектов. Относительно молодая платформа веб-разработки, безусловно заслуживающая изучения, предлагает множество полезных вещей: стили компонентов интерфейса (заголовки, вкладки, навигационные панели…) и HTML-элементов (кнопоки, формы, шрифты…), адаптивные queries, JS-плагины и т.д.

Читайте также:  30+ адаптивных лендинг пейдж шаблонов на HTML (бесплатные, премиум)

Основанный на принципе «Сначала мобильные» (Mobile first), фреймворк изначально был задуман для упрощения и ускорения процесса разработки сайтов. Сегодня BootStrap с размахом используется на веб пространстве рунета. Во многих случаях, темы на бутстрап это идеальный вариант для тех, кого интересуют шаблоны адаптивного дизайна и тех, кому необходимо создать приличный современный сайт с минимальными затратами. Правильно подобранный BootStrap HTML шаблон не разочарует того, кто решил использовать его под коммерческий проект или того, кому нужен простой бутстрап шаблон (…ищущим bootstrap шаблоны бесплатно), так как благодаря легко настраиваемому инструментарию всегда есть возможность для внесения изменений или доработки под свои нужды. Замечательная особенность бутстрап шаблонов в том, что самостоятельно разобраться и осуществить это под силу даже тому, у кого нет большого опыта в программировании и оформлении сайта. К тому же всегда можно натянуть BootStrap на любую CMS, например интегрировав его компоненты в WordPress шаблон. Профессионалов бутсраперов в этом фреймворке привлекает возможность повторно использовать наработки, создавая при этом приличного вида проекты.

Если вам посчастливится встретить подходящий шаблон на этом популярном фреймворке, то можно считать это первым шагом к построению дизайна сайта, который будет вне досягаемости для ваших конкурентов. В этом посте собраны более 50 тщательно отобранных бесплатных адаптивных BootStrap HTML шаблонов из самых различных интернет-источников.

Bootstrap шаблоны  — многоцелевые / портфолио / бизнес

1. Libra

Libra — мощный BootStrap HTML-шаблон с чистым дизайном и хорошим юзабилити — идеален для создания корпоративного / портфолио сайта. Действительно шикарный функционал для бесплатного шаблона, при этом многое — с неограниченными возможностями (для красивого оформления сайта). Ключевые особенности: шаблон с большим макетом (1170px), супер адаптивный, Background Uploader — позволяет использовать различные бэкграунды, изображения и цвета для каждого поста или страницы, Unlimited Sliders — 9 шикарных слайдеров (включено 2 премиум слайдера стоимостью 30$ и великолепный Polaroid слайдер, которого вы не встретите на Themeforest ! ), Header Uploader — добавляющий в шапку сайта для различных страниц разные изображения, неограниченные портфолио с 9-ю макетами, неограниченные галереи и видео-галереи, шорткод-менеджер c 200+ шорткодами. Шаблон распространяется по лицензии CC. Дополнительные бонусы: поддерживает Post Formats, 500 шрифтов google fonts, шаблон SEO оптимизирован и имеет встроенную SEO-панель в админке.

Скачать премиум или бесплатную версию WordPress шаблона Libra можно здесь.

Демо  |  Скачать

2. Flat Design Portfolio Template

Этот эффектный шаблон сайта-портфолио с плоским дизайном разработал талантливый филиппинский UI дизайнер Lester Gonzales. Шаблон имеет: полную адаптивность и хорошо оптимизированный для тачскрин устройств пользовательский интерфейс, красивые плоские цвета, совместимость с основными браузерами. Поставляется в двух версиях: 1) многоцелевой 2) одностраничный, с красивым эффектом гладкой прокрутки (Smooth Scroll).

Подробнее  |  Скачать

3. Passion Free Bootstrap Theme

Passion — пример стильной многоцелевой темы на Bootstrap, предназначенной для построения уникальных и современных бизнес-сайтов & сайтов с минималистичным дизайном. Это действительно тема с уникальным дизайном: см. страницы About, Portfolio, Services и многое остальное. Функциональные возможности и особенности: форма контактов с валидацией, кросбраузерность, используется Bootstrap 3.0.3, jQuery 1.8.1, фильтр в портфолио, нестандартные шрифты (CSS3 font-face), адаптивный дизайн темы и легкость ее модификации. А благодаря масштабируемой векторной графике Font Awesome можно менять размеры иконок, не теряя в качестве (совместимо с IE7, будет отлично выглядеть на дисплеях с высоким разрешением). Все это вместе делает Passion Free Bootstrap Theme лучшим выбором из тех бутстрап тем, которые можно скачать и использовать бесплатно.

Демо  |  Скачать

4. mPurpose Bootstrap Template

mPurpose – адаптивный HTML/CSS шаблон с современным чистым дизайном в минималистичном стиле. Имеет более 30 примеров страниц и впечатляющий для бесплатного шаблона набор полезного функционала. В шаблон встроено пять цветовых схем — синяя, оранжевая, зеленая, красная и серая. mPurpose подойдет для создания персонального веб-сайта и коммерческого проекта. В общем — отличный шаблон для широкого спектра сайтов.

Вот некоторые из многочисленных бонусов шаблона: страницы портфолио (выбор из 4-х опций), Сервисы/Возможности (3 опции), FAQ, карта сайта; страница событий, цен, продуктов, вакансий; страница авторизации, контактов, «О нас», Team page и страница вывода новостей блога. Также, шаблон mPurpose снабжен стандартным функционалом e-Commerce сайта, необходимым для удобного оформления заказа: листингами, слайдером товаров, корзиной покупок и деталями продуктов. Mega Drop Down меню — для сайтов (интеренет-магазинов) с объемной навигацией.

Демо  |  Скачать

Читайте также:  30 стильных интернет-магазинов с уникальной структурой

5. SPOT – FREELANCE & AGENCY THEME

Spot — солидная & плоская тема, созданная для фрилансеров и небольших агентств. Использован framework Bootstrap 3.0.1 Ваш сайт будет великолепно смотреться и в браузерах ПК и на экранах устройств любых размеров. Нужно поблагодарить GentsThemes за WP версию темы. В составе — стильные, современные: диаграммы, страницы цен, а также бесплатный набор иконочных шрифтов Font Awesome 4.0.

Демо  |  Скачать

6. GotYA

Перед вами хорошо сбалансированная Bootstrap тема, которую можно скачать бесплатно. GotYA корректно работает в разных браузерах и устройствах десктоп, iPhone, iPad, pill или любой другой альтернативе мобильному устройству. Тема имеет ряд инновационных решений, которые упрощают ее использование.

Демо  |  Скачать

7. Piccolo

К услугам пользователей — простой и чистый дизайн. В состав шаблона включено 19 макетов страниц со слайдерами, с фильтрами для галерей и удобными для просмотра изображений всплывающими окнами в стиле лайтбокс (Lightbox Pop-Ups), с функционалом уведомлений, иконками и многим другим…

Демо  |  Скачать

8. Bootable Bootstrap Template

Bootable – трехколоночный шаблон со «sticky scrolling» дизайном — прокруткой/фиксацией информационных блоков с переходами к следующим блокам при при достаточном смещении во время скроллинга.

Демо  |  Скачать

9. Free General Bootstrap Template

Этот бесплатный Bootstrap шаблон идеально подойдет для создания на нем любого типа бизнес-сайта.

Демо  |  Скачать

10. Free Business Responsive Bootstrap Template

Бесплатный Bootstrap шаблон, который подойдет для демонстрации вашей коллекции, например, фотографий или для создания художественной галереи. В этом шаблоне неплохое оформление галереи и расширенные возможности навигации по превью внутри лайтбокса — можно использовать клавиатуру для просмотра изображений.

Демо  |  Скачать

11. Nova

Nova – универсальный html шаблон на twitter bootstrap 2.3.x, в котором 16+ примеров готовых страниц. Это шаблон премиум-качества на все 100% и в нем присутствуют элементы хорошего UX-дизайна.

Демо  |  Скачать

12. Link

Разработчик постарался довести шаблон до совершенства и полностью стилизовать под сайт агентства, укомплектовав необходимым для этого набором элементов. Шаблон предназначен для демонстрации проектов, которые нужно представить стильно и красиво. Дополнительные бонусы: 6 примеров страниц, шрифты Font Awesome 4, CSS анимация и многое другое.

Демо  |  Скачать

13. Customizr – Free WordPress Bootstrap Theme

Customizr – бесплатная bootstrap тема WordPress с чистым и отзывчивым, плоским и полностью адаптивным дизайном. Подойдет для создания сайта компании малого бизнеса, онлайн-портфолио, корпоративных сайтов или лендингов. Опции темы: Responsive слайдер-генератор, пять основных областей виджетов, слайдер на главной, настройка опций макета HTML и многое другое. Тема имеет валидный HTML5/ CSS3 код, протестирована на кросбраузерность, готова к переводу (доступно 19 языков), подготовлена для  WooCommerce, bbPress, qTranslate, имеет легко расширяемый код, который просто дополнять, реализуя возможности методов API.

Вы можете наслаждаться процессом создания красивого дизайна благодаря интегрированному в тему настройщику WP customizer. Самостоятельно определяйте внешний вид многих элементов дизайна, выбирая: скины оформления, лого, соц. профили, слайдеры, разметку, общий вид контент-блоков на главной странице и даже сможете использовать различные CSS-стили.

Демо  |  Скачать

14. Sprint

Этот шаблон с профессиональной HTML5/CSS3 разметкой можно использоваться для различных сайтов. Наиболее интересна цветовая схема шаблона. Сочетание зеленого, черного и белого цветов, вместе с черно-белыми фотографиями позволят выделиться представленным проектам. Используя зеленый цвет для иконок в разделе сервисов, вы действительно сделаете их и ваши указанные «ОТЛИЧИЯ» заметными. Еще один оригинальный элемент дизайна: светящийся индикатор текущего положения в виде зеленой линии с маленьким шариком. Этот простой шаблон удачно разделен на 5 секций — начиная с галереи, размещенной в пределах «первого экрана» и заканчивая формой контактов.

Демо  |  Скачать

15. Polygon

Polygon – бесплатный HTML5 шаблон с красивым адаптивным лайтбоксом галереи. Очень компактный шаблон с геометрическими формами в дизайне. Весь полигональный арт представлен шестиугольными ячейками и фигурами на главной странице, страницах сервисов и «О нас» — в виде блоков графического контента, иконок различных размеров и даже шестигранной формы карты, на странице контактов.

Демо  |  Скачать

16. Free Bootstrap template for corporate – Moderna

Moderna – Bootstrap-3 тема для корпоративного бизнес-сайта с современным и чистым дизайном. Moderna поставляется со многими премиум-функциями платных тем: гибким слайдером изображений FlexSlider, фильтром на странице портфолио, ajax формой обратной связи на странице контактов. Также, расширить возможности темы можно пользовательскими функциями — шорт-кодами.

Скачать WordPress версию темы Moderna можно здесь.

Демо  |  Скачать

18. Sonic Creative Portfolio

Sonic – бесплатный адаптивный шаблон на Bootstrap версии 3.1.1. со слайдером FlexSlider на главной странице. Шаблон основан на HTML5/CSS3 и подойдет для создания креативного портфолио.

Подробнее & Скачать

19. Powerful

Powerful  – адаптивный шаблон на Bootstrap, использующий геометрические фигуры в качестве основных элементов дизайна. Ключевые особенности шаблона: гибкий макет, чистый дизайн, слайдер на главной странице, фильтр по категориям для портфолио.

Демо  |  Скачать

20. 403 Karma

403 Karma — бесплатный HTML5 шаблон на основе Bootstrap. Благодаря адаптивной верстке, плоскому дизайну и эффектному параллакс-сколлингу шаблон отлично выглядит на мобильных устройствах.

Демо  |  Скачать

21. Tonic Pro

Созданный на основе Twitter Bootstrap, шаблон Tonic Pro поставляется со слайдером, кастомным визуальным CSS-редактором (упрощающим редактирование кода), font awesome иконками и всем тем, что помогает сайту выделиться среди остальных. Базовый набор из всех полезностей предоставляется бесплатно, но вы можете приобрести премиум версию шаблона со значительно большим функционалом.

Демо  |  Скачать

22. Free Bootstrap 3.0 HTML Template

Вам нужно найти эффектный шаблон для персональной Web-страницы, онлайн-портфолио или ресторанный шаблон, подходящий для бара, пиццерии, кафе или бистро? Тогда лучше обезопасить себя от проблем с кастомизацией и быть уверенным в возможностях шаблона, на случай возникновения необходимости расширения функционала. Free Bootstrap 3.0 HTML Template — вполне подходящее для этого решение. Хотя он создан для ознакомительных целей, вы всегда можете приобрести оригинальный шаблон (с точно такой же структурой) для создания своего startup-проекта.

Демо  |  Скачать

23. Tulip

Tulip – креативный шаблон с адаптивной версткой, подходящий для создания сайта юридической фирмы, адвокатской конторы, консалтинговой компании и ряда коммерческих проектов, требующих современного корпоративного дизайна. Выбирая Tulip, вы получаете легальный шаблон, который можете использовать бесплатно для своих коммерческих целей. User-Frendly дизайн этого шаблона (дружественный для пользователей десктопов и мобильных устройств) всегда будет способствовать успешности будующего веб-проекта.

Демо  |  Скачать

24. Andia – Free HTML Bootstrap Theme

Andia – бесплатная адаптивная HTML тема на Bootstrap. В составе: 5 примеров полностью адаптивных страниц, страница портфолио, сервисы, About, форма контактов. Andia идеально подойдет для креативного агентства с портфолио, личного портфолио или под небольшой бизнес проект. Особенности и функционал: адаптивный макет, адаптивный слайдер изображений, возможность демонстрировать ваши фотографии из сервиса Flickr благодаря интеграции с Flicr Photostream, возможность создавать иконки на базе иконочного шрифта Font Awesome 4.0, лента твиттер (twitter feed) и многое другое .

Демо  |  Скачать

25. Dellow

Dellow – минималистичная адаптивная тема со множеством премиум опций, которые вы получаете бесплатно. Ключевые особенности: слайдер с эффектом параллакса в шапке, нумерованная постраничная навигация, адаптивный слайдер, кастомный хедер & футер, 4 макета страниц, кастомные виджеты & Time Display. Мощная панель настроек значительно расширяет возможности редактирования и упрощает процесс модификации темы.

Демо  |  Скачать

 26. Business Ltd

Business Ltd — бесплатный бутстрап шаблон, который можно использовать для создания любого вида бизнес-сайта.

Демо  |  Скачать

27. Bootstrap Clinic

Bootstrap Clinic — бесплатный бизнес шаблон, который можно свободно использовать для коммерческих целей.

Демо  |  Скачать

28. Creation – Flat Industrial Bootstrap Responsive template

Шаблон Creation предназначен для создания сайта индустриальной компании. Может широко использоваться для интернет представительств различных компаний-изготовителей, от небольших организаций до крупных производственных предприятий и фабрик. В этом шаблоне тщательно подобрана цветовая схема, хорошо организовано расположение элементов, продуман стиль и структура макета сетки. Ключевые особенности шаблона: HTML5, Flat дизайн, адаптивность, по лицензии Creative Commons Attribution 3.0 предполагается использование без ограничений. В комплект шаблона включены исходные файлы:  HTML файлы (.html), таблицы стилей (.css), изображений (.jpg/png/gif), JQuery плагинов (.js), файлы исходников Photoshop (.psd), шрифтов (.ttf).

Демо  |  Скачать

29. My Restaurant

My Restaurant – оригинальный и стильный bootstrap шаблон с фоновым jQuery слайдером, фиксированным топ-меню на jQuery — образущим полосу и меняющим цвет при наведении. Еще один пример отличного UX-дизайна — jQuery галерея, управлять которой можно указателем или колесом мыши и образующая красивый лайтбокс с эффектом затемнения основного фона.

Демо  |  Скачать

30. Corlate – Free Responsive Business HTML Template

Corlate – бесплатный адаптивный HTML бизнес-шаблон, со встроенными шрифтами Font Awesome и css3  анимацией. Также оснащен своим собственным бутстраповским слайдером -каруселью, шорткодами – позволяющими легко создавать вкладки, аккордеон-слайдеры и даже галереи. Это полностью адаптивный, легкий и супер-быстрый шаблон. Хорошо подойдет сайту небольшой бизнес компании, стратап-проекту, или если вам, как талантливой личности, нужен сайт для демонстрации своего творчества.

Демо  |  Скачать

31Progressus – elegant agency/business template

Progressus – привлекательный адаптивный бизнес шаблон, основанный на Bootstrap  – HTML/CSS фреймворке. 7 макетов страниц для основных задач, стильный адаптивный дизайн, выполненный исключительно качественно от начала до конца.

Демо  |  Скачать

32. FirmaSite – bb and buddy pressing

FirmaSite – фантастическая бесплатная тема. Основана на Twitter Bootstrap, WordPress, Buddypress и BBpress. Bootstrap подключен только файлами CSS. Тема разработана на основе 2-х колоночного макета и может отлично подойти для блога.

Демо  |  Скачать

33. Temptation

Temptation – бесплатная темная WordPress тема, построенная с использованием Bootstrap 3. Это подготовленая к Retina и полностью адаптивная тема, использующая сеточный макет, имеет: витрину Showcase, Nivo слайдер, и многое другое. По сочетанию темных цветов это, пожалуй, одна из лучших тем из всего репозитория WordPress.

Демо  |  Скачать

34. RICHY

RICHY – адаптивная многоцелевая HTML5/CSS3 Bootstrap тема. Имеет чистый аккуратный дизайн и легкость в кастомизации.

Демо  |  Скачать

Читайте также:  Одностраничные сайты с адаптивным дизайном

 Одностраничные шаблоны Bootstrap

35. Slidefolio

Slidefolio – адаптивный одностраничный шаблон-портфолио на twitter bootstrap 3. Этот шаблон имеет массу возможностей: jQuery бэкграунд слайдер (Vegas jQuery background image slider), форма контактов с jQuery валидацией (проверкой на корректность полей ввода), страница портфолио с MixitUp jQuery плагином. Стильный и красивый дизайн шаблона может украсить сайт компании или ваш персональный сайт-портфолио.

Демо  |  Скачать

36. Ninestars

Бесплатный одностраничный Bootstrap HTML шаблон для творческого проекта или портфолио. Вместо стандартной Bootstrap навигации в шаблоне использовано боковое меню в стиле сайта Google Nexus.

Демо  |  Скачать

37. Essentia

Essentia – интересный шаблон с отчётливой Retina графикой, созданный на фрейворке Twitter Bootstrap 2.3.2. Особый шик шаблону придает FlexSlider – фантастический слайдер изображений на основе jQuery плагина, вес которого минимизирован до 4kb. Выполнен он по всем правилам UX-дизайна и будет лучшим образом выглядеть на всех экранах, при любых разрешениях, а управлять им можно даже с клавиатуры. Essentia – ультра-адаптивный шаблон, который великолепно оптимизирован под планшеты, телефоны все остальные устройства.

Демо  |  Скачать

38. Munter

Munter это красивая одностраничная Bootstrap 3 тема с современными элементами в дизайне: фиксированной панелью навигации с индикацией активного раздела, плавным скроллингом. Приятного вида Portfolio Showcase поможет лучше продемонстрировать ваши проекты.

Демо  |  Скачать

39. ThreeSixty Bootstrap 3 Theme

ThreeSixty – плоский, адаптивный и подготовленный к Retina одностраничный HTML5 шаблон на Bootstrap3 с чистым дизайном. Ключевая особенность шаблона — супер гибкость и легкость в кастомизации. В качестве бонусов: HTML5/CSS3 анимация, красивый гибкий слайдер изображений Flex Slider, клиентский слайдер, страница цен, форма обратной связи и многое другое.

Демо  |  Скачать

40. Shield

Одностраничная Bootstrap 3 тема, хорошо подходящая фрилансерам или для создания сайта-агентства. Shield — это злегантная тема в свежем стиле, в которой используются красивые иконочные шрифты от IcoMoon.

Демо  |  Скачать

41. Xeon

Xeon – шаблон одностраничного сайта, сделаный полностью на Twitter Bootstrap 3.0. Подойдет небольшой компании любого типа. Ключевые особенности шаблона: валидный HTML5 и CSS3 код, фиксированное навигационное меню с индикацией текущего раздела, форма контактов на Ajax, иконочные шрифты  FontAwesome, фильтр портфолио – возможность сортировки проектов по стилям.

Демо  |  Скачать

42. Legend

Legend – многоцелевой адаптивный шаблон-одностраничник с элегантным минмалистичным дизайном. Встроенный иконочный шрифт от Fontello, валидность HTML5 & CSS3 кода и совместимость с IE8+, Firefox, Safari, Chrome, Opera делают его пригодным для различных целей: можно использовать под landing page, креативное портфолио и даже как шаблон бизнес сайта.

Демо  |  Скачать

43Urbanic

Urbanic – бесплатный адаптивный шаблон на Bootstrap 3. У шаблона стандартный одностраничный интерфейс с элементами хорошего UX. Портфолио с фильтром по категориям.

Демо  |  Скачать

44. ONE PAGE FREE HTML CSS WEBSITE TEMPLATE – MEILLEUR

Meilleur – универсальный и адаптивный одностраничный шаблон на HTML5, построенный на новом Twitter Bootstrap 3 фреймфорке. Этот бесплатный html css шаблон подойдет агентству или персональному сайту. Meilleur обладает множеством функциональных возможностей профессионального шаблона: галереей изображений, списком цен, формой контактов, ротацией Testimonials (Карусель) и многим другим.

Демо  |  Скачать

 45. 396 smoothy

Бесплатный адаптивный HTML5 шаблон одностраничник с параллакс-скроллингом.

Демо  |  Скачать

46. Portio

Portio –  чистый, плоский и полностью адаптивный шаблон одностраничного сайта на bootstrap 2.3x. Этот профессиональный шаблон подойдет для разных типов пользователей. Ключевые особенности Portio: подготовлен к Retina, isotope portfolio filter плагин стоимостью $25, более 20 предопределенных шаблонов страниц — плюс кастомные цвета, использование LESS CSS и css3 анимации, иконочные шрифты Font Awesome. Покупатели шаблона Portio получают поддержку и возможность бесплатных апдейтов.

Подробнее & Скачать

47. Yebo

Бесплатный одностраничный шаблон с чистым дизайном (PSD в комплекте). Yebo создан на основе фреймворка BootStrap и полностью адаптивен.

Демо  |  Скачать

48.  Merlin

Merlin – бесплатный одностраничный бутстрап шаблон с красивым дизайном.

Подробнее & Скачать

Читайте также:  Landing Page в стиле минимализма. Типографика и фото-бэкграунды в основе целевых страниц

Landing Page шаблоны на Bootstrap

49. Colorful Flat

Colorful Flat – шаблон лэндинга с портфолио, удобный для демонстрации ярких и красочных проектов.

Демо  |  Скачать

50. Magister

Magister — бесплатный шаблон одностраничник на Bootstrap, основной элемент которого — фоновое изображение во весь экран. Шаблон идеален для создания персонального лендинга или «Coming soon» страницы, но может с успехом использоваться и для сайта-портфолио.

Демо  |  Скачать

51. Evento

Evento – одностраничный bootstrap 3 шаблон музыкальной мультимедийной тематики, который можно использовать для отображения запланированных мероприятий. Для этого в нем реализован отсчет времени в обратном порядке. Evento — это бесплатный шаблон премиум-качества с плоским адаптивным дизайном. Его ключевая особенность — скролл-эффект (плавность прокрутки). В составе шаблона: полноэкранный слайдер, липкое меню (Sticky-Menu) с индикацией текущего раздела, Ajax форма контактов, карта Google map на контактной странице.

Демо  |  Скачать

Читайте также:  Эффектные дизайны онлайн-магазинов в стиле Flat и Material