<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link type="text/css" rel="stylesheet" href="stylesheets/screen.css" />
<title>Untitled Document</title>
<style type="text/css">
@font-face {
font-family: "raphaelicons";
src: url('../fonts/raphaelicons-webfont.eot');
src: url('../fonts/raphaelicons-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/raphaelicons-webfont.ttf') format('truetype'), url('../fonts/raphaelicons-webfont.woff') format('woff'), url('../fonts/raphaelicons-webfont.svg') format('svg');
}
@font-face {
font-family: "Flaticon";
src: url('../fonts/Flaticon.eot');
src: url('../fonts/Flaticon.eot#iefix') format('embedded-opentype'), url('../fonts/Flaticon.ttf') format('truetype'), url('../fonts/Flaticon.woff') format('woff'), url('../fonts/Flaticon.svg') format('svg');
}
.st-panel1 [data-iconn]:after {
content: attr(data-iconn);
width: 200px;
height: 200px;
color:black;
font-size: 90px;
text-align: center;
line-height: 200px;
font-family: "raphaelicons";
}
.st-panel2 [data-icond]:after {
content: attr(data-icond);
width: 200px;
height: 200px;
color:black;
font-size: 90px;
text-align: center;
line-height: 200px;
position: absolute;
top: 300px;
font-family: "Flaticon";
}
</style>
</head>
<body>
<div class="st-scroll">
<section class="st-panel1" id="st-panel-1">
<div class="st-desc" data-iconn="H"></div>
</section>
<section class="st-panel2 st-color" id="st-panel-2">
<div class="st-desc" data-icond="\f102"></div>
</section>
</div>
</body>
</html>
echo_kinchao
相关分类