Простые HTML шаблоны. Простые HTML шаблоны Snow - бесплатный шаблон лендинга на HTML5 и CSS3
Когда HTML5 стал поддерживаться современными браузерами,его начали использовать практически во всех современных сайтах. HTML5 в связке с CCS3 предоставляет огромные возможности для создания удивительных, функциональных и удобных сайтов.
В этой подборке я попытался собрать наиболее качественные адаптивные шаблоны сайтов, построенные на HTML5 и CSS3. Несмотря на то, что они бесплатные, вы можете увидеть, что большинство этих шаблонов выглядят как премиум-шаблоны.
5. SquadFree – бесплатный шаблон на Bootstrap HTML5
Squad Free — адаптивный шаблон на bootstrap
6. Pluton – бесплатный одностраничный шаблон на Bootstrap HTML5
Pluton — бесплатный одностраничный шаблон на Bootstrap HTML5
9. E-Shopper — бесплатный шаблон для интернет-магазина
E-Shopper — бесплатный шаблон для интернет-магазина
10. AdminLTE — шаблон панели управления администратора
AdminLTE — шаблон панели управления администратора
11. Magnetic — бесплатный шаблон для сайта фотографа
Magnetic — бесплатный шаблон для сайта фотографа
12. Mabur — адаптивный шаблон для портфолио
Mabur — адаптивный шаблон для портфолио
13. Moderna — адаптивный шаблон сайта на Bootstrap
Moderna — адаптивный шаблон сайта на Bootstrap
14. Sport Here — минималистичный шаблон сайта
Sport Here — минималистичный шаблон сайта
15. Crafty — адаптивный шаблон корпоративного сайта
Crafty — адаптивный шаблон корпоративного сайта
16. Infusion — одностраничный шаблон портфолио
Infusion — одностраничный шаблон портфолио
17. Yebo — HTML/CSS шаблон сайта в плоском стиле
Yebo — HTML/CSS шаблон сайта в плоском стиле
18. Twenty — шаблон на HTML5 с эффектом параллакса
Twenty — шаблон на HTML5 с эффектом параллакса
19. Urbanic — шаблон на Bootstrap
Urbanic — шаблон на Bootstrap
20. Calm — шаблон портфолио
Calm — шаблон портфолио
21. Mamba — одностраничный шаблон
Mamba — одностраничный шаблон
23. Brushed — одностраничный адаптивный шаблон сайта
Brushed — одностраничный адаптивный шаблон сайта
24. Big Picture — шаблон сайта на HTML5
Big Picture — шаблон сайта на HTML5
25. Tesselatte — бесплатный адаптивный шаблон сайта
Tesselatte — бесплатный адаптивный шаблон сайта
26. Overflow — адаптивный шаблон сайта на HTML5
Overflow — адаптивный шаблон сайта на HTML5
27. Runkeeper — шаблон сайта мобильного приложения
Runkeeper — шаблон сайта мобильного приложения
28. Pinball — адаптивный шаблон блога
Pinball — адаптивный шаблон блога
29. Bak One — одностраничный адаптивный шаблон сайта
Bak One — одностраничный адаптивный шаблон сайта
30. Andia — бесплатный шаблон сайта
Andia — бесплатный шаблон сайта
31. Produkta — 4 HTML-шаблона в одном
Produkta — 4 HTML-шаблона в одном
33. Studio Francesca — адаптивный шаблон сайта
Studio Francesca — адаптивный шаблон сайта
34. Prologue — шаблон сайта на HTML5
В данном уроке демонстрируется процесс создания простого 2-х колоночного шаблона.
Шаблон будет состоять из заголовка, горизонтальной панели навигации, боковой панели и нижнего колонтитула. Также он будет центрирован по горизонтали в окне браузера.
Шаг 1. Основная структура.
Сначала создадим основную структуру шаблона.
А затем поместим какое-нибудь содержание в различные разделы:
Простой 2-х колоночный шаблон CSS..com">Опция 2 . . .
Колонка 1
. . .Теперь у нас есть документ HTML совершенно без стилей. Далее мы дуем использовать CSS для построения шаблона на основе данного документа.
Шаг 2. Выравниваем элементы body и html .
Body, html { margin:0; padding:0; color:#000; background:#a7a09a; }
Шаг 3. Основные контейнеры.
Теперь займемся заданием ширины и центрированием области содержания. Для этого зададим значения для свойств ширины и поле основного контейнера #wrap . Также установим для него фон, чтобы выделить на странице.
Метод центрирования содержания основывается на факте, что при установке для левого и правого полей элемента значений auto , они разделяют оставшееся пространство после вычитания ширины элемента из ширины контейнера. В данном случае ширина элемента #wrap будет вычитаться из ширины окна браузера.
Примечание: для того, чтобы данный метод работал в Internet Explorer (версии 6 и старше), документ должен использовать DOCTYPE, который будет указывать для IE на использование стандартного режима.
Мы не используем элемент body для установки ширины и центрирования шаблона, так как в некоторых версиях Internet Explorer это может вызвать нежелательные эффекты.
Затем задаем разным разделам разные фоновые цвета для выделения их на странице.
#header { background:#ddd; } #nav { background:#c99; } #main { background:#9c9; } #sidebar { background:#c9c; } #footer { background:#cc9; }
Шаг 4. Размещаем колонки рядом одна с другой
Для размещения рядом колонок (#main и #sidebar) делаем их плавающими и смещаем одну влево, а другую вправо. Также задаем ширину колонок.
#main { float:left; width:500px; background:#9c9; } #sidebar { float:right; width:250px; background:#c9c; }
Обратите внимание, что сумма ширин колонок должна быть равна ширине элемента #wrap .
Теперь элемент #sidebar выводится справа от элемента #main , но нижний колонтитул находится не на своем месте.
Шаг 5. Задвигаем нижний колонтитул вниз
Нижний колонтитул не становится на свое место потому, что продолжает действовать свойство float . Когда элемент делается плавающим, он удаляется из общего потока документа и не сдвигает вниз другие элементы, которые следуют за ним. Поэтому элемент #footer начинается сразу ниже элемента #sidebar .
Чтобы исправить положение, надо установить свойство clear для нижнего колонтитула, чтобы указать ему, что он не может иметь других элементов рядом.
#footer { clear:both; background:#cc9; }
Шаг 6. Устанавливаем фон для боковой колонки
Теперь видно, что более короткая колонка не продляется до нижнего колонтитула. Чтобы сделать внешний вид однообразным, установим одинаковые цвета фона для элементов #sidebar и #wrap .
#sidebar { float:right; width:250px; background:#99с; }
Если вы не знаете, какая колонка будет длиннее, а какая короче, то придется воспользоваться одним из методов для установки цвета фона.
Шаг 7. Делаем навигационную панель горизонтальной
Элемент #nav содержит обычный неупорядоченный список ссылок. Нам нужно изменить его внешний вид:
#nav ul { margin:0; padding:0; list-style:none; } #nav li { display:inline; margin:0; padding:0; }
Шаг 8. Выравниваем поля, отступы, и добавляем совместимости с IE 6
Почти готово. Нужно выровнять свойства margin и padding для некоторых элементов, чтобы сделать шаблон более приличным.
#header { padding:5px 10px; background:#ddd; } h1 { margin:0; } #nav { padding:5px 10px; background:#c99; } #main { float:left; width:480px; padding:10px; background:#9c9; } h2 { margin:0 0 1em; } #sidebar { float:right; width:230px; padding:10px; background:#99c; } #footer { clear:both; padding:5px 10px; background:#cc9; } #footer p { margin:0; }
Когда добавляются отступы для элементов #main и #sidebar , нужно вычесть их размер справа и слева из ширины элементов. Так как нужно учесть действие модели прямоугольника CSS.
И теперь надо компенсировать ошибку с плавающими элементами в Internet Explorer 6. Если посмотреть на результат шага 6 в IE 6, то можно заметить, что нижний колонтитул сдвинут ниже #main . Попробуйте подвигать страницу вверх-вниз, если не заметили дефекта сразу.
Для устранения дефекта воспользуемся методом звезды HTML, чтобы задать для нижнего колонтитула высоту только для IE 6:
* html #footer { height:1px; }
Данный код может выглядеть несколько странно, но из-за другой ошибки в IE нижний колонтитул не может быть высотой в один пиксель и будет растягиваться на размер содержания.
Все представленные шаблоны для своего сайта построены на современных версиях HTML5 и CSS3. Кроме того, авторы применяют такие модные фишки, как плоский дизайн, отзывчивый дизайн, адаптивная верстка, слайдеры на jQuery, анимация на CSS3 и пр. То есть, если вы ищете шаблон мобильного сайта, то можете выбрать любой из представленных. Красивые html5 шаблоны 2017 , хоть и бесплатны, но выглядят на уровне премиум-класса.
Здесь вы найдете более 50 бесплатных адаптивных шаблонов сайтов высокого качества на HTML5 и CSS3, которые можно использовать как для новых сайтов, так и для переделки уже существующих. Стильные шаблоны сайтов html5 - это то, что вам нужно!
Обновлено 12.03.2019 : Так как статья была написана 2 года назад, то многие ссылки стали битыми. Либо владельцы шаблонов слились, либо поменяли статус шаблонов с бесплатных на платные, либо инопланетяне все похерили. Просьба к вам, уважаемые читатели, если нашли такую ссылку, киньте в комментах, я поправлю.
1. Snow - бесплатный шаблон лендинга на HTML5 и CSS3
Шаблон html5 css3 целевой страницы Snow построен на фреймворке Bootstrap. Шаблон очень стильный и классный! Фиксированный фон и громадный Jumbotron - штука, которая показывает главное содержимое сайта. А что на лендинге самое главное? Правильно, призыв к действию. Естественно, шаблон полностью адаптирован под мобильные устройства. Вы можете использовать его даже в качестве основы для собственных шаблонов.
2. Sima - шикарный коммерческий шаблон сайта
Этот шаблон html5 css3 также построен на фреймворке Bootstrap. Вы можете создать на этом шаблоне уникальный сайт с портфолио, вашей командой, ценами, отзывами и всем другим, что будет необходимо. Например, отлично подойдет этот шаблон для сайта клининговых услуг. Анимация в этом шаблоне плавная и эффектная, чистые и хорошо читаемые шрифты. Просто идеальный шаблон!
3. White - прекрасный шаблон одностраничника!
Отличительная особенность шаблона сайта White - два варианта фона в верхней части. На ваш выбор либо слайдер с картинками, либо видео фон. Очень качественный и эффектный шаблон для сайта!
4. Platz - бесплатный HTML5 шаблон сайта на основе сетки
Современный, визуально привлекательный HTML5 шаблон сайта, разработанный на основе сетки (подробнее о сетке читайте ). Красивый и отзывчивый дизайн шаблона для блога или сайта.
5. Mart eCommerce - прекрасный HTML5 и CSS3 шаблон сайта для электронной коммерции
Свежий и стильный дизайн шаблона сайта лучше всего подходит для всех видов модных сайтов, продающих обувь, одежду, часы, аксессуары, спортивную одежду и др. В комплекте идет PSD файл, который вы можете скорректировать под свои нужды.
6. Nava - эффектный HTML5 и CSS3 шаблон для творческих сайтов
Nava представляет собой современный HTML5 шаблон сайта, который используется в основном для творческих профессионалов, которые хотят показать их работу во всей красе. Множество вариаций настроек шаблона позволяет сделать ваш сайт уникальным. Легкий, красивый и отзывчивый шаблон для сайта.
7. Box Portfolio - уникальный творческий шаблон сайта на HTML5 и CSS3
Шаблон сайта Box Portfolio обладает чистым и современным минималистичным дизайном. Отлично подойдет для профессионалов, желающих эффектно показать свои работы в сети. Как следует из названия, шаблон сайта идеально заточен под портфолио.
8. Mountain King - популярный и функциональный HTML5 и CSS3 шаблон сайта
Горная тема в дизайне сайтов очень популярна в последнее время. Шаблон сайта Mountain King не исключение. Включает 336 векторных иконок от Typicons. Плюс великолепная анимация на CSS3. Шаблон отлично подойдет для сайтов о путешествиях и портфолио.
9. Beauty Spa - классный шаблон сайта на HTML5 и CSS3 для спа-салонов
Beauty Spa - отзывчивый шаблон сайта, имеющий множество функций, идеально подходящих для сайтов спа-салонов, оздоровительных или фитнес-центров, сайтов о йоге или даже парикмахерских. Отличная читаемость шрифтов и ненавязчивый минимализм.
10. Bent – стильный и эффектный лендинг для сайтов на HTML5 и CSS3
Bent - великолепный бесплатный шаблон сайта на html5 и css3. Отзывчивый дизайн, CSS3 анимация, параллакс прокрутка, настраиваемая навигации и прочие вкусняшки. Это чистый дизайн шаблона для сайтов, которые хотят использовать сбалансированную конструкцию, чтобы гарантировать, что посетители будут наслаждаться внешним видом сайта, и в то же время четко видеть его основное содержание.
11. Triangle - бесплатный отзывчивый многоцелевой шаблон на HTML5 и CSS3
Triangle эксклюзивный творческий HTML5 и CSS3 шаблон сайта специально для тех, кто хочет нарулить свой клевый дизайн, но при этом не сделать хуже. В шаблоне есть более 40 предварительно разработанных страниц, которые позволят вам настраивать ваш сайт, как душе угодно.
12. Future Imperfect - блестящий шаблон сайта для творческих людей!
Испытайте подлинное чувство удовольствия с этим шаблоном сайта, идеально подходящим для писателей, авторов, копирайтеров и других работников пера и бумаги. Шаблон можно использовать также для личного блога, блога о путешествиях, о творчестве и пр. Креативный дизайн и адаптивная верстка шаблона понравятся многим.
13. Bodo - прекрасный шаблон для персонального сайта
Bodo - красивый шаблон сайта на HTML5 и CSS3, который идеально подходит для персонального сайта. Особенно для организации портфолио. Чистая и четкая типографика, карусельный слайдер, всплывающие popup окна для показа работ и многое другое.
14. Lens - идеальный HTML5 шаблон сайта для фотографов
Фотографы всегда ищут идеальный шаблон для своего сайта, чтобы показать работы во всей красе, эффектно и самое главное - крупно! Редкий шаблон сайта отвечает этим требованиям. Lens - один из таких шаблонов сайта фотографа.
15. Spectral - уникальный шаблон сайта ручной работы на HTML5 и CSS3
Если вы ищете бесплатные шаблоны сайтов по теме авто тематика , то Spectral будет идеальным решением. Здесь совершенно уникальный дизайн шаблона одностраничного сайта ручной работы. Дизайн можно менять по своему усмотрению. С помощью этого шаблона можно сделать потрясающий сайт абсолютно на любую тему, будь то впечатляющий блог о путешествиях или фотогалерея, сайт автомобильной тематики или хостинг-провайдера.
16. Oxygen - одностраничный HTML5 и CSS3 шаблон сайта
Oxygen - удобный и уникальный шаблон для бизнес сайта. Современный плоский дизайн, адаптивная верстка. Наример, этот шаблон идеально подойдет для сайта о мобильных приложениях или мобильной технике.
17. Mobirise Bootstrap - совершенный бесплатный шаблон сайта на HTML5 и CSS3
Если вы ищете бесплатный шаблон сайта, то Mobirise Bootstrap будет идеален, чтобы начать работу. Это многофункциональный шаблон с массой дополнений в комплекте. Три, предварительно сделанные, макета главной страницы и блога помогут вам в этом. Mobirise Bootstrap также SEO оптимизирован на 100% и адаптирован под любые размеры экранов.
18. La Casa - красивый и бесплатный HTML5 шаблон для сайта недвижимости
Шаблон Brandy прекрасно подойдет для организации коммерческого сайта о недвижимости. Отзывчивый и очень красивый дизайн понравится не только владельцу сайта, но и посетителям.
19. Drifolio - стильный HTML5 шаблон сайта для портфолио
Стильный и анимированный HTML5 и CSS3 шаблон сайта для организации портфолио. Чистый дизайн, отличная типографика, красивые иконки и многое другое.
20. Pluton - яркий и стильный шаблон для одностраничного сайта
Pluton – яркий и эффектный шаблон сайта на Bootstrap. Современный шаблон сайта, с его уникальным одностраничным макетом и адаптивным дизайном, который отлично подходит для студий, фотографов и творческих дизайнеров.
21. SquadFree - профессиональный шаблон одностраничного сайта на HTML5
Шаблон SquadFree отлично подойдет для создания коммерческого одностраничного сайта. Выглядит шаблон не только профессионально, но и адаптирован под все виды экранов. Шаблон собран на основе Bootstrap.
22. Sublime - завораживающий шаблон сайта на HTML5 и CSS3
Sublime - чистый и потрясающе красивый шаблон сайта на HTML5 и CSS3, идеально подходящий для стартапа, креативного агентства или сайта-портфолио. Отзывчивый дизайн и два варианта страниц на выбор.
23. Timber - необычный и красивый HTML5 и CSS3 шаблон сайта
Timber - свежая, стильная и необычная тема шаблона одностраничного сайта. Диагональ - главная фишка дизайна этого шаблона. Шаблон отлично подойдет для бизнес-сайта или портфолио. Есть встроенная галерея, карта и контактная информация, которые вы легко сможете адаптировать под себя.
24. E-Shopper - лучший шаблон сайта для электронной коммерции
E-Shopper - прекрасный вариант шаблона сайта для электронной коммерции. Построен на основе bootstrap с удивительным набором функций для полноценного и эффективного интернет-магазина.
25. Magnetic - бесплатный HTML5 и CSS3 шаблон для фотосайта
Совершенно потрясающий HTML5 и CSS3 шаблон для создания фотосайта или портфолио дизайнера, иллюстратора или художника. Этот шаблон поднимает планку профессиональных шаблонов на новый уровень! Отзывчивый дизайн, отличная поддержка всех видов устройств отображения, легкая и удобная навигация и многое другое.
26. Mabur Portfolio - прекрасный шаблон сайта в стиле минимализма на HTML5 и CSS3
Плоский дизайн этого шаблона сайта в стиле минимализма отлично подойдет для создания портфолио. В шаблоне все детали выверены идеально!
27. Modern Bootstrap HTML5 - бесплатный одностраничный шаблон сайта
Этот бесплатный одностраничник на основе фреймворка Bootstrap прекрасно подойдет для корпоративных сайтов, как для малых компаний, так и для крупных. Плоский дизайн, адаптивная верстка, все элементы дизайна высокого качества. Шаблон представлен в 4 различных цветах.
28. Infusion - стильный одностраничный шаблон сайта на HTML5 и CSS3
Infusion - это прекрасный пример шаблона сайта в стандартах HTML5 и CSS3, который специально разработан для создания бизнес портфолио. Богатая функциональность этого шаблона позволяет эффективно работать с клиентами и привлекать новых.
29. Yebo - корпоративный шаблон сайта на HTML5 и CSS3
Этот высококачественный шаблон сайта в плоском стиле прекрасно подойдет для любого корпоративного сайта. Адаптивный дизайн, масса настроек и возможностей для редактирования.
30. Twenty - эффектный HTML5 и CSS3 шаблон сайта с параллаксом
Этот уникальный и очень красивый шаблон сайта с эффектом параллакса не оставит никого равнодушным. Одностраничный шаблон построен на чистом HTML5 и CSS3 с адаптивной версткой, впечатляющими фонами, поддержкой социальных медиа и пр.
31. Urbanic – отличный HTML5 и CSS3 шаблон сайта на Bootstrap
Urbanic – свежий и классный HTML5 и CSS3 шаблон сайта, построенный на движке Bootstrap. Прекрасно подходит, чтобы сразу начать создавать свой сайт без особых проблем. Шаблон отлично адаптирован под любые размеры экранов.
32. Design Showcase - HTML5 шаблон сайта для портфолио
Визуально гармоничный и эффектный шаблон сайта на HTML5 для организации вашего портфолио. Шаблон прекрасно адаптирован под мобильные устройства, что для сайтов такого формата очень непросто сделать.
33. Mamba One - простой и стильный шаблон сайта на HTML5 и CSS3
Mamba One - это пример простого, но стильного шаблона сайта для создания одностраничника. Совместим со всеми современными браузерами и везде будет отображаться адекватно.
34. KreativePixel - бесплатный шаблон сайта для фотографов
Еще один прекрасный шаблон сайта для фотографов. Отзывчивый дизайн и очень удобная сортировка фоток в портфолио и галереях понравятся многим любителям фотографии. В шаблоне также применен параллакс-эффект, что тоже впечатляет зрителей при просмотре фоток.
35. Retina Ready Responsive App - бесплатный шаблон лендинга на HTML5 и CSS3
Как следует из названия, этот замечательный шаблон сайта не только идеально заточен под целевые страницы, но и отвечает новым мобильным веяниям, особенно в плане четкости отображения на устройствах с Retina дисплеями.
36. Brushed - отзывчивый HTML5 и CSS3 шаблон сайта на движке Bootstrap
Brushed - отзывчивый, бесплатный HTML5 и CSS3 шаблон сайта на основе движка Bootstrap. Также оптимизирован для Retina дисплеев (iPhone, IPAD, IPod Touch и MacBook Pro Retina).
37. Big Picture HTML5 и CSS3 шаблон сайта
Добро пожаловать на Big Picture! Этот адаптивный шаблон сайта на HTML5 прекрасно подойдет всем творческим людям, которым есть что показать, и показать это крупно и эффектно на своем сайте. Кроме того, в шаблоне применена отличная анимация.
38. Tesselatte - бесплатный отзывчивый шаблон на HTML5 и CSS3
Простой шаблон одностраничника, который учитывает все необходимые инструменты для успешного создания сайта. Идеально подойдет для личного блога писателя, копирайтера и просто любителя печатного слова.
39. Overflow - уникальный шаблон сайта на HTML5 и CSS3
Этот уникальный шаблон сайта на чистом HTML5 и CSS3 прекрасно подойдет любому творческому человеку. Он полностью отзывчивый и совершенно бесплатный.
40. Runkeeper - отзывчивый и очень красивый шаблон сайта
Runkeeper - бесплатный, отзывчивый и очень красивый шаблон сайта. Его можно использовать для сайта любой тематики. Блестящий стиль и четкие шрифты, адаптивный дизайн и впечатляющие детали шаблона. Все работает на вас!
41. Pinball Responsive Grid Style - отличный шаблон сайта на основе сетки
Этот замечательный профессиональный шаблон сайта на основе сетки идеально подойдет для корпоративного сайта. Современный плоский дизайн и отзывчивая структура шаблона прекрасно отображается как на экранах больших мониторов, так и мобильных устройств.
42. Prologue - чистый шаблон одностраничного сайта на HTML5 и CSS3
Этот чистый, простой и четкий шаблон сайта на HTML5 и CSS3 прекрасно подойдет для постройки лендинга. Минималистический дизайн не отвлекает от главного. Эффектная боковая панель навигации с прокруткой и четкие линии страницы - просто идеальное сочетание!
43. Helios - современный шаблон сайта на чистом HTML5 и CSS3
Еще один шаблон сайта в стиле минимализма и чистых форм. Специально разработан, чтобы использовать преимущества больших экранов дисплеев, но так же прекрасно адаптирован и под маленькие экраны мобильных устройств.
44. Telephasic - бесплатный и отзывчивый шаблон сайта на HTML5
Этот современный, отзывчивый и абсолютно бесплатный шаблон сайта обладает одним большим преимуществом - он прост и лаконичен, но многим именно этого и не хватает.
45. Strongly Typed - очень красивый шаблон сайта в стиле полу-ретро
Новый шаблон сайта с минималистичным полу-ретро стилем. Просто ретро уже не в моде, а вот легкий намек на него - очень даже кстати. Этот шаблон сайта полностью отзывчивый, построен на чистом HTML5 и CSS3 и включает все необходимые основные элементы страницы. Шаблон Strongly Typed идеально подойдет для сайтов творческой тематики. Например, для сайта о домашнем декоре .
46. Striped - чистый, красивый и функциональный шаблон сайта HTML5 и CSS3
Свежий и чистый, красивый и функциональный, новый шаблон сайта на HTML5 и CSS3. Имеет в своем арсенале все необходимые элементы страниц, в том числе оформленные цитаты, таблицы и списки, а также адаптированный сайдбар (справа или слева - по вашему желанию).
47. Parallelism - необычный и стильный шаблон сайта на HTML5 и CSS3
Parallelism - стильный шаблон сайта для организации портфолио или фотографий. Необычность его в том, что прокрутка здесь не вертикальная, как обычно, а горизонтальная. Это придает сайту особый шик и запоминаемость.
48. Miniport - полностью отзывчивый HTML5 шаблон сайта в стиле минимализма
Отличный шаблон сайта в стиле минимализма на HTML5. Прекрасно подойдет как для личного сайта/блога, так и для небольшого корпоративного сайта одностраничника или в качестве сайта-визитки.
49. Verti - просторный и свободный отзывчивый шаблон сайта на HTML5
Чистый и просторный дизайн этого шаблона сайта прекрасно подойдет для набольших корпоративных сайтов или для коммерческих проектов. Отзывчивый и удобный как для автора, так и для пользователей.
50. ZeroFour - впечатляющий и стильный шаблон сайта на HTML5 и CSS3
И последний в списке, но не последний по качеству и внешней эффектности шаблон сайта - ZeroFour. Стильный дизайн, очень красивое меню, идеально выверенные формы и кнопки, красивые иконки и многое другое. И все это абсолютно бесплатно!
Надеюсь, вы нашли для себя что-то подходящее среди этих замечательных шаблонов сайтов на HTML5 и CSS3. Удачи!
Добавьте в закладки, чтобы потом быстро найти.
ПС: Если никак не можете определиться с выбором, прочтите статью «Я не знаю, чего я хочу» . Будет полезно.
Всем привет друзья! В этом майском посте я представлю вашему вниманию простые, чистые, минималистичные адаптивные шаблоны и темы WordPress.
Это сейчас очень актуально, ибо дизайн это лицо вашего сайта, а когда на нем всего напичкано и пестрит всеми цветами радуги, то это не особо вызывает доверие, а порой даже, зрительно отторжение.
Мой блог тоже совсем скоро будет выполнен в простом стиле с использованием резиновой верстки. Кстати, в моей заметке вы можете без проблем с помощью прикольного плагина. Итак, приступим к обзору самых классных и простых адаптивных шаблонов. Всего их 67.
Все они бесплатные, вы можете их скачать и начать использовать прямо сейчас. В конце статьи я решил сделать для вас подарок, но не спешите идти сразу в конец поста 🙂 Пусть это будет маленькая интрига.. Если хотите закачать темы по отдельности, то ПРОСТО НАЖИМАЙТЕ НА ИЗОБРАЖЕНИЕ ШАБЛОНА
Простой шаблон, выполненный в стиле минимализма для авторов, публицистов, с набором шрифтов и резиновой версткой. Как всегда, ничего лишнего, только контент.
Daily
Тема WordPress для портфолио. Простая и аккуратная с большим слайдером. Из особых характеристик:
Чистый шаблон WordPress, доступный на официальном одноименном сайте. Тема для портфолио с прикольным расположением плиток.
Fukasawa
Симпатичный шаблон для фотографов с удобным отображением на мобильных устройствах. Доступен как на больших широких Mac экранах 27 дюймов и на 3.5 дюймах айфонах. Можно менять на свое усмотрение цвет фона, загружать свой логотип, Сайдбар включает в себя область из 5 виджетов. Поддерживает галлереи видео и фото. Дизайн выполнен в стиле разметки Pinterest. Опытный глаз это заметит.
Чистый стильный дизайн для фотографов и дизайнеров. Можно скачать в официальном репозитории wordpress.org
Cody
Красивая и универсальная тема для блога, выполненная просто и со вкусом. Из особенностей темы:
- Готовая область с виджетами (в сайдбаре)
- Простая установка, опции темы для страницы (под каждую можно задавать свой дизайн)
- Область для загрузки произвольного лого,
- Встроенная поддержка шрифтов от Google и переключаемая типография (можно менять шрифты одним кликом)
- Социальные иконки
- Простое SEO
- Область для вставки кода статистики и
- Jquery PrettyPhoto Lightbox
- Произвольное меню
На сайте нужно пройти регистрацию, чтобы скачать тему.
Просторная минималистичная тема для портфолио. Расположение в виде плиток.
Pure
Игривая и чистая тема для творческих профессионалов. Давайте взглянем на ее содержимое:
- Широкоформатный растягивающийся дизайн
- Полное отображение всех цветов на Retina дисплеях
- Сеточное положение всех элементов
- 5 различных типов заголовков
- Разнообразные стили для портфолио (выбор колонок от 1-4 для лучшего отображения ваших работ и создания оригинальной структуры)
- Валидный HTML5 и CSS3 код и разметка
- GT3 конструктор страницы (можно собирать свои элементы на странице в визуальном исполнении).
- Мощная функциональная темы
- Быстрая и простая установка
- Локализованная тема (под разные языки)
- 430 иконок Font Awesome
- Простое и легкое управление цветами
- Дружественный SEO интерфейс
- 600+ шрифтов от Google
- Расширенная документация по теме
Вот такая мощь скрывается в простой и доступной бесплатной теме.
Pho
Хорошая полноразмерная тема (если не используете сайдбар)
2 шаблона страницы (стандартный и в виде плиток). Из шрифтов поставляются следующие:
- Helvetica
- Cabin
- Open Sans
- Droid Sans
- Droid Serif
- Raleway
2 области с виджетами (футер и сайдбар)
- Простой адаптивный шаблон готовый для отображения на ретина дисплеях
- Встроенные социальные кнопки в область заголовка (header), футера, а также на страницах
- Добавление цветов для фона, а также можно задавать картинку и все это легко переключается
- Интеграция JetPack
- 3 произвольных виджета – последние записи с миниатюрами, недавние комментарии, Flickr
Блоговая тема с «жирными» шрифтами.
Стильная и простая адаптивная тема в стиле флэт. Идеально подойдет для портфолио и бизнеса. Данный шаблон:
- Совместим с последними версиями Вордпресс
- Имеет расширенную документацию по установке и эксплуатации J
- Поддержка пользователей от самих разработчиков
- Респонсивный дизайн (на любых устройствах смотрится хорошо, вне зависимости от ширины экрана)
- Встроенный «настройщик» (загружайте лого, меняйте цвета темы, изменение текста в подвале сайта, вставляйте треккинг скрипты в режиме реального времени)
- Произвольные виджеты
- Доступна для перевода на многие языке (есть файлы.po .mo)
- Сотни гугловских шрифтов и иконок
Rams
Простой адаптивный шаблон с большим количеством стилей для блоггеров.
Time
Простая одноколоночная тема для персонального блога.
Ravel
Простой шаблон WordPress, сделанный в двух цветовых сочетаниях – светлом и темном исполнении. Отлично подойдет для тех, кому есть показать свои работы (дизайнеры, веб разработчики).
Аккуратная и чистая журнальная тема на WordPress
Isola
Идеально подходит для демонстрации ваших записей, фотографий, видео материалов. Благодаря расположению элементов – тема словно «дышит» свободно, давая вам волю для размещения контента.
Для тех издателей и вебмастеров, кто ставит контент на первое место.
Доброе приведение теперь перешло в веб дизайн с его минималистичным и стильным подходом. Качаем с официального сайта WordPress
Just Write
Многофункциональная и чистая журнальная тема на Вордпресс.
Catch Kathmandu
Данный простой адаптивный шаблон не имеет ничего лишнего, что способно отвлечь от восприятия информации на сайте. Крупное изображение в верхней части четко захватывает внимание и воображение ваших посетителей. Приятные шрифты без засечек. Также в этой теме можно разместить обновление статуса и «липкие» (фиксированные) сообщения.
Minimaliste отображает все ваше содержимое с особой простотой. Вас не должно беспокоить, что ваша информация на странице «заблудится», так как она не имеет сайдбаров по умолчанию.
В нем есть большой слайдер, путешествующий с вами по страницам, 11 приятных шрифтов. В него интегрированы иконки социальных медиа и другие опции, такие как изменение цвета фона и логотипа.
Уникален этот шаблон тем, что имеет в себе настройки и опции для всех форматов постов. Вы можете выбрать между одно и двухколоночным вариантом и менять цветовой профиль.
Также в ней имеется возможность закреплять посты и устанавливать древовидные комментарии WordPress. На ваш выбор также или сайдбар справа или целая по длине страница с подключением трех виджетов чуть ниже самого контента.