代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>纸匠文创-礼品介绍 - 纸家具_益智玩具_纸玩_纸匠</title>
<meta name="description" content="纸匠礼品装饰品为您提供精心设计环保再生纸礼品，为您解决生日礼物、结婚礼物、节日礼物和商务礼品送什么好的问题"/>
<meta name="keywords" 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{
overflow: visible;
padding: 0;
margin: 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: 100%;
}
.family-container{
width: 90%;
background-color: #fff;
padding: 30px;
padding-bottom: 90px;
position: relative;
}
.bd-text{
margin-bottom: 50px;
}
.bd-about img{
width: 100%;
height: auto;
}
.mai-img img{
width: 100%;
height: auto;
}
.col-main{
padding: 35px 8px;
}
.main-title{
padding-top: 5px;
}
.hd-title{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.hd-title p{
font-size: 3.43rem;
font-weight: 500;
color: #fff;
}
.hd-title span{
font-size: 1.71rem;
color: #fff;
display: block;
text-align: center;
}
.image-popup{
display: block;
}
.image-popup:hover{
display: block;
background-color: #fff;
opacity: 0.5;
}
.image-popup:focus{
outline:none;
}
.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;
}
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;
}
.video-container{
width: 90%;
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;
}
</style>
</head>
<body>
<div class="bd-wrap">
<img src="images/video-banner.png" alt="纸匠官网">
<div class="top-title">
<p>礼品介绍</p>
<span>PAPER MAKER HOME</span>
</div>
</div>
<div class="container video-container">
<div class="row">
<div class="col-sm-12 video-cols">
<p><a href="https://www.papermaker.cn">纸匠 / </a></p>
<div class="nav-p">
<a href="gift.html"> 纸匠文创 <span class="sanjiao"></span> / </a>
<ul class="nav-ul">
<li><a href="creative_about.html">文创简介</a></li>
<li><a href="family.html">文创家居</a></li>
<li><a href="prop.html">道具介绍</a></li>
<li><a href="gift.html">礼品介绍</a></li>
<li><a href="stationery.html">文具介绍</a></li>
<li><a href="work.html">办公用品</a></li>
<li><a href="live.html">生活用品</a></li>
</ul>
</div>
<p style="color: #000;"> 礼品介绍 </p>
</div>
</div>
</div>
<div class="container family-container">
<div class="row">
<div class="col-sm-12">
<div class="bd-text">
市面上的礼品有千奇百样，但环保再生纸做的呢？以常见的材料，设计出不凡的礼品。相信收礼物的人也能体会到用心。
<!-- 纸匠在教育板块拥有强大的设计师研发团队，结合国外创新的教学观点，并根据儿童健康教育趋势的需求，联合全国各大高校名师资源。经国家教育权威机构认证，为创客教室量身定制互动式教学课程。全方位提升儿童感知、图画、思维等能力，发掘孩子潜能。-->
</div>
</div>
</div>
<div class="row expo-row-ajax">
<!--<div class="col-main col-sm-6 col-md-4">
<div class="mai-img animate-box">
<a href="images/family.jpg" class="image-popup fh5co-board-img"><img src="images/family.jpg" alt="纸匠官网"></a>
</div>
</div>
<div class="col-main col-sm-6 col-md-4">
<div class="mai-img animate-box">
<a href="images/family2.jpg" class="image-popup fh5co-board-img"><img src="images/family2.jpg" alt="纸匠官网"></a>
</div>
</div>
<div class="col-main col-sm-6 col-md-4">
<div class="mai-img animate-box">
<a href="images/family3.jpg" class="image-popup fh5co-board-img"><img src="images/family3.jpg" alt="纸匠官网"></a>
</div>
</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","create/list",function (res) {
var dataArray = res.data.createGiftList;
var html = '';
for(var k=0;k<dataArray.length;k++){
var data = dataArray[k];
var content = '';
content += "<p>"+data.intro+"</p>";
var imgMini = data.miniImage.split("|");
var imgMax = data.fullImage.split("|");
for(var i=1;i<imgMini.length;i++){
html += '<div class="col-main col-sm-6 col-md-4"> <div class="mai-img animate-box"><div class="translatePos animated"></div> <a href="'+imgMax[i]+'" data-group="1" class="galleryItem"><img src="'+imgMini[i]+'" alt="环保再生纸礼品"></a> </div> </div>';
}
}
$(".bd-text").html(content);
$(".expo-row-ajax").append(html);
$(".loading").fadeOut(100);
slideRight($(".translatePos"));
images();
});
})
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手