-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathyairm.html
executable file
·61 lines (47 loc) · 3.37 KB
/
yairm.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>YAIRM | Starters Kit</title>
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />
<!--[if IE 8]><link rel="stylesheet" href="css/ie/ie8.css" type="text/css" media="screen" /><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="css/ie/ie7.css" type="text/css" media="screen" /><![endif]-->
<!--[if lte IE 6]><link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen" /><![endif]-->
<link rel="stylesheet" href="css/print.css" type="text/css" media="print" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<style type="text/css">
body { border: none; background: #fff; margin: 4em; text-align: left; }
hr { background: #ccc; padding: 0 0 1px 0; margin: 2em 0 1em 0; }
p.back_to_top { margin-bottom: 4em; }
h1.imgreplacement { background-image: url(logos/RO_AZ_Logo_Homepage.png); height: 87px; width: 500px; }
a.imgreplacement { background-image: url(logos/RO_AZ_Logo_Homepage.png); height: 87px; width: 500px; }
button.imgreplacement { background-image: url(logos/RO_AZ_Logo_Homepage.png); cursor: pointer; height: 87px; width: 500px; }
p a.imgreplacement, span.imgreplacement { background-image: url(favicon.ico); height: 16px; width: 16px; }
</style>
<!--[if lte IE 7]>
<style type="text/css">
hr { margin: 1em 0 0 0; }
.branding a.imgreplacement,
button.imgreplacement { display: block; }
</style>
<![endif]-->
</head>
<body>
<h1>“Yet Another Image Replacement Method” test pagina</h1>
<hr />
<p><em>‹h1›</em></p>
<h1 title="Ministerie van Algemenen Zaken" class="imgreplacement">Ministerie van Algemenen Zaken</h1>
<hr/>
<p><em>‹a›</em></p>
<div class="branding"><a href="#" title="Ministerie van Algemenen Zaken" class="imgreplacement">Ministerie van Algemenen Zaken</a></div>
<hr/>
<p><em>‹button›</em></p>
<p><button title="Ministerie van Algemenen Zaken" class="imgreplacement">Ministerie van Algemenen Zaken</button></p>
<hr/>
<p><em>inline ‹a›</em></p>
<p>Nulla dui purus, eleifend vel, consequat non, dictum porta, nulla. Duis ante mi, laoreet ut, commodo eleifend, cursus nec, lorem. Aenean eu est. Etiam <a href="#" title="Imperdiet" class="imgreplacement">imperdiet</a> turpis. Praesent nec augue. Curabitur ligula quam, rutrum id, tempor sed, consequat ac, dui. Vestibulum accumsan eros nec magna. Vestibulum vitae dui. Vestibulum nec ligula et lorem consequat ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus eget nisl ut elit porta ullamcorper. Maecenas <a href="#" title="Tincidunt" class="imgreplacement">tincidunt</a> velit quis orci. Sed in dui. Nullam ut mauris eu mi mollis luctus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed cursus cursus velit. Sed a massa.</p>
<hr/>
<p><em>‹span›</em></p>
<p>Curabitur ligula quam, rutrum id, tempor sed, consequat ac, dui. Vestibulum accumsan eros nec magna. Lorem <span class="imgreplacement">ipsum</span> dolor sit amet, consectetuer adipiscing elit.</p>
</body>
</html>