Заголовок страницы

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 и добавить интерактивные элементы, можете сделать это в этом блоке — достаточно раскомментровать.

На этом всё, дорабатывайте шаблон по своему усмотрению. Например,

Удачи в обучении!

Материалы по теме

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

Источник

Читайте также:  Get all div ids javascript
Оцените статью