-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
79 lines (79 loc) · 3.85 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
<!DOCTYPE html>
<html>
<head>
<title>Browser icons - css task</title>
<meta charset="utf-8">
<link href="css/browser.css" type="text/css" rel="stylesheet">
<!--[if lte IE 7]>
<link href="css/ie7lte.css" type="text/css" rel="stylesheet">
<![endif]-->
</head>
<body>
<p>Картинки:</p>
<ul class="browser">
<li class="browser-icon chrome">
<a target="_blank" href="http://www.google.ru/intl/ru/chrome/" class="browser-icon-link">
<img src="img/chrome.png" alt="" class="browser-icon-image"><span class="browser-icon-text"><span class="chrome1">Ch</span><span class="chrome2">ro</span>me</span>
</a>
</li>
<li class="browser-icon firefox">
<a target="_blank" href="https://www.mozilla.org/ru/firefox/new/" class="browser-icon-link">
<img src="img/firefox.png" alt="" class="browser-icon-image"><span class="browser-icon-text">Firefox</span>
</a>
</li>
<li class="browser-icon opera">
<a target="_blank" href="http://www.opera.com/ru" class="browser-icon-link">
<img src="img/opera.png" alt="" class="browser-icon-image"><span class="browser-icon-text">Opera</span>
</a>
</li>
<li class="browser-icon safari">
<a target="_blank" href="http://www.apple.com/ru/safari/" class="browser-icon-link">
<img src="img/safari.png" alt="" class="browser-icon-image"><span class="browser-icon-text">Safari</span>
</a>
</li>
<li class="browser-icon yandex">
<a target="_blank" href="http://browser.yandex.ru/" class="browser-icon-link">
<img src="img/yandex.png" alt="" class="browser-icon-image"><span class="browser-icon-text"><span class="yandex1">Y</span>andex</span>
</a>
</li>
<li class="browser-icon ie">
<a target="_blank" href="http://windows.microsoft.com/ru-ru/internet-explorer/download-ie" class="browser-icon-link">
<img src="img/ie.png" alt="" class="browser-icon-image"><span class="browser-icon-text">Internet<br>Explorer</span>
</a>
</li>
</ul>
<p>url картинок сломан:</p>
<ul class="browser">
<li class="browser-icon chrome">
<a target="_blank" href="http://www.google.ru/intl/ru/chrome/" class="browser-icon-link">
<img src="img1/chrome.png" alt="" class="browser-icon-image"><span class="browser-icon-text"><span class="chrome1">Ch</span><span class="chrome2">ro</span>me</span>
</a>
</li>
<li class="browser-icon firefox">
<a target="_blank" href="https://www.mozilla.org/ru/firefox/new/" class="browser-icon-link">
<img src="img1/firefox.png" alt="" class="browser-icon-image"><span class="browser-icon-text">Firefox</span>
</a>
</li>
<li class="browser-icon opera">
<a target="_blank" href="http://www.opera.com/ru" class="browser-icon-link">
<img src="img1/opera.png" alt="" class="browser-icon-image"><span class="browser-icon-text">Opera</span>
</a>
</li>
<li class="browser-icon safari">
<a target="_blank" href="http://www.apple.com/ru/safari/" class="browser-icon-link">
<img src="img1/safari.png" alt="" class="browser-icon-image"><span class="browser-icon-text">Safari</span>
</a>
</li>
<li class="browser-icon yandex">
<a target="_blank" href="http://browser.yandex.ru/" class="browser-icon-link">
<img src="img1/yandex.png" alt="" class="browser-icon-image"><span class="browser-icon-text"><span class="yandex1">Y</span>andex</span>
</a>
</li>
<li class="browser-icon ie">
<a target="_blank" href="http://windows.microsoft.com/ru-ru/internet-explorer/download-ie" class="browser-icon-link">
<img src="img1/ie.png" alt="" class="browser-icon-image"><span class="browser-icon-text">Internet<br>Explorer</span>
</a>
</li>
</ul>
</body>
</html>