-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
105 lines (78 loc) · 3.64 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
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<title>Properticons</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="css/properticons.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="main">
<div id="header">
<div class="wrap">
<h2>Properticons</h2>
<div id="follow">
<iframe src="http://ghbtns.com/github-btn.html?user=agentevolution&repo=properticons&type=watch&count=true&size=large"
allowtransparency="true" frameborder="0" scrolling="0" width="130" height="30"></iframe>
</div>
</div>
</div>
<div id="primary">
<div id="content">
<div id="glyph">
</div>
<div class="description">
<p>Properticons is an icon font created by <a href="http://www.agentevolution.com">Agent Evolution</a> for Real Estate sites, themes, and plugins.</p>
</div>
</div>
</div>
<div id="icons">
<div id="iconlist">
<!-- all -->
<div data-code="e001" class="properticons properticons-beds"></div>
<div data-code="e002" class="properticons properticons-building"></div>
<div data-code="e003" class="properticons properticons-message"></div>
<div data-code="e004" class="properticons properticons-search"></div>
<div data-code="e005" class="properticons properticons-home"></div>
<div data-code="e006" class="properticons properticons-map-marker-home"></div>
<div data-code="e007" class="properticons properticons-mobile"></div>
<div data-code="e008" class="properticons properticons-key"></div>
<div data-code="e009" class="properticons properticons-graph-line"></div>
<div data-code="e010" class="properticons properticons-mail"></div>
<div data-code="e011" class="properticons properticons-mailbox"></div>
<div data-code="e012" class="properticons properticons-phone"></div>
<div data-code="e013" class="properticons properticons-graph-pie"></div>
<div data-code="e014" class="properticons properticons-map-marker"></div>
<div data-code="e015" class="properticons properticons-question"></div>
<div data-code="e016" class="properticons properticons-baths"></div>
<div data-code="e017" class="properticons properticons-pushpin"></div>
<div data-code="e018" class="properticons properticons-graph-bar"></div>
<div data-code="e019" class="properticons properticons-logo-eho"></div>
<div data-code="e020" class="properticons properticons-logo-realtor"></div>
<div data-code="e021" class="properticons properticons-logo-idx"></div>
</div>
<a id="toggleinstructions" href="javascript:jQuery('#instructions').toggle();void(null)">Show instructions</a>
<div id="instructions" style="display: none;">
<h4>Photoshop Usage</h4>
<p>Use the .OTF version of the font for Photoshop mockups, the web-font versions won't work. For most accurate results, pick the "Sharp" font smoothing.</p>
<h4>CSS Usage</h4>
<p>Link the stylesheet:</p>
<pre><link rel="stylesheet" href="css/properticons.css"></pre>
<p>Now add the icons using the <code>:before</code> selector. You can insert the Bed icon like this:</p>
<code>.myicon:before {</code>
<textarea class="code" onclick="select();">content: "\e001";
display: inline-block;
-webkit-font-smoothing: antialiased;
font: normal 20px/1 'properticons';
vertical-align: top;</textarea>
<code>}</code>
</div>
<p>Properticons is licensed under GPLv2, or any later version with font exception (<a href="http://www.gnu.org/licenses/gpl-faq.html#FontException">http://www.gnu.org/licenses/gpl-faq.html#FontException</a>)</p>
</div>
<p id="footer">Copyright © Agent Evolution</p>
</div>
<!-- JavaScript -->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>