<!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
- 粉丝: 1w+
- 资源: 2157
最新资源
- GVC-全球价值链参与地位指数，基于ICIO表，（Wang等 2017a）计算方法
- 易语言ADS指纹浏览器管理工具
- 易语言奇易模块5.3.6
- cad定制家具平面图工具-(FG)门板覆盖柜体
- asp.net 原生js代码及HTML实现多文件分片上传功能（自定义上传文件大小、文件上传类型）
- whl@pip install pyaudio ERROR: Failed building wheel for pyaudio
- Constantsfd密钥和权限集合.kt
- 基于Java的财务报销管理系统后端开发源码
- 基于Python核心技术的cola项目设计源码介绍
- 基于Python及多语言集成的TSDT软件过程改进设计源码
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
