<!doctype html>
<html>
<head>
<title>Your Font/Glyphs</title>
<link rel="stylesheet" href="style.css" />
<!--[if lte IE 7]><script src="lte-ie7.js"></script><![endif]-->
<style>
section, header, footer {display: block;}
body {
font-family: sans-serif;
color: #666;
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 {
float: left;
text-align: center;
padding: .75em;
margin: .4em 1.5em .75em 0;
width: 6em;
text-shadow: none;
}
.glyph input {
font-family: consolas, monospace;
font-size: 12px;
width: 100%;
text-align: center;
border: 0;
box-shadow: 0 0 0 1px #ccc;
padding: .2em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.new {
color:#00adef !important;
}
.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: 30%;
padding: .25em .5em;
margin: 20px 10px 0 0;
}
</style>
</head>
<body>
<div class="w-main centered">
<section class="mtm clearfix" id="glyphs">
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="!"></div>
<input type="text" readonly value="&#x21;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="""></div>
<input type="text" readonly value="&#x22;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="#"></div>
<input type="text" readonly value="&#x23;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="$"></div>
<input type="text" readonly value="&#x24;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="%"></div>
<input type="text" readonly value="&#x25;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&"></div>
<input type="text" readonly value="&#x26;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="'"></div>
<input type="text" readonly value="&#x27;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="("></div>
<input type="text" readonly value="&#x28;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon=")"></div>
<input type="text" readonly value="&#x29;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="*"></div>
<input type="text" readonly value="&#x2a;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="+"></div>
<input type="text" readonly value="&#x2b;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon=","></div>
<input type="text" readonly value="&#x2c;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="-"></div>
<input type="text" readonly value="&#x2d;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="."></div>
<input type="text" readonly value="&#x2e;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="/"></div>
<input type="text" readonly value="&#x2f;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="0"></div>
<input type="text" readonly value="&#x30;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="1"></div>
<input type="text" readonly value="&#x31;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="2"></div>
<input type="text" readonly value="&#x32;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="3"></div>
<input type="text" readonly value="&#x33;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="4"></div>
<input type="text" readonly value="&#x34;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="5"></div>
<input type="text" readonly value="&#x35;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="6"></div>
<input type="text" readonly value="&#x36;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="7"></div>
<input type="text" readonly value="&#x37;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="8"></div>
<input type="text" readonly value="&#x38;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="9"></div>
<input type="text" readonly value="&#x39;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon=":"></div>
<input type="text" readonly value="&#x3a;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon=";"></div>
<input type="text" readonly value="&#x3b;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="<"></div>
<input type="text" readonly value="&#x3c;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="="></div>
<input type="text" readonly value="&#x3d;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon=">"></div>
<input type="text" readonly value="&#x3e;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="?"></div>
<input type="text" readonly value="&#x3f;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="@"></div>
<input type="text" readonly value="&#x40;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="A"></div>
<input type="text" readonly value="&#x41;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="B"></div>
<input type="text" readonly value="&#x42;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="C"></div>
<input type="text" readonly value="&#x43;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="D"></div>
<input type="text" readonly value="&#x44;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="E"></div>
<input type="text" readonly value="&#x45;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="F"></div>
<input type="text" readonly value="&#x46;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="G"></div>
<input type="text" readonly value="&#x47;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="H"></div>
<input type="text" readonly value="&#x48;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="I"></div>
<input type="text" readonly value="&#x49;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="J"></div>
<input type="text" readonly value="&#x4a;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="K"></div>
<input type="text" readonly value="&#x4b;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="L"></div>
<input type="text" readonly value
web前端网站源码：城市咖啡馆响应式网页-HTML源码.zip （114个子文件） 
bootstrap.min.css 93KB animate.css 67KB style.css 38KB font-awesome.css 28KB style.css 25KB font-awesome.min.css 23KB slider-pro.css 15KB magnific-popup.css 8KB normalize.css 8KB owl.transitions.css 4KB color.css 3KB owl.theme.css 2KB owl.carousel.css 1KB fontawesome-webfont.eot 59KB fontawesome-webfont.eot 59KB ElegantIcons.eot 58KB
preloader.gif 12KB
index.html 94KB index.html 41KB
portfolio1.jpg 440KB portfolio7.jpg 361KB portfolio6.jpg 245KB portfolio5.jpg 225KB slider-img-2.jpg 120KB slider-img-3.jpg 113KB slider-img-1.jpg 110KB portfolio2.jpg 91KB portfolio8.jpg 88KB lunch.jpg 87KB features.jpg 56KB portfolio3.jpg 53KB portfolio4.jpg 52KB dinner.jpg 50KB team2.jpg 46KB breakfast.jpg 45KB team3.jpg 45KB team4.jpg 33KB team1.jpg 33KB naturallygreen.jpg 8KB jquery.sliderPro.min.js 91KB jquery-1.11.3.min.js 82KB bootstrap.min.js 44KB isotope.pkgd.min.js 39KB owl.carousel.min.js 23KB jquery.magnific-popup.min.js 21KB selectivizr.js 16KB modernizr.min.js 15KB lte-ie7.js 13KB jquery.stellar.min.js 12KB jquery.easypiechart.js 9KB jquery.waypoints.min.js 9KB wow.min.js 8KB jquery.easing.1.3.js 8KB imagesloaded.pkgd.min.js 7KB jquery.nav.js 5KB custom.js 5KB smooth-scroll.min.js 4KB respond.min.js 4KB jquery.fitvids.js 3KB html5shiv.min.js 3KB jquery.scrollUp.min.js 2KB FontAwesome.otf 92KB FontAwesome.otf 92KB
logo.png 17KB smart-small.png 4KB ebay-small.png 4KB vadafone.png 4KB dell-grey.png 3KB dell.png 3KB vadafone_grey.png 3KB aztec.png 3KB smart-grey.png 3KB smart.png 3KB ebay.png 2KB aztec_grey.png 2KB google.png 2KB shell.png 2KB google-grey.png 2KB ebay-grey.png 2KB everyday.png 2KB shell_grey.png 2KB cocacola_grey.png 2KB everyday_grey.png 2KB cocacola.png 2KB cityairline-grey.png 2KB cityairline.png 2KB hp_grey.png 2KB spinworkx.png 1KB walmart.png 1KB amazon-grey.png 1KB amazon.png 1KB gamescast_grey.png 1KB walmart_grey.png 1KB gamescast.png 1KB natural.png 1KB natural_grey.png 1KB igneus.png 1KB spinworkx_grey.png 1KB hp.png 1KB igneus_grey.png 1KB共 114 条
- 1
- 2
资源评论
master_chenchengg
- 粉丝: 7374
- 资源: 2157
最新资源
- 三菱FX3U与3台力士乐VFC-x610变频器通讯程序 三菱FX3U与3台力士乐VFC-x610变频器通讯案例程序，有注释 并
- idea插件开发的第四天-完善JSON工具-jsonTool打包结果
- 三菱PLC项目案例学习之PLC控制伺服或步进电机带动丝运行案例 器件:三菱FX1SPLC,威纶通触摸屏，48步进驱动器，伺服电
- LCD1602成套的配置底层
- Zabbix的安装与基本使用（主机群组、应用集、监控项、触发器、动作、媒介）
- ddttmh0021-1.apk
- 西门子s7-200smart与西门子v20变频器modbus 西门子s7-200smart与西门子变频器通讯，可靠稳定，同时解决
- 昆仑通态通讯ABB ACS510变频器恒压供水（一拖一到四 ABB变频器恒压供水触摸屏通讯程序 1.采用ABB变频器Acs51
- 墨西哥帽小波提取图像特征算法
- Unit1docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
