-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
145 lines (142 loc) · 6.28 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Семантическая разметка в HTML5</title>
</head>
<body>
<article>
<h2>Lorem ipsum</h2>
<div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat ...
</div>
<div>
<h3>Комментарии</h3>
<article>
<h4>Неплохо</h4>
<p>Норм статья</p>
</article>
<article>
<h4>Бред</h4>
<p>Мне не понравилось...</p>
</article>
<article>
<h4>Непонятно</h4>
<p>О чем вообще все это?</p>
</article>
</div>
</article>
<article>
<h1>Lorem ipsum</h1>
<section>
<h2>Содержание</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat ...</p>
</section>
<section>
<h3>Комментарии</h3>
<article>
<h4>Неплохо</h4>
<p>Норм статья</p>
</article>
<article>
<h4>Бред</h4>
<p>Мне не понравилось...</p>
</article>
<article>
<h4>Непонятно</h4>
<p>О чем вообще все это?</p>
</article>
</section>
</article>
<nav>
<ul>
<li><a href="/">Главная</a></li>
<li><a href="/blog">Блог</a></li>
<li><a href="/contacts">Контакты</a></li>
</ul>
</nav>
<article>
<header>
<h2>Рассказ в двух частях</h2>
</header>
<nav>
<ul>
<li><a href="#part1">Часть 1</a></li>
<li><a href="#part2">Часть 2</a></li>
</ul>
</nav>
<div>
<section id="part1">
<h2>Часть 1</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry...</p>
</section>
<section id="part2">
<h2>Часть 2</h2>
<p>There are many variations of passages of Lorem Ipsum available..</p>
</section>
</div>
<footer>
</footer>
</article>
<footer>
<p><a href="/license">Лицензионное соглашение</a> |
<a href="/about">О сайте</a> |
<a href="/donation">Donations</a></p>
<p><small>© Copyright 2016 MyCorp.</small></p>
</footer>
<header>
<h1>Онлайн-магазин телефонов</h1>
<nav>
<ul>
<li><a href="/apple">Apple</a>
<li><a href="/microsoft">Microsoft</a>
<li><a href="/samsung">Samsung</a>
</ul>
</nav>
</header>
<div>
Информация о новинках мобильного мира....
</div>
<h1>Xiaomi Mi 5</h1>
<div>
Xiaomi Mi 5 оснащен восьмиядерным процессором Qualcomm Snapdragon 820.
Размер внутреннего хранилища - 32 и 64 МБ.
</div>
<footer>
<p><a href="/license">Лицензионное соглашение</a><br/>
Copyright © 2016. SomeSite.com</p>
</footer>
<footer>
<address>
Контакты для связи <a href="mailto:[email protected]">Том Смит</a>.
</address>
<p>© copyright 2016 Example Corp.</p>
<aside style="float:right; width:200px;">
<h2>Скидки на Microsoft Lumia 950</h2>
<p>Только до 31 марта смартфон Microsoft Lumia 950 стоит на 10 000 рублей дешевле. В
подарок вы получите бесплатный чупа-чупс. <a href="buy/id=3">Купить</a></p>
</aside>
<article>
<h2>Релиз Samsung Galaxy S7</h2>
<p>Состоялcя выход нового флагмана от компании Samsung Galaxt S7. Вместе с новым флагманом компания
Samsung представила новый шлем виртуальной реальности Gear VR...</p>
</article>
<main>
<h1>Модели на Snapdragon 808</h1>
<p>Смартфоны, оснащенные процессором Snapdragon 808</p>
<article>
<h2>Google Nexus 5X</h2>
<p>Nexus 5X представляет компактное и надежное устройство для решения повседневных задач.
Оснащенный 5,2-дюймовым экраном и шестиядерный процессор Snapdragon 808...</p>
</article>
<article>
<h2>Microsoft Lumia 950</h2>
<p>С помощью Microsoft Display Dock ваш смартфон Lumia 950 Dual SIM с внешним монитором,
клавиатурой и мышью превращается в полноценный компьютер...</p>
</article>
</main>
</body>
</html>