wedding-website

<!doctype html> <html> <head> <title>Your Font/Glyphs</title> <link rel="stylesheet" href="style.css" />  <style> section, header, footer {display: block;} body { font-family: sans-serif; color: #444; line-height: 1.5; font-size: 1em; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } .glyph { font-size: 16px; float: left; text-align: center; background: #eee; padding: .75em; margin: .75em 1.5em .75em 0; width: 7.5em; border-radius: .25em; box-shadow: inset 0 0 0 1px #f8f8f8, 0 0 0 1px #CCC; } .glyph input { font-family: consolas, monospace; font-size: 13px; width: 100%; text-align: center; border: 0; box-shadow: 0 0 0 1px #ccc; padding: .125em; } .w-main { width: 80%; } .centered { margin-left: auto; margin-right: auto; } .fs1 { font-size: 2em; } header { margin: 2em 0; padding-bottom: .5em; color: #666; box-shadow: 0 2px #eee; } header h1 { font-size: 2em; font-weight: normal; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after, .clear { clear: both; } footer { margin-top: 2em; padding: .5em 0; box-shadow: 0 -2px #eee; } a, a:visited { color: #B35047; text-decoration: none; } a:hover, a:focus {color: #000;} .box1 { font-size: 16px; display: inline-block; width: 15em; padding: .25em .5em; background: #eee; margin: .5em 1em .5em 0; } </style> </head> <body> <div class="w-main centered"> <section class="mtm clearfix" id="glyphs"> <header> <h1>Your font contains the following glyphs</h1> <p>The generated SVG font can be imported back to <a href="https://icomoon.io/app">IcoMoon</a> for modification.</p> </header> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe000;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe001;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe002;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe003;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe004;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe005;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe006;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe007;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe008;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe009;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe00a;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe00b;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe00c;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe00d;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe00e;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe00f;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe010;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe011;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe012;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe013;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe014;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe015;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe016;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe017;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe018;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe019;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe01a;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe01b;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe01c;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe01d;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe01e;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe01f;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe020;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe021;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe022;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe023;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe024;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe025;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe026;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe027;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe028;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe029;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe02a;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe02b;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe02c;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe02d;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe02e;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe02f;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe030;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe031;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe032;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe033;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe034;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe035;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe036;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe037;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe038;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe039;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe03a;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe03b;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe03c;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe03d;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe03e;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe03f;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe040;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe041;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe042;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe043;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe044;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe045;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe046;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe047;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe048;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe049;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe04a;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe04b;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe04c;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe04d;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe04e;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe04f;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe050;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe051;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe052;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe053;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe054;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe055;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe056;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe057;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe058;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe059;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe05a;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe05b;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe05c;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe05d;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe05e;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe05f;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe060;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe061;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe062;" /> </div> <div class="glyph"> <div class="fs1" aria-hidden="true" data-icon=""></div> <input type="text" readonly="readonly" value="&#xe063;" /> </div> </section> <div class="clear"></div> <section class="mtm clearfix" id="glyphs"> <header> <h1>Class Names</h1> </header> <span class="box1"> <span aria-hidden="true" class="icon-mobile"></span>  icon-mobile </span> <span class="box1"> <span aria-hidden="true" class="icon-laptop"></span>  icon-laptop </span> <span class="box1"> <span aria-hidden="true" class="icon-desktop"></span>  icon-desktop </span> <span class="box1"> <span aria-hidden="true" class="icon-tablet"></span>  icon-tablet </span> <span class="box1"> <span aria-hidden="true" class="icon-phone"></span>  icon-phone </span> <span class="box1"> <span aria-hidden="true" class="icon-document"></span>  icon-document </span> <span class="box1"> <span aria-hidden="true" class="icon-documents"></span>  icon-documents </span> <span class="box1"> <span aria-hidden="true" class="icon-search"></span>  icon-search </span> <span class="box1"> <span aria-hidden="true" class="icon-clipboard"></span>  icon-clipboard </span> <span class="box1"> <span aria-hidden="true" class="icon-newspaper"></span>  icon-newspaper </span> <span class="box1"> <span aria-hidden="true" class="icon-notebook"></span>  icon-notebook </span> <span class="box1"> <span aria-hidden="true" class="icon-book-open"></span>  icon-book-open </span> <span class="box1"> <span aria-hidden="true" class="icon-browser"></span>  icon-browser </span> <span class="box1"> <span aria-hidden="true" class="icon-calendar"></span>  icon-calendar </span> <span class="box1"> <span aria-hidden="true" class="icon-presentation"></span>  icon-presentation </span> <span class="box1"> <span aria-hidden="true" class="icon-picture"></span>  icon-picture </span> <span class="box1"> <span aria-hidden="true" class="icon-pictures"></span>  icon-pictures </span> <span class="box1"> <span aria-hidden="true" class="icon-video"></span>  icon-video </span> <span class="box1"> <span aria-hidden="true" class="icon-camera"></span>  icon-camera </span> <span class="box1"> <span aria-hidden="true" class="icon-printer"></span>  icon-printer </span> <span class="box1"> <span aria-hidden="true" class="icon-toolbox"></span>  icon-toolbox </span> <span class="box1"> <span aria-hidden="true" class="icon-briefcase"></span>  icon-briefcase </span> <span class="box1"> <span aria-hidden="true" class="icon-wallet"></span>  icon-wallet </span> <span class="box1"> <span aria-hidden="true" class="icon-gift"></span>  icon-gift </span> <span class="box1"> <span aria-hidden="true" class="icon-bargraph"></span>  icon-bargraph </span> <span class="box1"> <span aria-hidden="true" class="icon-grid"></span>  icon-grid </span> <span class="box1"> <span aria-hidden="true" class="icon-expand"></span>  icon-expand </span> <span class="box1"> <span aria-hidden="true" class="icon-focus"></span>  icon-focus </span> <span class="box1"> <span aria-hidden="true" class="icon-edit"></span>  icon-edit </span> <span class="box1"> <span aria-hidden="true" class="icon-adjustments"></span>  icon-adjustments </span> <span class="box1"> <span aria-hidden="true" class="icon-ribbon"></span>  icon-ribbon </span> <span class="box1"> <span aria-hidden="true" class="icon-hourglass"></span>  icon-hourglass </span> <span class="box1"> <span aria-hidden="true" class="icon-lock"></span>  icon-lock </span> <span class="box1"> <span aria-hidden="true" class="icon-megaphone"></span>  icon-megaphone </span> <span class="box1"> <span aria-hidden="true" class="icon-shield"></span>  icon-shield </span> <span class="box1"> <span aria-hidden="true" class="icon-trophy"></span>  icon-trophy </span> <span class="box1"> <span aria-hidden="true" class="icon-flag"></span>  icon-flag </span> <span class="box1"> <span aria-hidden="true" class="icon-map"></span>  icon-map </span> <span class="box1"> <span aria-hidden="true" class="icon-puzzle"></span>  icon-puzzle </span> <span class="box1"> <span aria-hidden="true" class="icon-basket"></span>  icon-basket </span> <span class="box1"> <span aria-hidden="true" class="icon-envelope"></span>  icon-envelope </span> <span class="box1"> <span aria-hidden="true" class="icon-streetsign"></span>  icon-streetsign </span> <span class="box1"> <span aria-hidden="true" class="icon-telescope"></span>  icon-telescope </span> <span class="box1"> <span aria-hidden="true" class="icon-gears"></span>  icon-gears </span> <span class="box1"> <span aria-hidden="true" class="icon-key"></span>  icon-key </span> <span class="box1"> <span aria-hidden="true" class="icon-paperclip"></span>  icon-paperclip </span> <span class="box1"> <span aria-hidden="true" class="icon-attachment"></span>  icon-attachment </span> <span class="box1"> <span aria-hidden="true" class="icon-pricetags"></span>  icon-pricetags </span> <span class="box1"> <span aria-hidden="true" class="icon-lightbulb"></span>  icon-lightbulb </span> <span class="box1"> <span aria-hidden="true" class="icon-layers"></span>  icon-layers </span> <span class="box1"> <span aria-hidden="true" class="icon-pencil"></span>  icon-pencil </span> <span class="box1"> <span aria-hidden="true" class="icon-tools"></span>  icon-tools </span> <span class="box1"> <span aria-hidden="true" class="icon-tools-2"></span>  icon-tools-2 </span> <span class="box1"> <span aria-hidden="true" class="icon-scissors"></span>  icon-scissors </span> <span class="box1"> <span aria-hidden="true" class="icon-paintbrush"></span>  icon-paintbrush </span> <span class="box1"> <span aria-hidden="true" class="icon-magnifying-glass"></span>  icon-magnifying-glass </span> <span class="box1"> <span aria-hidden="true" class="icon-circle-compass"></span>  icon-circle-compass </span> <span class="box1"> <span aria-hidden="true" class="icon-linegraph"></span>  icon-linegraph </span> <span class="box1"> <span aria-hidden="true" class="icon-mic"></span>  icon-mic </span> <span class="box1"> <span aria-hidden="true" class="icon-strategy"></span>  icon-strategy </span> <span class="box1"> <span aria-hidden="true" class="icon-beaker"></span>  icon-beaker </span> <span class="box1"> <span aria-hidden="true" class="icon-caution"></span>  icon-caution </span> <span class="box1"> <span aria-hidden="true" class="icon-recycle"></span>  icon-recycle </span> <span class="box1"> <span aria-hidden="true" class="icon-anchor"></span>  icon-anchor </span> <span class="box1"> <span aria-hidden="true" class="icon-profile-male"></span>  icon-profile-male </span> <span class="box1"> <span aria-hidden="true" class="icon-profile-female"></span>  icon-profile-female </span> <span class="box1"> <span aria-hidden="true" class="icon-bike"></span>  icon-bike </span> <span class="box1"> <span aria-hidden="true" class="icon-wine"></span>  icon-wine </span> <span class="box1"> <span aria-hidden="true" class="icon-hotairballoon"></span>  icon-hotairballoon </span> <span class="box1"> <span aria-hidden="true" class="icon-globe"></span>  icon-globe </span> <span class="box1"> <span aria-hidden="true" class="icon-genius"></span>  icon-genius </span> <span class="box1"> <span aria-hidden="true" class="icon-map-pin"></span>  icon-map-pin </span> <span class="box1"> <span aria-hidden="true" class="icon-dial"></span>  icon-dial </span> <span class="box1"> <span aria-hidden="true" class="icon-chat"></span>  icon-chat </span> <span class="box1"> <span aria-hidden="true" class="icon-heart"></span>  icon-heart </span> <span class="box1"> <span aria-hidden="true" class="icon-cloud"></span>  icon-cloud </span> <span class="box1"> <span aria-hidden="true" class="icon-upload"></span>  icon-upload </span> <span class="box1"> <span aria-hidden="true" class="icon-download"></span>  icon-download </span> <span class="box1"> <span aria-hidden="true" class="icon-target"></span>  icon-target </span> <span class="box1"> <span aria-hidden="true" class="icon-hazardous"></span>  icon-hazardous </span> <span class="box1"> <span aria-hidden="true" class="icon-piechart"></span>  icon-piechart </span> <span class="box1"> <span aria-hidden="true" class="icon-speedometer"></span>  icon-speedometer </span> <span class="box1"> <span aria-hidden="true" class="icon-global"></span>  icon-global </span> <span class="box1"> <span aria-hidden="true" class="icon-compass"></span>  icon-compass </span> <span class="box1"> <span aria-hidden="true" class="icon-lifesaver"></span>  icon-lifesaver </span> <span class="box1"> <span aria-hidden="true" class="icon-clock"></span>  icon-clock </span> <span class="box1"> <span aria-hidden="true" class="icon-aperture"></span>  icon-aperture </span> <span class="box1"> <span aria-hidden="true" class="icon-quote"></span>  icon-quote </span> <span class="box1"> <span aria-hidden="true" class="icon-scope"></span>  icon-scope </span> <span class="box1"> <span aria-hidden="true" class="icon-alarmclock"></span>  icon-alarmclock </span> <span class="box1"> <span aria-hidden="true" class="icon-refresh"></span>  icon-refresh </span> <span class="box1"> <span aria-hidden="true" class="icon-happy"></span>  icon-happy </span> <span class="box1"> <span aria-hidden="true" class="icon-sad"></span>  icon-sad </span> <span class="box1"> <span aria-hidden="true" class="icon-facebook"></span>  icon-facebook </span> <span class="box1"> <span aria-hidden="true" class="icon-twitter"></span>  icon-twitter </span> <span class="box1"> <span aria-hidden="true" class="icon-googleplus"></span>  icon-googleplus </span> <span class="box1"> <span aria-hidden="true" class="icon-rss"></span>  icon-rss </span> <span class="box1"> <span aria-hidden="true" class="icon-tumblr"></span>  icon-tumblr </span> <span class="box1"> <span aria-hidden="true" class="icon-linkedin"></span>  icon-linkedin </span> <span class="box1"> <span aria-hidden="true" class="icon-dribbble"></span>  icon-dribbble </span> </section> <footer> <p>Generated by <a href="https://icomoon.io">IcoMoon.io</a></p> </footer> </div> <script> document.getElementById("glyphs").addEventListener("click", function(e) { var target = e.target; if (target.tagName === "INPUT") { target.select(); } }); </script> </body> </html>