!!! %html{ :lang => "en" } %head %meta{ :content => "text/html; charset=utf-8", "http-equiv" => "Content-Type" } %title Blueprint Link Icons Sample Page / Framework CSS %link{ :href => "../stylesheets/screen.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" } %link{ :href => "../stylesheets/print.css", :rel => "stylesheet", :media => "print", :type => "text/css" } / [if IE]> "../stylesheets/link_icons.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" } %body .container %h1 A Link Icons Example Page %hr %h2.alt This sample page demonstrates what you can do with the Link Icons plugin. %hr .span-12 %h3 External Links %a{ :href => "http://www.no-such-website.com/" } A Normal External Link %a{ :href => "http://www.google.com" } A Visited External Link %a{ :href => "mailto:donald@duck.com" } An Email Link .span-12.last %h3 Document Links %a{ :href => "http://www.no-such-website.com/sample.pdf" } A .pdf Link %a{ :href => "http://www.no-such-website.com/sample.doc" } A .doc Link %a{ :href => "http://www.no-such-website.com/sample.xls" } A .xls Link .span-12 %h3 Misc Links %a{ :href => "http://www.no-such-website.com/sample.rss" } An RSS Link %a{ :href => "http://www.no-such-website.com/sample.rdf" } An Atom Link %a{ :href => "aim:chatmeup" } A Instant Messenger Link .span-12.last %h3 Turning Icons Off %a.noicon{ :href => "http://www.no-such-website.com/" } A Normal External Link %a.noicon{ :href => "http://www.google.com" } A Visited External Link %a.noicon{ :href => "mailto:donald@duck.com" } An Email Link .span-24 %p %a.noicon{ :href => "http://validator.w3.org/check?uri=referer" } %img.top{ :src => "valid.png", :height => "31", :alt => "Valid HTML 4.01 Strict", :width => "88" }