<!DOCTYPE html>
<!--
Flaticon icon font: Flaticon
Creation date: 02/11/2016 08:15
-->
<html>
<!DOCTYPE html>
<html>
<head>
<title>Flaticon WebFont</title>
<link href="http://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="flaticon.css">
<meta charset="UTF-8">
<style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
font-family: 'Varela Round', Helvetica, Arial, sans-serif;
font-size: 16px;
color: #222;
}
a {
color: #333;
border-bottom: 1px solid #a9fd00;
font-weight: bold;
text-decoration: none;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-size: 30px;
font-style: normal;
margin-left: 20px;
color: #333;
}
.wrapper {
max-width: 600px;
margin: auto;
padding: 0 1em;
}
.title {
font-size: 1.25em;
text-align: center;
margin-bottom: 1em;
text-transform: uppercase;
}
header {
text-align: center;
background-color: #222;
color: #fff;
padding: 1em;
}
header .logo {
width: 210px;
height: 38px;
display: inline-block;
vertical-align: middle;
margin-right: 1em;
border: none;
}
header strong {
font-size: 1.95em;
font-weight: bold;
vertical-align: middle;
margin-top: 5px;
display: inline-block;
}
.demo {
margin: 2em auto;
line-height: 1.25em;
}
.demo ul li {
margin-bottom: 1em;
}
.demo ul li .num {
color: #222;
border-radius: 20px;
display: inline-block;
width: 26px;
padding: 3px;
height: 26px;
text-align: center;
margin-right: 0.5em;
border: 1px solid #222;
}
.demo ul li code {
background-color: #222;
border-radius: 4px;
padding: 0.25em 0.5em;
display: inline-block;
color: #fff;
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
font-weight: lighter;
margin-top: 1em;
font-size: 0.8em;
word-break: break-all;
}
.demo ul li code.big {
padding: 1em;
font-size: 0.9em;
}
.demo ul li code .red {
color: #EF3159;
}
.demo ul li code .green {
color: #ACFF65;
}
.demo ul li code .yellow {
color: #FFFF99;
}
.demo ul li code .blue {
color: #99D3FF;
}
.demo ul li code .purple {
color: #A295FF;
}
.demo ul li code .dots {
margin-top: 0.5em;
display: block;
}
#glyphs {
border-bottom: 1px solid #ccc;
padding: 2em 0;
text-align: center;
}
.glyph {
display: inline-block;
width: 9em;
margin: 1em;
text-align: center;
vertical-align: top;
background: #FFF;
}
.glyph .glyph-icon {
padding: 10px;
display: block;
font-family:"Flaticon";
font-size: 64px;
line-height: 1;
}
.glyph .glyph-icon:before {
font-size: 64px;
color: #222;
margin-left: 0;
}
.class-name {
font-size: 0.65em;
background-color: #222;
color: #fff;
border-radius: 4px 4px 0 0;
padding: 0.5em;
color: #FFFF99;
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}
.author-name {
font-size: 0.6em;
background-color: #fcfcfd;
border: 1px solid #DEDEE4;
border-top: 0;
border-radius: 0 0 4px 4px;
padding: 0.5em;
}
.class-name:last-child {
font-size: 10px;
color:#888;
}
.class-name:last-child a {
font-size: 10px;
color:#555;
}
.class-name:last-child a:hover {
color:#a9fd00;
}
.glyph > input {
display: block;
width: 100px;
margin: 5px auto;
text-align: center;
font-size: 12px;
cursor: text;
}
.glyph > input.icon-input {
font-family:"Flaticon";
font-size: 16px;
margin-bottom: 10px;
}
.attribution .title {
margin-top: 2em;
}
.attribution textarea {
background-color: #fcfcfd;
padding: 1em;
border: none;
box-shadow: none;
border: 1px solid #DEDEE4;
border-radius: 4px;
resize: none;
width: 100%;
height: 150px;
font-size: 0.8em;
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
-webkit-appearance: none;
}
.iconsuse {
margin: 2em auto;
text-align: center;
max-width: 1200px;
}
.iconsuse:after {
content: '';
display: table;
clear: both;
}
.iconsuse .image {
float: left;
width: 25%;
padding: 0 1em;
}
.iconsuse .image p {
margin-bottom: 1em;
}
.iconsuse .image span {
display: block;
font-size: 0.65em;
background-color: #222;
color: #fff;
border-radius: 4px;
padding: 0.5em;
color: #FFFF99;
margin-top: 1em;
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}
#footer {
text-align: center;
background-color: #4C5B5C;
color: #7c9192;
padding: 1em;
}
#footer a {
border: none;
color: #a9fd00;
font-weight: normal;
}
@media (max-width: 960px) {
.iconsuse .image {
width: 50%;
}
}
@media (max-width: 560px) {
.iconsuse .image {
width: 100%;
}
}
</style>
</head>
<body class="characters-off">
<header>
<a href="http://www.flaticon.com" target="_blank" class="logo">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" viewBox="0 0 560.875 102.036" enable-background="new 0 0 560.875 102.036" xml:space="preserve">
<defs>
</defs>
<g>
<g
公司级网站源码-创意动态记录响应式网站模板-支持适配移动端.zip （62个子文件） 
公司级网站源码-创意动态记录响应式网站模板-支持适配移动端 html icon-fonts 
Flaticon.eot 33KB fontawesome-webfont.eot 162KB Flaticon.woff 19KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
Flaticon.svg 236KB fontawesome-webfont.svg 434KB
portfolio.html 7KB js bootstrap.min.js 48KB main.js 3KB map.js 2KB circle-progress.min.js 4KB owl.carousel.min.js 42KB jquery-3.2.1.min.js 85KB mixitup.min.js 87KB source icon-font Flaticon.eot 33KB flaticon.html 44KB _flaticon.scss 9KB Flaticon.woff 19KB Flaticon.svg 236KB Flaticon.ttf 33KB flaticon.css 5KB img 
intro.jpg 39KB hero-slider 2.jpg 191KB 1.jpg 527KB portfolio 2.jpg 426KB 10.jpg 114KB 6.jpg 60KB 1.jpg 17KB 5.jpg 375KB 8.jpg 39KB 3.jpg 575KB 7.jpg 228KB 9.jpg 186KB 4.jpg 143KB review-bg.jpg 275KB client.jpg 8KB contact-bg.jpg 72KB work-slider 2.jpg 17KB 1.jpg 41KB blog 2.jpg 167KB 1.jpg 99KB 3.jpg 129KB favicon.ico 17KB headers-bg 2.jpg 33KB 1.jpg 85KB 3.jpg 43KB 4.jpg 51KB recent-thumb 2.jpg 37KB 1.jpg 48KB css style.css 27KB bootstrap.min.css 141KB owl.carousel.css 4KB animate.css 73KB font-awesome.min.css 30KB flaticon.css 5KB index.html 12KB elements.html 11KB contact.html 5KB about.html 7KB blog.html 8KB single-work.html 6KB资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- （2025）计算机网络技术考试题库（含答案）.doc
- （2025）监理工程师《合同管理》考试题库及答案.doc
- （2025）辐射安全与防护培训考试题库及答案.docx
- （2025）高压电工考试题库及答案.docx
- （2025）工业机器人技术题库及答案.docx
- （2025）工作票三种人资格工作许可人考试题库及答案.docx
- （2025）工业机器人系统操作员技术及理论知识竞赛试题库(附含答案).docx
- （2025）公司员工疫情防控知识考试题库及答案.docx
- （2025）公文写作基础知识试题库及答案.docx
- （2025）公文筐考试题库及答案.docx
- （2025）公务员结构化面试万能模板.docx
- （2025）公务员考试常用数学公式总结归纳.docx
- （2025）国家基层糖尿病防治管理指南认证考试试题及答案.docx
- （2025）国学经典知识竞赛题库及答案.docx
- （2025）汉字听写大会竞赛试题库及答案（通用版）.docx
- （2025）过程气体事业部产品测试题及答案.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
