-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
44 lines (37 loc) · 1.38 KB
/
demo.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
<!DOCTYPE html>
<html>
<head>
<title>UF Image</title>
<script src="bower_components/platform/platform.js"></script>
<link rel="import" href="uf-image.html">
<style>
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
}
body > main {
margin: 40px auto;
width: 970px;
}
fieldset {
border: 1px solid #ccc;
padding: 20px;
margin-bottom: 1em;
}
</style>
</head>
<body unresolved>
<main>
<h1>Image</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et placerat ante, non mattis justo. Vivamus tempor tempor mi sit amet interdum. Curabitur at quam ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc dictum viverra ultricies. Cras cursus quam sed tempor bibendum. Donec eget luctus ipsum. Nam bibendum, lorem in porta aliquam, nunc libero adipiscing urna, non varius justo ipsum pharetra ligula. In adipiscing felis augue, quis pretium metus euismod vel. Nulla facilisi.</p>
<h2>Examples</h2>
<fieldset>
<uf-image width="30" height="30"></uf-image>
<uf-image width="60" height="60"></uf-image>
<uf-image width="120" height="120"></uf-image>
<uf-image width="240" height="240"></uf-image>
<uf-image width="360" height="360"></uf-image>
</fieldset>
</main>
</body>
</html>