<!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
基于HTML+CSS+JS开发的网站-意大利风味餐厅响应式网页.7z （120个子文件） 
bootstrap.min.css 93KB animate.css 67KB style.css 39KB 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 openhand.cur 326B fontawesome-webfont.eot 59KB fontawesome-webfont.eot 59KB ElegantIcons.eot 58KB
preloader.gif 12KB
index.html 94KB index.html 41KB
portfolio5.jpg 441KB portfolio6.jpg 433KB portfolio1.jpg 429KB portfolio7.jpg 295KB slider-img-1.jpg 193KB slider-img-3.jpg 181KB slider-img-2.jpg 148KB portfolio4.jpg 121KB portfolio3.jpg 112KB 3.jpg 110KB img-1.jpg 107KB 1.jpg 104KB 4.jpg 94KB portfolio8.jpg 90KB portfolio2.jpg 85KB features.jpg 85KB 5.jpg 84KB 6.jpg 66KB 2.jpg 59KB img1-small.jpg 47KB team2.jpg 46KB 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 18KB 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共 120 条
- 1
- 2
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
最新资源
- 多目标点移动机器人改进路径规划算法 送餐机器人，AGV室内机器人仿真路径规划 采用改进A*算法融合模拟 火算法，规划多目标点路径规划 解决路径与障碍物相撞，AGV不斜穿室内区间，采用水平垂直方向移动
- 基于C#语言的上海水电服务端及MQTT服务端设计源码
- 基于carsim与matlab simulink的联合仿真，采用五次多项式实时规划，控制量为节气门开度，制动压力与方向盘转角，弯道道模型
- 动态加载dll控制软件框架，可自主根据接口扩展dll，配置到主框架运行 开发语言：C# + Halcon 1.运动控制，相机采图； 2.实时加载dll工具流程，动态加载窗口； 3.IO控制获取工
- 基于PHP、JavaScript、CSS、HTML、Shell语言的芊雅自助台球系统设计源码
- 基于微信小程序技术的书店门户全功能设计源码
- 表贴式永磁同步电机非线性磁链观测器无感仿真，该仿真在初始位置确定后能够直接起动电机，在低速区不需要高频信号注入，起动电流远远小于if起动，转速和位置在速度上来后精度高，即使在低速也有不错的性能 起动
- 基于Vue框架的新闻资讯与商城前后端分离项目设计源码
- 前端分析-2023071100789
- 基于hyperf框架的全新Vue3+Antdv2.1后台管理系统设计源码
- factoryio工厂流水线仿真程序 使用简单的梯形图与SCL语言编写，通俗易懂，起到抛砖引玉的作用，比较适合有动手能力的入门初学者 软件环境： 1、西门子编程软件：TIA Portal V15（博
- 基于Go语言的secpaver安全策略开发工具源码
- 西门子PCS7自定义单位教程 1.西门子PCS7非标单位的程序编写: 例如:% LEL，%VOL 2.自定义的单位如何立即生效 3.在CFC中通道输入和输出块的单位引脚，直接指定自定义单位，WIN
- 基于TypeScript开发的鸿蒙操作系统录音机设计源码
- 基于Vue框架的慕课在线教育平台设计源码
- 非线性振动，非线性动力学分岔，混沌
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
