Простой шаблон сайта html css – 30 красивых и бесплатных HTML и CSS шаблонов для Ваших новых проектов и сайтов


10.02.2017 Facebook Twitter LinkedIn Google+ Советы художника


Содержание

50 Бесплатных Шаблонов Сайтов на HTML5 и CSS3

Свежие бесплатные шаблоны сайтов 2017 г. на HTML5 и CSS3. Любой шаблон html5 css3 можно скачать как для личного пользования, так и для коммерческих проектов. Тематика шаблонов самая разная. Здесь и шаблоны портфолио, шаблоны корпоративных сайтов, лендинги (целевые страницы), шаблоны сайтов услуг, шаблоны блогов и фотогалерей.

Все представленные шаблоны для своего сайта построены на современных версиях HTML5 и CSS3. Кроме того, авторы применяют такие модные фишки, как плоский дизайн, отзывчивый дизайн, адаптивная верстка, слайдеры на jQuery, анимация на CSS3 и пр. То есть, если вы ищете шаблон мобильного сайта, то можете выбрать любой из представленных. Красивые html5 шаблоны 2017, хоть и бесплатны, но выглядят на уровне премиум-класса.

Здесь вы найдете более 50 бесплатных адаптивных шаблонов сайтов высокого качества на HTML5 и CSS3, которые можно использовать как для новых сайтов, так и для переделки уже существующих. Стильные шаблоны сайтов html5 — это то, что вам нужно!

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. Удачи!

Добавьте в закладки, чтобы потом быстро найти.

ПС: Если никак не можете определиться с выбором, прочтите статью «Я не знаю, чего я хочу». Будет полезно.

www.websovet.com

30 красивых и бесплатных HTML и CSS шаблонов для Ваших новых проектов и сайтов

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

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

Если Вы не найдёте в этой подборке подходящий шаблон, тогда обязательно посмотрите прошлые подборки:

Классный HTML и CSS шаблон для сайта — Beauty Class

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

Замечательны и минималистический CSS шаблон — Good-natured

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

Классный HTML и CSS шаблон с красивой шапкой сайта — Rock Castle

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

Тёмный шаблон на HTML — Wood Working

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

Очень красивый светлый шаблон на CSS — Designa

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

Классный HTML шаблон со слайдером — Folder

Демо ι Страница загрузки

Шаблон для ресторанов на HTML — BookStore

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

Бесплатный CSS шаблон с классной каруселью — Carousel

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

HTML и CSS шаблон для Вашего сайта в голубых тонах — Sailing

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

Замечательный шаблон с классным слайдером — Glossy Box

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

Клёвый тёмный HTML шаблон с классным слайдером картинок — Liquid

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

Музыкальный CSS шаблон для сайта — Musical Instruments

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

Не плохой шаблон для Вашего сайта в тёмных тонах — Darkside

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

Красивый CSS шаблон для сайта в голубых тонах — Medical Clinic

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

Красивый HTML шаблон в тёмных тонах — Erasure

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

Отличный шаблон на сайт с HTML и CSS — BeSmart

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

Замечательный блоговый шаблон на CSS — Free Software

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

Бесплатный тёмный CSS шаблон для сайта — Buzz

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

Мини шаблон для сайта — Mini Two

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

HTML шаблон с аккордеоном изображений — Accordion

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

Замечательный CSS блоговый шаблон для сайта — Briefcase

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

Минималистический CSS и HTML шаблон — Light Gray

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

Шаблон для зоопарков — Zoo

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

Классный и тёмный CSS шаблон — Dark Pro

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

Замечательный CSS шаблон в серых тонах — Calliope

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

Классный шаблон для блогов  — Xtreme

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

Шаблон с классной шапкой сайта — Halcyonic

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

CSS шаблон для сайта в голубом оформлении — Indication

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

Ещё один блоговый шаблон — Elegant Blue

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

HTML шаблон с красивым меню — Design Company

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

Красивый шаблон-визитка — Cardex

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

beloweb.ru

38 адаптивных html шаблонов / HTML шаблоны / Постовой

Идешь по улице и видишь у каждого в руках смартфон или планшет. Число посетителей с мобильных устройств уже приравнивается к числу посетителей со стационарными компьютерами. Для них всех нужно создать одинаково комфортные условия изучения веб-сайта. Для этого была придумана адаптивность. С адаптивной темой люди будут себя чувствовать так, как будто они находятся в приложении, которое изначально было заточено под их девайс. В эту подборку вошли только адаптивные html шаблоны и самое приятное — все бесплатно. Стоит отдать должное веб мастерам, которые думают не только о собственной наживе. Будем им благодарны, ведь Open Source — это прекрасно!

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

