-
Notifications
You must be signed in to change notification settings - Fork 0
/
metadata-ser.html
98 lines (98 loc) · 3.46 KB
/
metadata-ser.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Occupational Exposure Limits database</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
.container {
max-width: 800px;
margin: 50px auto;
padding: 20px;
background-color: white;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
border-radius: 8px;
}
h1 {
background-color: #007BFF; /* Blue color */
color: white;
padding: 10px;
text-align: center;
border-radius: 8px 8px 0 0;
}
h2 {
color: #333;
}
p, ul {
line-height: 1.6;
}
a.button {
display: inline-block;
padding: 10px 20px;
margin: 10px 0;
background-color: #007BFF; /* Blue color */
color: white;
text-decoration: none;
border-radius: 5px;
}
.metadata {
margin-top: 20px;
}
.metadata dt {
font-weight: bold;
}
.metadata dd {
margin: 0 0 10px 20px;
}
.domain-badge {
display: inline-block;
padding: 5px 10px;
margin-right: 10px;
background-color: #e7f3ff; /* Light blue background */
color: #007BFF; /* Blue text */
border: 1px solid #007BFF; /* Blue border */
border-radius: 5px;
font-weight: bold;
}
</style>
</head>
<body>
<div class="container">
<h1>Occupational Exposure Limits database</h1>
<a href="https://www.ser.nl/en/themes/OEL-Database" class="button">Go to resource</a>
<section>
<h2>Overview</h2>
<p>This website provides information on the Occupational Exposure Limits (OELs) for hazardous substances both in the Netherlands and in other countries. These limits have been established to minimize the risk of people’s health being damaged through their work. Users can look up substances by name, CAS number, or EU number.</p>
</section>
<section class="metadata">
<h2>Metadata</h2>
<dl>
<dt>Domain</dt>
<dd>
<span class="domain-badge">Hazardous substances</span>
<span class="domain-badge">OELs</span>
</dd>
<dt>Information type</dt>
<dd>Database</dd>
<dt>Access</dt>
<dd>Open access</dd>
<dt>Status</dt>
<dd>Active</dd>
<dt>Resource language</dt>
<dd>Dutch</dd>
<dt>Resource URL</dt>
<dd><a href="https://www.ser.nl/en/themes/OEL-Database">https://www.ser.nl/en/themes/OEL-Database (in English) </a></dd>
<dd><a href="https://www.ser.nl/nl/thema/arbeidsomstandigheden/Grenswaarden-gevaarlijke-stoffen/Grenswaarden">https://www.ser.nl/nl/thema/arbeidsomstandigheden/Grenswaarden-gevaarlijke-stoffen/Grenswaarden</a></dd>
<dt>Contact</dt>
<dd><a href="https://www.ser.nl/nl/ser/contact">https://www.ser.nl/nl/ser/contact</a></dd>
</dl>
</section>
</div>
</body>
</html>