2016-03-10 22:05:31 +03:00
< html >
< head >
< link rel = "stylesheet" href = "css/mozmaker-icons.css" type = "text/css" >
2016-03-11 00:21:44 +03:00
< link rel = "stylesheet" href = "style.css" type = "text/css" >
< title > Mozmaker Icon Font Demo< / title >
2016-03-11 01:04:05 +03:00
< script type = "text/javascript" src = "https://code.jquery.com/jquery-1.12.1.min.js" > < / script >
< script type = "text/javascript" src = "resize.js" > < / script >
2016-03-10 22:05:31 +03:00
< / head >
< body >
< div class = "mozmaker-icon-fonts" >
2016-03-11 00:21:44 +03:00
< h1 > Mozmaker Icon Font Demo< / h1 >
2016-03-11 01:04:05 +03:00
< p > Visit the < a href = "https://github.com/flukeout/mozmaker-icon-font" > Github Repo< / a > for more info.< / p >
2016-03-11 00:21:44 +03:00
2016-03-19 00:07:23 +03:00
< h2 > Available Icons< / h2 >
< div class = "icon-list" >
< div class = "icon-checkmark" > .icon-bookmark< / div >
< div class = "icon-github" > .icon-github< / div >
< div class = "icon-lock" > .icon-lock< / div >
< div class = "icon-question-mark" > .icon-question-mark< / div >
< div class = "icon-twitter" > .icon-twitter< / div >
< div class = "icon-bookmark" > .icon-bookmark< / div >
< div class = "icon-bookmark-small" > .icon-bookmark-small< / div >
2016-03-10 22:05:31 +03:00
< / div >
2016-03-19 00:07:23 +03:00
< h2 > Usage instructions< / h2 >
2016-03-10 22:05:31 +03:00
2016-03-19 00:07:23 +03:00
< p > To use an icon, add the corresponding class name to an element on your page. The icon will be inserted into it and will precede any text that's in that element.< / p >
2016-03-10 22:11:48 +03:00
2016-03-19 00:07:23 +03:00
< h4 > For example...< / h4 >
2016-03-11 01:04:05 +03:00
2016-03-19 00:07:23 +03:00
< p > < code > < span class="icon-lock"> Privacy Settings< /span> < / code > < / p >
< h4 > Will display as...< / h4 >
< p > < span class = 'icon-lock' > Privacy Settings< / span > < / p >
2016-03-11 01:12:25 +03:00
2016-03-11 01:04:05 +03:00
2016-03-10 22:05:31 +03:00
< / div >
< / body >
< / html >
