demo.html 5.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <html>
  2. <head>
  3. <link rel="stylesheet" href="iconic.css" type="text/css" media="screen" title="no title" charset="utf-8">
  4. <style>
  5. body {
  6. font-size:21px;
  7. }
  8. </style>
  9. </head>
  10. <body>
  11. <ul>
  12. <li><a name='home' class='iconic home'></a> Home</li>
  13. <li><a name='at' class='iconic at'></a> At Symbol</li>
  14. <li><a name='quote' class='iconic quote'></a> Quote</li>
  15. <li><a name='quote-alt' class='iconic quote-alt'></a> Quote (alternate)</li>
  16. <li><a name='arrow-up' class='iconic arrow-up'></a> Arrow Up</li>
  17. <li><a name='arrow-right' class='iconic arrow-right'></a> Arrow Right</li>
  18. <li><a name='arrow-bottom' class='iconic arrow-bottom'></a> Arrow Bottom</li>
  19. <li><a name='arrow-left' class='iconic arrow-left'></a> Arrow Left</li>
  20. <li><a name='arrow-up-alt' class='iconic arrow-up-alt'></a> Arrow Up (alternate)</li>
  21. <li><a name='arrow-right-alt' class='iconic arrow-right-alt'></a> Arrow Right (alternate)</li>
  22. <li><a name='arrow-bottom-alt' class='iconic arrow-bottom-alt'></a> Arrow Bottom (alternate)</li>
  23. <li><a name='arrow-left-alt' class='iconic arrow-left-alt'></a> Arrow Left (alternate)</li>
  24. <li><a name='move' class='iconic move'></a> Move</li>
  25. <li><a name='move-vertical' class='iconic move-vertical'></a> Move Vertical</li>
  26. <li><a name='move-horizontal' class='iconic move-horizontal'></a> Move Horizontal</li>
  27. <li><a name='move-alt' class='iconic move-alt'></a> Move (alternate)</li>
  28. <li><a name='move-vertical-alt' class='iconic move-vertical-alt'></a> Move Vertical (alternate)</li>
  29. <li><a name='move-horizontal-alt' class='iconic move-horizontal-alt'></a> Move Horizontal (alternate)</li>
  30. <li><a name='cursor' class='iconic cursor'></a> Cursor</li>
  31. <li><a name='plus' class='iconic plus'></a> Plus</li>
  32. <li><a name='plus-alt' class='iconic plus-alt'></a> Plus (alternate)</li>
  33. <li><a name='minus' class='iconic minus'></a> Minus</li>
  34. <li><a name='minus-alt' class='iconic minus-alt'></a> Minus (alternate)</li>
  35. <li><a name='new-window' class='iconic new-window'></a> New Window</li>
  36. <li><a name='dial' class='iconic dial'></a> Dial</li>
  37. <li><a name='lightbulb' class='iconic lightbulb'></a> Lightbulb</li>
  38. <li><a name='link' class='iconic link'></a> Link</li>
  39. <li><a name='image' class='iconic image'></a> Image</li>
  40. <li><a name='article' class='iconic article'></a> Article</li>
  41. <li><a name='read-more' class='iconic read-more'></a> Read More</li>
  42. <li><a name='headphones' class='iconic headphones'></a> Headphones</li>
  43. <li><a name='equalizer' class='iconic equalizer'></a> Equalizer</li>
  44. <li><a name='fullscreen' class='iconic fullscreen'></a> Fullscreen</li>
  45. <li><a name='exit-fullscreen' class='iconic exit-fullscreen'></a> Exit Fullscreen</li>
  46. <li><a name='spin' class='iconic spin'></a> Spin</li>
  47. <li><a name='spin-alt' class='iconic spin-alt'></a> Spin (alternate)</li>
  48. <li><a name='moon' class='iconic moon'></a> Moon</li>
  49. <li><a name='sun' class='iconic sun'></a> Sun</li>
  50. <li><a name='map-pin' class='iconic map-pin'></a> Map Pin</li>
  51. <li><a name='pin' class='iconic pin'></a> Pin</li>
  52. <li><a name='eyedropper' class='iconic eyedropper'></a> Eyedropper</li>
  53. <li><a name='denied' class='iconic denied'></a> Denied</li>
  54. <li><a name='calendar' class='iconic calendar'></a> Calendar</li>
  55. <li><a name='calendar-alt' class='iconic calendar-alt'></a> Calendar (alternate)</li>
  56. <li><a name='bolt' class='iconic bolt'></a> Bolt</li>
  57. <li><a name='clock' class='iconic clock'></a> Clock</li>
  58. <li><a name='document' class='iconic document'></a> Document</li>
  59. <li><a name='book' class='iconic book'></a> Book</li>
  60. <li><a name='book-alt' class='iconic book-alt'></a> Book (alternate)</li>
  61. <li><a name='magnifying-glass' class='iconic magnifying-glass'></a> Magnifying Glass</li>
  62. <li><a name='tag' class='iconic tag'></a> Tag</li>
  63. <li><a name='heart' class='iconic heart'></a> Heart</li>
  64. <li><a name='info' class='iconic info'></a> Info</li>
  65. <li><a name='chat' class='iconic chat'></a> Chat</li>
  66. <li><a name='chat-alt' class='iconic chat-alt'></a> Chat (alternate)</li>
  67. <li><a name='key' class='iconic key'></a> Key</li>
  68. <li><a name='unlocked' class='iconic unlocked'></a> Unlocked</li>
  69. <li><a name='locked' class='iconic locked'></a> Locked</li>
  70. <li><a name='mail' class='iconic mail'></a> Mail</li>
  71. <li><a name='mail' class='iconic mail-alt'></a> Mail (alternate)</li>
  72. <li><a name='phone' class='iconic phone'></a> Phone</li>
  73. <li><a name='box' class='iconic box'></a> Box</li>
  74. <li><a name='pencil' class='iconic pencil'></a> Pencil</li>
  75. <li><a name='pencil-alt' class='iconic pencil-alt'></a> Pencil (alternate)</li>
  76. <li><a name='comment' class='iconic comment'></a> Comment</li>
  77. <li><a name='comment' class='iconic comment-alt'></a> Comment (alternate)</li>
  78. <li><a name='rss' class='iconic rss'></a> RSS</li>
  79. <li><a name='star' class='iconic star'></a> Star</li>
  80. <li><a name='trash' class='iconic trash'></a> Trash</li>
  81. <li><a name='user' class='iconic user'></a> User</li>
  82. <li><a name='volume' class='iconic volume'></a> Volume</li>
  83. <li><a name='mute' class='iconic mute'></a> Mute</li>
  84. <li><a name='cog' class='iconic cog'></a> Cog</li>
  85. <li><a name='cog-alt' class='iconic cog-alt'></a> Cog (alternate)</li>
  86. <li><a name='x' class='iconic x'></a> X</li>
  87. <li><a name='x' class='iconic x-alt'></a> X (alternate)</li>
  88. <li><a name='check' class='iconic check'></a> Check</li>
  89. <li><a name='check-alt' class='iconic check-alt'></a> Check (alternate)</li>
  90. <li><a name='beaker' class='iconic beaker'></a> Beaker</li>
  91. <li><a name='beaker-alt' class='iconic beaker-alt'></a> Beaker (alternate)</li>
  92. </ul>
  93. </body>
  94. </html>