Практически все шаблоны хорошего качества с отличным кодом. Выполнены на HTML, HTML5 и CSS. Они отлично послужат веб-мастерам в качестве отменного инструмента для создания блога или Landing Page.

См. также:
10 бесплатных шаблонов на HTML5 и CSS3
23 бесплатных адаптивных html шаблона
37 адаптивных HTML5 CSS3 шаблонов

HELIOS

Очень красивый адаптивный html шаблон премиум класса. Он разделен на несколько экранов, которые адаптируются под высоту монитора. В каждом из них присутствует какой-то очень вкусный скрипт, к примеру слайдер или галерея.
Демо | Скачать

Wee

Адаптивный HTML5 шаблон из классным слайдером для бизнес-сайта или портфолио. В архиве присутствует верстка таких страниц как:

  • Главная страница (с навороченным слайдером)
  • Главная страница (со слайдером попроще)
  • Главная страница (без слайдера, но с классно оформленным заголовком)
  • Услуги
  • О нас
  • Портфолио (3 колонки)
  • Портфолио (4 колонки)
  • Страница портфолио
  • Страница прайс-листа (2 и 3 столбика)
  • Страница 404
  • Страница FAQ
  • Текстовая страница
  • Блог

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

OVERFLOW

Отличный адаптивный html шаблон в супер качестве. Он разбит на экраны, которые подстваиваются под высоту монитора. Это идеальное решение для создания Landing Page или портфолио. В шаблоне также присутствует галерея, которую можно использовать для демонстрации своих работы или продукта.
Демо | Скачать

PROLOGUE

Адаптивный html шаблон с боковой колонкой. Изначально заточен под портфолио, но можно адаптировать практически под любые задачи.
Демо | Скачать

FlatWEB

Шаблон на html5 выполнен в плоском, так сейчас популярном, стиле. Идеально подойдет для создания посадочной страницы.
Демо | Скачать

Шаблон Landing Page

Современный, чистый и легкий шаблон Landing Page со слайд-панелью навигации.
Демо | Скачать

Шаблон Landing Page для мобильного приложения

Бесплатный, адаптивный HTML шаблон для мобильного приложения оптимизирован под ретина дисплеи. Как заверяют разработчики, в нем также приведена SEO оптимизация.
Демо | Скачать

Страница-заглушка

Адаптивная страница заглушка на html. В шеблоне есть таймер обратного отсчета и интегрированная google карта.
Демо | Скачать

Atolo

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

Адаптивный шаблон-галерея

Эффектный шаблон с сеткой в стиле Pinterest. Идеально подойдет для портфолио или просто галереи изображений.
Демо | Скачать

Адаптивный html мини-шаблон личной странички

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

Halftone

Адаптивный HTML шаблон в ретро стиле. Хорошо подходит для личного блога.
Демо | Скачать | Скачать PSD

Pichichi

Очень чистый адаптивный шаблон для портфолио в стиле минимализм. Демо версию шаблона автор, к сожалению, не сделал. Пришлось скачать и разместить верстку на нашем сервере, так как для такой замечательной темы долно обязательно быть демо.
Демо | Скачать

Madison

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

Simpler

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

Zeni

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

Simple

Адаптивный HTML шаблон в плоском стиле. Подходит для создания сайта-визитки.
Демо | Скачать

Liquid Gem

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

Iridium

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

Aqueous

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

Imagination

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

Affection

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

Monochromed

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

Royale

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

Altitude

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

Elemental

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

Eleganta

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

Synchronous

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

Affinity

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

Colorized

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

Skylined

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

Citrusy

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

EX-machina

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

Azure

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

Tapestry

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

HeavyIndustry

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

MEGACORP

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

Просто бесплатный шаблон

Скачать

postovoy.net

Несколько бесплатных HTML шаблонов за июнь 2015 года

Приветствую Вас, дорогие друзья! Сегодня я Вам спешу представить снова прекрасную подборку самых разнообразных шаблонов в HTML, которые совершенно бесплатные! Так де они имеют современный дизайн, благодаря которому Ваш сайт будет выглядеть современно.

Спасибо http://speckyboy.com и рекомендую к просмотру:

Адаптивный HTML шаблон с параллаксом

Скачать

Отличный и минималистический шаблон для сайта на HTML

Скачать

Адаптивный шаблон на тему кафе и ресторанов

Скачать

Одностраничный HTML шаблон для создания онлайн резюме

Скачать

Простой и не сложный шаблон на HTML

Скачать

Минималистические шаблон с адаптивным дизайном бесплатно

Скачать

Крутой шаблон на HTML для агенства

