1 Star 0 Fork 0

天黑/zhii

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
last.html 7.17 KB
一键复制 编辑 原始数据 按行查看 历史
陈建新 提交于 2017-09-08 15:44 . b2c商城
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>纸匠荣誉 - 纸家具_益智玩具_纸玩_纸匠</title>
<meta name="keywords" content="高新技术企业,实用新型专利证书,福建省广告行业一级企业,纸匠"/>
<meta name="description" content="纸匠荣誉 - 纸匠被认定为高新技术企业、福建省广告行业一级企业和获得福建省科技型企业证书,公司产品获得实用新型专利证书等荣誉。"/>
<link rel="shortcut icon" href="images/logo.ico">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/animate.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Salvattore -->
<link rel="stylesheet" href="css/salvattore.css">
<link rel="stylesheet" href="css/all.css">
<!-- Theme Style -->
<style>
body,html{
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
p,ul{
margin: 0;
padding: 0;
}
.bd-wrap{
width: 100%;
height: auto;
position: relative;
background-color: #f4f4f4;
}
.bd-wrap img{
width: 100%;
height: auto;
}
.container-box{
background-color: #fff;
padding-bottom: 80px;
border-bottom: 1px solid #ddd;
position: relative;
}
.axis-img img{
width: 100%;
height: auto;
}
.last-img img{
width: 100%;
height: auto;
}
.col-last{
margin-top: 30px;
padding:0 8px;
}
.col-last p{
text-align: center;
margin-top: 16px;
text-indent:0;
}
.last-img{
border:1px solid rgba(0,0,0,0.12);
padding: 10px;
}
.image-popup{
display: block;
}
.image-popup:hover{
display: block;
background-color: #fff;
opacity: 0.5;
}
.image-popup:focus{
outline:none;
}
.video-container{
margin-top: -245px;
position: relative;
background-color: #fff;
margin-bottom: 20px;
}
.video-cols{
height: 60px;
}
.video-cols p{
float: left;
color: rgba(0, 0, 0, 0.26);
line-height: 60px;
}
footer{
margin-top: 50px;
background-color: #fff;
padding: 20px;
overflow: hidden;
position: relative;
padding-bottom: 120px;
}
.ft-box{
text-align: center;
position: relative;
left: 50%;
float: left;
}
.ft-logo{
position: relative;
right: 50%;
}
.ft-text{
margin-top: 30px;
position: relative;
right: 50%;
}
.last-list{
overflow: hidden;
position: relative;
right: 50%;
margin-top: 30px;
}
.last-list li{
overflow: hidden;
float: left;
border-right: 1px solid #000;
}
.last-list li a{
float: left;
color: #000;
text-decoration: none;
padding: 0 10px;
line-height: 15px;
}
.list-icon{
overflow: hidden;
position: relative;
right: 10%;
margin-top: 20px;
}
.list-icon li{
float: left;
}
.bottom-border{
height: 1px;
background-color: rgba(0, 0, 0, 0.12);
width: 80%;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%,0);
margin-bottom: 100px;
}
.foot-text{
position: absolute;
bottom: 0;
text-align: center;
left: 50%;
transform: translate(-50%,0);
margin-bottom: 20px;
}
.top-title{
position: absolute;
top: 180px;
left: 180px;
border-top: solid 5px #fff;
border-bottom: solid 5px #fff;
width: 225px;
}
.top-title p{
font-size: 36px;
color: #fff;
font-weight: 400;
}
.top-title span{
font-size: 20px;
color: #fff;
font-weight: 300;
}
.row{
margin:0 -7px;
}
</style>
</head>
<body>
<div class="bd-wrap">
<img src="images/video-banner.png" alt="纸匠官网">
<div class="top-title">
<p>纸匠荣誉</p>
<span>COURSE INTRODUCTION</span>
</div>
</div>
<div class="container video-container">
<div class="row" style="margin:0 -15px;">
<div class="col-sm-12 video-cols">
<p><a href="https://www.papermaker.cn">纸匠&nbsp;&nbsp;&nbsp;/&nbsp;</a></p>
<div class="nav-p">
<a href="last.html">&nbsp;&nbsp;&nbsp;关于纸匠 &nbsp;<span class="sanjiao"></span> &nbsp;&nbsp;/ </a>
<ul class="nav-ul">
<li><a href="about.html">关于纸匠</a></li>
<li><a href="axis.html">纸匠文化轴</a></li>
<li><a href="course.html">纸匠历程</a></li>
<li><a href="last.html">纸匠荣誉</a></li>
<li><a href="news.html">纸匠动态</a></li>
</ul>
</div>
<p style="color: #000;">&nbsp;&nbsp;&nbsp;纸匠荣誉 </p>
</div>
</div>
</div>
<div class="container container-box">
<div class="row bd-text">
1、2016年12月,福建纸匠文化科技股份有限公司被认定为高新技术企业。 2、公司产品“压缩性纸雨衣”广东省第八届“省长杯”工业设计大赛银奖 3、公司产品获得实用新型专利证书 4、福建纸匠文化科技股份有限公司被认定为福建省广告行业一级企业 5、2016年9月,福建纸匠文化科技股份有限公司获得福建省科技型企业 6、2016年,公司成为中华全国工商业联合会纸业商会纸文化创意专业委员会主任委员
<!--<div class="col-sm-12">
<div class="bd-text">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;福建纸匠文化科技股份有限公司于2012年12月创立,注册资本3068万元人民币,由创始人张小聪携手多家闽企包括七匹狼集团、子江投资、启诚资本、业晋集团等知名企业共同设立,公司总部设立于晋江,在厦门、北京、上海、江苏、新疆等地设有分公司,并与新华书店、世界图书出版社、北京798、中国童书展、尤伦斯艺术商店、1920美术馆等建立合作。
<br><br>
</div>
</div>-->
<!--<div class="col-last col-sm-4 col-md-4">
<div class="last-img animate-box">
<a href="images/images.jpg" class="image-popup fh5co-board-img"><img src="images/images.jpg" alt="纸匠官网"></a>
</div>
<p>福建省科技型企业</p>
</div>-->
</div>
</div>
<footer></footer>
<script src="js/jquery-1.10.2.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/salvattore.min.js"></script>
<!--<script src="js/main.js"></script>-->
<script src="js/ajax.js"></script>
<script>
$(function () {
var json = ajax("get","about/list",function (res) {
var data = res.data.aboutHonorList[0];
var imgFull = data.fullImage.split("|");
var imgMini = data.miniImage.split("|");
var content = data.intro;
var html = '';
if(content.length > 3){
html = '<p style="margin-top: 15px;">'+content+'</p>';
}
for(var i=1;i<imgMini.length;i++){
html += '<div class="col-last col-sm-4 col-md-4"> <div class="last-img animate-box"><div class="translatePos animated"></div> <a href="'+imgFull[i]+'" data-group="1" class="galleryItem"><img src="'+imgMini[i]+'" alt="纸匠荣誉"></a> </div> </div>'
}
$(".bd-text").html(html);
$(".loading").fadeOut(100);
slideRight($(".translatePos"));
// 图片预览
images()
});
})
</script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/tianheile/zhii.git
git@gitee.com:tianheile/zhii.git
tianheile
zhii
zhii
master

搜索帮助