<!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网页源码.zip
版权申诉
14 浏览量
2024-04-01
15:37:45
上传
评论
收藏 3.48MB ZIP 举报
厨房料理餐厅响应式网页模板-适配移动端设备-HTML网页源码.zip （115个子文件） 
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 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-3.jpg 116KB slider-img-1.jpg 111KB slider-img-2.jpg 99KB features.jpg 96KB portfolio3.jpg 90KB portfolio8.jpg 88KB lunch.jpg 87KB portfolio2.jpg 82KB portfolio4.jpg 72KB dinner.jpg 50KB team2.jpg 46KB breakfast.jpg 45KB team3.jpg 45KB team4.jpg 33KB team1.jpg 33KB naturallygreen.jpg 8KB jquery-min.js 95KB 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 4KB 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共 115 条
- 1
- 2
资源评论