Скачать

Отличный вариант шаблона для создания блога

Скачать

HTML5 шаблон с чистым и отзывчивым дизайном

Скачать

HTML шаблон, который имеет ряд крутых эффектов

Скачать

Светлый шаблон для сайта с отзывчивым дизайном

Скачать

Крутой и бесплатный шаблон с современным дизайном

Скачать

Шаблон на HTML для создания портфолио

Скачать

Корпоративный шаблон

Скачать

Одностраничный шаблон с крутым и простым дизайном

Скачать

Простой шаблон для новостных блогов

Скачать

Тёмный HTML шаблон для создания портфолио

Скачать

Шаблон для любителей минималистического дизайна

Скачать

Портфолио шаблон на HTML

Скачать

Шаблон с отличным консервативным видом

Скачать

Адаптивный шаблон для создания портфолио

Скачать

Шаблон для создания мощной админ панели

Скачать

Шаблон на тему игры престолов

Скачать

Белый одностраничный шаблон для будущего сайта

Скачать

Классный и одностраничный шаблон на HTML

Скачать

Самый простой и одностраничный шаблон

Скачать

Портфолио шаблон с адаптивным дизайном

Скачать

Корпоративный шаблон с плоским дизайном на HTML

Скачать

Пикколо — отличный шаблон с на малой функциональностью

Скачать

Крутой шаблон с Flat дизайном

Скачать

Шаблон для создании админки

Скачать

Простой и минималистический шаблон на HTML

Скачать

Многоцелевой и одностраничный шаблон бесплатно

Скачать

HTML шаблон на Bootstrap 3

Скачать

Шаблон для ведения документации

Скачать

Отличный шаблон для создания минималистической админ панели

Скачать

Шаблон с большим изображением

Скачать

beloweb.ru

Простой шаблон для сайта на три колонки! — Блог Сергея Оганесяна

Приветствую вас дорогие читатели! В этой статье я приведу код простого шаблона на 3 колонки для сайта на html!

Как и всегда, в уроках подобного формата, в конце статьи будут опубликованы исходные файлы и демо пример.

Итак, шаблон у нас будет состоять из следующих элементов:

  • Отцентрированная обертка — в этом блоке будут располагаться все остальные блоки (wrapper)
  • Верхняя часть сайта (Шапка  — header)
  • Левая боковая колонка (left_sidebar)
  • Центральная колонка (контент)
  • Правая боковая колонка (right_sidebar)
  • Нижняя часть сайта (footer)

Взглянем на простой прототип сайта:

Максимальная ширина нашего сайта будет равна 960 пикселям, что является одним и стандартов, хотя кто-то больше предпочитает стандарт в 1080px, 1280px или 1366px и так далее — у каждого верстальщика свои предпочтения, основанные на реализации определенного сайта.

Шапке сайта присвоим свойство «clear:both», которое запрещает обтекание элемента другими элементами.

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

Нижней части сайта присвоим аналогичные свойства, что и верхней части.

Теперь рассмотрим простую HTML верстку:


<!DOCTYPE html> 
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf8'>
<link rel="stylesheet" href="style.css" type="text/css" />
<title>Простой шаблон сайта</title>
</head>
<body>

	<div>
		
		<div>Шапка</div>
		<div>Левая колонка</div>
		<div>Контент</div>
		<div>Правая колонка</div>
		<div>Подвал</div>
		
	</div>

</body>
</html>

 

Здесь всё достаточно просто — описанные выше элементы сайта вложены в обертку.

Стили CSS:


*{
margin:0;
padding:0;
text-align: center;
font-size: 20px;	
color: #333;
}

#wrapper{
width: 960px;
margin: 20px auto;
}

#header{
padding: 20px;
background: #3BBCF2;
clear: both;
}

#left_sidebar{
width: 160px;
height: 300px;
float: left;
background: #FAFABF;
padding: 20px;
}

#content{
width: 520px;
height: 300px;
float: left;
background: #E0E0E0;
padding: 20px;
}

#right_sidebar{
width: 160px;
height: 300px;
float: left;
background: #DBA0F0;
padding: 20px;
}

#footer{
clear: both;
background: #A9B4FF;
padding: 20px;
}

 

С помощью символа «*» (звездочка) обращаемся ко всем элементам и устанавливаем нулевые отступы, положение и цвет текста, размер шрифта.

Для того, чтобы наш сайт располагался строго по центру, задаем обертке (id = wrapper) отступ сверху и снизу по 20 пикселей и автоматический отступ слева и справа:

margin: 20px auto;

