- Saved searches
- Use saved searches to filter your results more quickly
- learning-zone/website-templates
- Name already in use
- Sign In Required
- Launching GitHub Desktop
- Launching GitHub Desktop
- Launching Xcode
- Launching Visual Studio Code
- Latest commit
- Git stats
- Files
- README.md
- About
- Шаблон простого сайта на HTML
- Короткий разбор
- Материалы по теме
Saved searches
Use saved searches to filter your results more quickly
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
150+ HTML5 Website Templates
learning-zone/website-templates
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Sign In Required
Please sign in to use Codespaces.
Launching GitHub Desktop
If nothing happens, download GitHub Desktop and try again.
Launching GitHub Desktop
If nothing happens, download GitHub Desktop and try again.
Launching Xcode
If nothing happens, download Xcode and try again.
Launching Visual Studio Code
Your codespace will open once ready.
There was a problem preparing your codespace, please try again.
Latest commit
Git stats
Files
Failed to load latest commit information.
README.md
HTML5 Website Templates (For Begginers and Professionals)
Click ★ if you like the project. Your contributions are heartily ♡ welcome.
| Sl.No | Template Name | Live Example |
|---|---|---|
| 01 | 3-col-portfolio | live example |
| 02 | above-educational-bootstrap-responsive-template | live example |
| 03 | add-life-health-fitness-free-bootstrap-html5-template | live example |
| 04 | aerosky-real-estate-html-responsive-website-template | live example |
| 05 | agile-agency-free-bootstrap-web-template | live example |
| 06 | amaze-photography-bootstrap-html5-template | live example |
| 07 | aroma-beauty-and-spa-responsive-bootstrap-template | live example |
| 08 | avenger-multi-purpose-responsive-html5-bootstrap-template | live example |
| 09 | b-school-free-education-html5-website-template | live example |
| 10 | basic-free-html5-template-for-multi-purpose | live example |
| 11 | beauty-salon-bootstrap-html5-template | live example |
| 12 | bestro-restaurant-bootstrap-html5-template | live example |
| 13 | businessline-corporate-portfolio-bootstrap-responsive-web-template | live example |
| 14 | cloud-hosting-free-bootstrap-responsive-website-template | live example |
| 15 | coffee-shop-free-html5-template | live example |
| 16 | creative-bee-corporate-free-html5-web-template | live example |
| 17 | creative-free-responsive-html5-business-template | live example |
| 18 | delight-multi-purpose-free-html5-website-template | live example |
| 19 | delite-music-html5-bootstrap-responsive-web-template | live example |
| 20 | eat-restaurant-bootstrap-html5-template | live example |
| 21 | elegant-free-multi-purpose-bootstrap-responsive-template | live example |
| 22 | enlive-corporate-free-html5-bootstrap-web-template | live example |
| 23 | everest-corporate-business-bootstrap-template | live example |
| 24 | fit-healthy-fitness-and-gym-html5-bootstrap-theme | live example |
| 25 | fitness-zone-html5-bootstrap-responsive-web-template | live example |
| 26 | foodz-mobile-app-bootstrap-landing-page | live example |
| 27 | frames-corporate-bootstrap-free-html5-template | live example |
| 28 | free-bootstrap-admin-template-dream | live example |
| 29 | free-bootstrap-template-real-estate-my-home | live example |
| 30 | free-bootstrap-template-restaurant-website-treehut | live example |
| 31 | free-bootstrap-template-rockline-business | live example |
| 32 | free-bootstrap-template-for-multi-purpose-ladder | live example |
| 33 | free-portfolio-html5-responsive-website-sam | live example |
| 34 | getdoctor-free-bootstrap-responsive-website-template | live example |
| 35 | golden-hotel-free-html5-bootstrap-web-template | live example |
| 36 | grand-free-bootstrap-responsive-website-template | live example |
| 37 | html5-responsive-coming-soon-page | live example |
| 38 | hybrid-bootstrap-admin-template | live example |
| 39 | iam-html5-responsive-portfolio-resume-template | live example |
| 40 | icon-real-estate-developers-free-responsive-html-template | live example |
| 41 | ideal-interior-design-free-bootstrap-website-template | live example |
| 42 | indus-free-coming-soon-bootstrap-responsive-template | live example |
| 43 | insight-free-bootstrap-html5-admin-template | live example |
| 44 | john-bootstrap-one-page-html5-free-resume-template | live example |
| 45 | johndoe-portfolio-resume-bootstrap-template | live example |
| 46 | light-coming-soon-html-responsive-template | live example |
| 47 | lovely-wedding-bootstrap-free-website-template | live example |
| 48 | matrix-free-bootstrap-admin-template | live example |
| 49 | me-resume-personal-portfolio-responsive-template | live example |
| 50 | mentor-free-html5-bootstrap-coming-soon-template | live example |
| 51 | midway-free-html5-website-template-for-multi-purpose | live example |
| 52 | mobile-app-landing-page-html5-template | live example |
| 53 | mobile-app-free-one-page-responsive-html5-landing-page | live example |
| 54 | moon-free-bootstrap-coming-soon-template | live example |
| 55 | moto-business-html5-responsive-web-template | live example |
| 56 | next-responsive-coming-soon-bootstrap-template | live example |
| 57 | orange-coming-soon-html-responsive-template | live example |
| 58 | park-city-bootstrap-html-real-estate-responsive-template | live example |
| 59 | real-estate-builders-free-responsive-website-templates-adesign | live example |
| 60 | relax-interior-free-bootstrap-responsive-website-template | live example |
| 61 | retro-free-consulting-responsive-html5-website-template | live example |
| 62 | rider-free-multi-purpose-bootstrap-template | live example |
| 63 | rocket-business-bootstrap-free-responsive-web-theme | live example |
| 64 | simply-bootstrap-coming-soon-template | live example |
| 65 | speed-hosting-bootstrap-free-html5-template | live example |
| 66 | styleinn-bootstrap-interior-design-website-template | live example |
| 67 | swifty-business-html5-website-template | live example |
| 68 | target-multipurpose-free-bootstrap-responsive-template | live example |
| 69 | team-business-flat-bootstrap-html5-template | live example |
| 70 | tech-city-free-coming-soon-bootstrap-responsive-template | live example |
| 71 | techking-free-html5-template-for-corporate-business | live example |
| 72 | techro | live example |
| 73 | the-best-wedding-free-bootstrap-template | live example |
| 74 | themer-bootstrap-responsive-web-template | live example |
| 75 | times-corporate-portfolio-bootstrap-responsive-web-template | live example |
| 76 | touch-hospital-medical-bootstrap-html5-template | live example |
| 77 | traveller-bootstrap-responsive-web-template | live example |
| 78 | trendset-coming-soon-responsive-theme | live example |
| 79 | trendy-free-bootstrap-responsive-website-template | live example |
| 80 | vento-coming-soon-responsive-theme | live example |
| 81 | vibe-free-html5-template-for-corporate-website | live example |
| 82 | vibrant-corporate-bootstrap-responsive-website-template | live example |
| 83 | victory-educational-institution-free-html5-bootstrap-template | live example |
| 84 | wedding-bells-free-responsive-html5-template | live example |
| 85 | wow-portfolio-multi-purpose-html5-template | live example |
| 86 | ace-responsive-coming-soon-template | live example |
| 87 | alive-responsive-coming-soon-template | live example |
| 88 | atlanta-free-business-bootstrap-template | live example |
| 89 | blazer-responsive-html5-coming-soon-template | live example |
| 90 | brand-html5-app-landing-page-responsive-web-template | live example |
| 91 | businessr-corporate-bootstrap-responsive-web-template | live example |
| 92 | car-care-auto-mobile-html5-bootstrap-web-template | live example |
| 93 | car-repair-html5-bootstrap-template | live example |
| 94 | car-zone-automobile-bootstrap-responsive-web-template | live example |
| 95 | city-square-bootstrap-responsive-web-template | live example |
| 96 | clouds-html5-multipurpose-landing-page-template | live example |
| 97 | coming-soon-responsive-theme-jack | live example |
| 98 | css3-bw | live example |
| 99 | css3-drop-shadows | live example |
| 101 | css3-photo-two | live example |
| 102 | css3-seascape-two | live example |
| 103 | css3-seascape | live example |
| 104 | darktouch-corporate-portfolio-bootstrap-responsive-web-template | live example |
| 105 | dreamy | live example |
| 106 | drifting | live example |
| 107 | droll | live example |
| 108 | endure-html5-responsive-coming-soon-template | live example |
| 109 | extent | live example |
| 110 | fiber-hosting-bootstrap-website-template | live example |
| 111 | full-slider | live example |
| 112 | funky-cool-blue | live example |
| 113 | gila | live example |
| 114 | glips-responsive-free-coming-soon-bootstrap-template | live example |
| 115 | grandure-bootstrap-free-coming-soon-template | live example |
| 116 | grass-stains | live example |
| 117 | green-corp-flat-free-responsive-mobile-website | live example |
| 118 | greenery | live example |
| 119 | gunmetal-portal | live example |
| 120 | half-slider | live example |
| 121 | html5-portfolio | live example |
| 122 | iclick-photography-bootstrap-free-website-template | live example |
| 123 | idata-hosting-free-bootstrap-responsive-website-template | live example |
| 124 | interio | live example |
| 125 | internet-portal | live example |
| 126 | kavin-corporate-bootstrap-responsive-web-template | live example |
| 127 | lazydays | live example |
| 128 | learn-educational-free-responsive-web-template | live example |
| 129 | line-free-app-landing-page-responsive-web-template | live example |
| 130 | medplus-medical | live example |
| 131 | metropolis | live example |
| 132 | missunderstood | live example |
| 133 | my-portfolio-two | live example |
| 134 | ninja-business-consulting-html-responsive-web-template | live example |
| 135 | one-page-wonder | live example |
| 136 | photo-art | live example |
| 137 | photo-style-two | live example |
| 138 | plain | live example |
| 139 | portfolio-item | live example |
| 140 | prosimii | live example |
| 141 | relic-portal | live example |
| 142 | sample_site | live example |
| 143 | sb-admin-2 | live example |
| 144 | sb-admin | live example |
| 145 | scenic-photo | live example |
| 146 | school-educational-html5-template | live example |
| 147 | simple-sidebar | live example |
| 148 | sinorca | live example |
| 149 | skytouch-onepage-bootstrap-responsive-web-template | live example |
| 150 | smart-interior-designs-html5-bootstrap-web-template | live example |
| 151 | smartapp-free-html5-landing-page | live example |
| 152 | startbootstrap-agency-1.0.2 | live example |
| 153 | startbootstrap-clean-blog-1.0.2 | live example |
| 154 | startbootstrap-freelancer-1.0.2 | live example |
| 155 | startbootstrap-grayscale-1.0.3 | live example |
| 156 | startbootstrap-sb-admin-1.0.2 | live example |
| 157 | startbootstrap-sb-admin-2-1.0.5 | live example |
| 158 | startbootstrap-stylish-portfolio-1.0.2 | live example |
| 159 | street-life | live example |
| 160 | stylish-bootstrap-coming-soon-template | live example |
| 161 | stylish-portfolio | live example |
| 162 | thin-green-line | live example |
| 163 | unique-free-responsive-html5-template | live example |
| 164 | vcare-free-html5-template-hospital-website | live example |
| 165 | vone-free-business-html5-responsive-website | live example |
| 166 | vteam-a-corporate-multipurpose-free-bootstrap-responsive-template | live example |
| 167 | viver-free-html5-bootstrap-coming-soon-template | live example |
| 168 | webtrends-free-bootstrap-responsive-web-template | live example |
| 169 | zenlike | live example |
| 170 | reveal | live example |
About
150+ HTML5 Website Templates
Шаблон простого сайта на HTML
Если вам нужно быстро сделать сайт на учёбе или для личных дел, используйте этот шаблон. Вы можете наполнить его чем угодно — добавить тексты, картинки или подключить любые стили, например, использовать Bootstrap или awsm.css. Как больше нравится.
Чтобы посмотреть, как сайт из шаблона будет выглядеть — скопируйте его по инструкции или скачайте и откройте в браузере.
Это мой сайт
Он хороший
Первая секция
Она обо мне
Но может быть и о семантике, я пока не решил.
Вторая секция
Она тоже обо мне
И третья
Вы уже должны были начать догадываться.
Короткий разбор
Если у вас есть немного времени, давайте посмотрим на код и поймем, из чего состоит сайт, и зачем нужна каждая строчка.
Доктайп помогает браузеру понять, как отображать страницу.
Тег, в котором мы показываем, что наша страница на русском языке.
Называем кодировку страницы — для русского языка подходит utf-8 .
Магия, которая помогает нашему сайту выглядеть чуть лучше. Она просто нужна, можете пока не задумываться.
Подключаем файл со стилями — замените ./styles/style.css на имя вашего файла со стилями. Если ничего не работает или файл не видно, прочитайте про относительные ссылки.
В этом блоке напишите, какой заголовок, описание и ссылка будут видны на карточке в ленте, если ваш сайт кто-нибудь запостит в соцсетях.
Это шапка сайта — блок, который может повторяться на любой странице.
Это заголовки первого и второго уровня.
Это мой сайт
Первая секция
Семантический тег, в нём хранится основное содержимое страницы, которое относится только к этой странице.
Изображение, картинка или фотография. Обязательно с атрибутом alt — он важен, не забывайте о нём.
Параграф текста — здесь пишем просто какой-то текст, который хотим вынести на страницу. Подробнее — в тренажёре.
Но может быть и о семантике, я пока не решил.
Если захотите подключить JavaScript и добавить интерактивные элементы, можете сделать это в этом блоке — достаточно раскомментровать.
На этом всё, дорабатывайте шаблон по своему усмотрению. Например,
Удачи в обучении!
Материалы по теме
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.