В одной из следующих своих статей по верстке я покажу как создать адаптивный шаблон, который будет правильно отображаться как на портативном компьютере, так и на мобильных устройствах (на телефонах, планшетах и так далее).

На этом у меня всё, можете скачать простой шаблон к себе на компьютер и далее уже работать с ним, желаю вам удачи, пока!

Demo пример

Скачать шаблон

sergey-oganesyan.ru

Бесплатные HTML, CSS шаблоны для сайта

Приветствую Вас, дорогие читатели блога. Как известно, дизайн сайта — это основной ключ к успеху. Вам нужен стильный и запоминающийся шаблон? Вот как раз эта подборка поможет Вам разобраться с этой проблемой. Все шаблоны Вы сможете бесплатно скачать, а также посмотреть его пример. Наслаждайтесь.

Премиум шаблон для сайта Electronics Web

Прекрасный шаблон для сайта с отличным дизайном.

Пример ι Скачать исходники

Бизнес шаблон для сайта

Отличный бизнес шаблон в тёмно синих тонах

Пример ι Скачать исходники

Молодёжный CSS и HTML шаблон

Прекрасный шаблон на музыкальную тематику в серых тонах

Пример ι Скачать исходники

HTML шаблон Design & Consultancy

Современный шаблон для Вашего будущего сайта в зелёных тонах

Пример ι Скачать исходники

CSS и HTML шаблон для сайта

Не плохой шаблон в темно синих тонах

Пример ι Скачать исходники

CSS шаблон Happy Template

Замечательный яркий шаблон

Пример ι Скачать исходники

HTML шаблон Nautica

Замечательный шаблон для сайта в стиле минимализм

Пример ι Скачать исходники

HTML5 шаблон

Отличный современный шаблон в светло зелёных тонах.

Пример ι Скачать исходники

Тёмный HTML шаблон

Стильный, сделанный в тёмных тонах, шаблон, который сразу запомнится посетителю

Пример ι Скачать исходники

CSS шаблон для сайта Style.

Ещё один шаблон сделанный в тёмных тонах и с запоминающимся дезайном

Пример ι Скачать исходники

beloweb.ru

22 Шаблона CSS HTML

 

Готовые CSS HTML шаблоны — один из самых любимых материалов для начинающего веб-дизайнера. Помимо того, что вы сможете быстро отредактировать готовое решение и использовать его в своих проектах, например, на основе CSS шаблонов создать тему для вашей любимой CMS, также готовые профессиональные шаблоны подойдут для изучения новых приемов разработки сайтов: верстки, расположения блоков, интегрирования javascript галерей и каруселей. Еще подобные заготовки являются отличным источником  вдохновения при создании собственного дизайна. Наслаждайтесь. 

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

1. CSS XHTML шаблон в серо-оранжевых тонах 

2. Шаблон «GreyMatter»

CSS шаблон в зелено-серых тонах.

3. Шаблон «Photomatic»

Оригинальный HTML шаблон в черных тонах.

4. Стильный шаблон CSS XHTML«Magicbox»

Шаблон в темных тонах с jQuery галереей.

5. Шаблон «Bestfolio»

6. Шаблон «Личное портфолио»

CSS XHTML  шаблон черный с бордовым.

7. Свежий CSS HTML шаблон «Movie hunter»

8. Шаблон «Buzz»

9. HTML шаблон с Jquery галереей fancybox «PhotoWall»

10. Шаблон для продающего сайта «Product Landing Page»

Шаблон продающей страницы в светло-коричневых тонах. 

11. CSS HTML шаблон

Шаблон в темно-синих тонах.

12. Шаблон «Blogger»

Свежий шаблон в светлых тонах со слайд-шоу на главной странице.

13. Шаблон «tree_tops»

Шаблон в минималистическом стиле.

14. CSS XHTML шаблон «DapurKue»

CSS HTML шаблон в коричневых тонах тонах. Отлично подойдет, для сайта кондитерских изделий из шоколада.

15. Свежий CSS XHTML «Newserific»

16. CSS XHTML шаблон в зеленых тонах

Шаблон в минималистическом стиле.

17. CSS XHTML шаблон «Acallila»

Аккуратный профессиональный CSS шаблон с галереей на главной странице

18. CSS XHTML шаблон «Gallerised»

CSS шаблон в темных тонах.

19. CSS XHTML шаблон для одностраничного сайта-портфолио

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

20. CSS XHTML шаблон

Светлый легкий CSS шаблон.

21. CSS XHTML шаблон «Realistic»

22. CSS XHTML шаблон «Realistic»

CSS шаблон с оригинальной каруселью на главной странице.

freeweber.ru

Comments

Отправить ответ

avatar
  Подписаться  
Уведомление о