首次提交

master
tangyi 2022-02-14 10:07:13 +08:00
commit 6a59379c26
74 changed files with 8004 additions and 0 deletions

3
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}

128
css/base.css Normal file
View File

@ -0,0 +1,128 @@
/* -moz-:firefox()
-ms-:ie
-webkit-:safarichrome
-o-:Opera
*/
/* 清空所有标签的内外边距 */
* {
padding: 0;
margin: 0;
/* css3盒子模型 */
box-sizing: border-box;
}
header,
main{
background-color: #FFFFFF;
min-width: 320px;
/* max-width: calc(100% - 180px); */
max-width: calc(1920px - 640px);
margin: 0 auto;
}
body {
/* 抗锯齿性-让文字显示的更加清晰 */
-webkit-font-smoothing: antialiased;
background-color: #F5F5F5;
font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
color: #333;
}
/* em 和 i 斜体的文字不倾斜 */
em,
i {
font-style: normal;
}
/* 去掉li 的小圆点 */
li {
list-style: none;
}
button {
/* 当我们鼠标经过button按钮的时候鼠标变成小手 */
cursor: pointer;
border: none;
}
img {
/* 照顾低版本浏览器 如果图片外面包含了链接会有边框的问题 */
border: 0;
/* 取消图片底侧有空白缝隙的问题 ① */
vertical-align: middle;
/* 取消图片底侧有空白缝隙的问题 ② */
display: block;
object-fit: cover;
}
/* 去掉a标签的下划线并修改字体颜色 */
a {
color: #666;
text-decoration: none;
/* 手机端去除a标签点击时的背景样式 */
-webkit-tap-highlight-color: transparent;
/* 去除边距 */
display: inline-block;
}
/* 禁用长按时弹出的菜单 */
img , a {
-webkit-touch-callout: none;
}
button,
input,
textarea{
/* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
/* 取消轮廓 */
outline: none;
/* 去掉默认外观 */
/* -webkit-appearance: none; */
/* 去掉点击时的默认外观 */
outline-style: none;
}
textarea {
/* 禁止自定义拉伸 */
resize: none;
}
.hide,
.none {
display: none
}
/* 清楚浮动 */
.clearfix:after {
visibility: hidden;
clear: both;
display: block;
content: ".";
height: 0
}
.clearfix {
*zoom: 1
}
.logo h1 a {
display: flex;
align-items: center;
}
.clips1{
/* 弹性伸缩盒子模型显示 */
display: -webkit-box;
/* 用省略号代替 */
text-overflow: ellipsis;
/* 设置或检索伸缩盒对象的子元素的排列方式 */
-webkit-box-orient: vertical;
/* 禁止数字和英文换行 */
word-break: break-all;
/* 限制在一个块元素显示的文本的行数 */
-webkit-line-clamp: 1;
/* 溢出隐藏 */
overflow: hidden;
}
.clips2{display: -webkit-box;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.clips3{display: -webkit-box;-webkit-line-clamp: 3;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.clips4{display: -webkit-box;-webkit-line-clamp: 4;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.clips5{display: -webkit-box;-webkit-line-clamp: 5;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.clips6{display: -webkit-box;-webkit-line-clamp: 6;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.clips7{display: -webkit-box;-webkit-line-clamp: 7;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}

1347
css/style.css Normal file

File diff suppressed because it is too large Load Diff

12
css/swiper.min.css vendored Normal file

File diff suppressed because one or more lines are too long

210
htmls/Interview.html Normal file
View File

@ -0,0 +1,210 @@
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/base.css" />
<link rel="stylesheet" href="../css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<script src="../js/swiper.min.js"></script>
</head>
<body>
<div class="main">
<img src="../imgs/rwzf.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon mainInterview" >
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</a>
<a class="on" href="./honoraryCertificate.html">資質榮譽
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
</a>
<a href="./projectIntroduction.html">項目介紹</a>
<a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
<a href="./engineering.html">工程工藝
<object class="make"> <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
</a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="Interview">
<div class="InterviewTitle">
<p class="title">人物專訪</p>
<div class="select">
<select name="" id="">
<option value="">所有</option>
<option value=""></option>
<option value=""></option>
</select>
</div>
</div>
<div class="InterviewCon">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="InterviewSwiper">
<div class="lisiImg">
<img class="img" src="../imgs/ry.png" alt="">
<div class="suspended">
<div class="tart">
<img src="../imgs/zt.png" alt="">
</div>
</div>
<div class="listDate">
<p>2022年 </p>
<p>1月18日</p>
</div>
</div>
<div class="listText">
<p>人物專訪標題文字後台上傳人物專訪標題文字後台上傳</p>
<a href="./InterviewDetails.html"> 查看详情</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="InterviewSwiper">
<div class="lisiImg">
<img class="img" src="../imgs/ry.png" alt="">
<div class="suspended">
<div>
<img src="../imgs/zt.png" alt="">
</div>
</div>
<div class="listDate">
<p>2022年 </p>
<p>1月18日</p>
</div>
</div>
<div class="listText">
<p>人物專訪標題文字後台上傳人物專訪標題文字後台上傳</p>
<a href="./InterviewDetails.html"> 查看详情</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="InterviewSwiper">
<div class="lisiImg">
<img class="img" src="../imgs/ry.png" alt="">
<div class="suspended tart" data-video="https://vd2.bdstatic.com/mda-nbba4sdn5xmdg9nr/cae_h264_delogo/1644650007350388119/mda-nbba4sdn5xmdg9nr.mp4?v_from_s=hkapp-haokan-hnb&auth_key=1644760935-0-0-0a884c55203aeec34ed6716f34378ac1&bcevod_channel=searchbox_feed&pd=1&pt=3&logid=1935311760&vid=3652578289962885376&abtest=&klogid=1935311760" class="suspended">
<div>
<img src="../imgs/zt.png" alt="">
</div>
</div>
<div class="listDate">
<p>2022年 </p>
<p>1月18日</p>
</div>
</div>
<div class="listText">
<p>人物專訪標題文字後台上傳人物專訪標題文字後台上傳</p>
<a href="./InterviewDetails.html"> 查看详情</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
</div>
</div>
<div class="makeV">
<video controls="controls" src=""></video>
<button type="button">关闭</button>
</div>
<script src="../js/jquery.min.js"></script>
<div class="navCon">
<p></p>
<p></p>
<p></p>
</div>
<a href="/" class="returnIndex">
<img src="../imgs/home.png" alt="">
</a>
<script>
$(".navCon").on("click",(e)=>{
console.log(123);
$(".navIpd").css("right","0px")
e.preventDefault();
})
$(".main").on("click",function (params) {
$(".navIpd").css("right","-250px")
})
</script>
<script>
var mySwiper = new Swiper('.swiper', {
// 如果需要分页器
pagination: {
el: '.swiper-pagination',
},
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// 如果需要滚动条
scrollbar: {
el: '.swiper-scrollbar',
},
})
console.log( $(".tart"));
$(".tart").on("click",function(){
$(".makeV").css("display","flex")
$(".makeV video").attr("src",$(this).data("video"))
})
$(".makeV button").on("click",function(){
$(".makeV").css("display","none")
})
</script>
</body>
</html>

103
htmls/InterviewDetails.html Normal file
View File

@ -0,0 +1,103 @@
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/base.css"/>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
</head>
<body>
<div class="main">
<img src="../imgs/rwzf.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</a>
<a class="on" href="./honoraryCertificate.html">資質榮譽
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
</a>
<a href="./projectIntroduction.html">項目介紹</a>
<a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
<a href="./engineering.html">工程工藝
<object class="make"> <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
</a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="text contentPageC InterviewDetails">
<p class="title">人物專訪標題文字後台上傳人物專訪標題文字後台上傳</p>
<div class="contentPage">
<div class="InterviewDetailsImg">
<img src="../imgs/nr.png" alt="">
<div class="suspended">
<div>
<img src="../imgs/zt.png" alt="">
</div>
</div>
</div>
<p class="p">專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾,機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構</p>
</div>
</div>
</div>
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
</div>
</div>
<script src="../js/jquery.min.js"></script>
<div class="navCon">
<p></p>
<p></p>
<p></p>
</div>
<a href="/" class="returnIndex">
<img src="../imgs/home.png" alt="">
</a>
<script>
$(".navCon").on("click",(e)=>{
console.log(123);
$(".navIpd").css("right","0px")
e.preventDefault();
})
$(".main").on("click",function (params) {
$(".navIpd").css("right","-250px")
})
</script>
</body>
</html>

100
htmls/aboutUs.html Normal file
View File

@ -0,0 +1,100 @@
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/base.css"/>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
</head>
<body>
<div class="main">
<img src="../imgs/rwgy.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a class="on" href="./aboutUs.html">關於Allen Zhou</a>
<a href="./honoraryCertificate.html">資質榮譽
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
</a>
<a href="./projectIntroduction.html">項目介紹</a>
<a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
<a href="./engineering.html">工程工藝
<object class="make"> <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
</a>
<a href="./contactUs">聯繫我們</a>
</div>
</div>
<div class="text contentPageC aboutUsPbottom">
<p class="title">關於Allen Zhou</p>
<div class="contentPage">
<div class="aboutUs">
<img src="../imgs/rw.png" alt="">
<div class="aboutUsText">
<p class="aboutUsTitle">Allen Zhou</p>
<p class="aboutUsSubtitle">執行副總裁 </p>
<p class="aboutUsSubtitle">管理合夥人</p>
<p class="aboutUsSubtitle">設計總監</p>
<p class="aboutUsP">專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾,機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構,</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
</div>
</div>
<div class="navCon">
<p></p>
<p></p>
<p></p>
</div>
<a href="/" class="returnIndex">
<img src="../imgs/home.png" alt="">
</a>
<script src="../js/jquery.min.js"></script>
<script>
$(".navCon").on("click",(e)=>{
console.log(123);
$(".navIpd").css("right","0px")
e.preventDefault();
})
$(".main").on("click",function (params) {
$(".navIpd").css("right","-250px")
})
</script>
</body>
</html>

99
htmls/brand.html Normal file
View File

@ -0,0 +1,99 @@
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/base.css"/>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
</head>
<body>
<div class="main">
<img src="../imgs/ber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</a>
<a href="./honoraryCertificate.html">資質榮譽
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
</a>
<a href="./projectIntroduction.html">項目介紹</a>
<a class="on" href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
<a href="./engineering.html">工程工藝
<object class="make"> <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
</a>
<a href="./contactUs">聯繫我們</a>
</div>
</div>
<div class="text contentPageC brand">
<p class="title">名品軟裝</p>
<div class="select">
<select name="" id="">
<option value="">品牌</option>
<option value=""></option>
<option value=""></option>
</select>
</div>
<div class="contentPage">
<p class="subtitle">专注为您量需定制更优生活方式</p>
<p class="p">成都盛堂世家裝飾工程有限公司專職為高端品質客戶、地產商、酒店投資商提供整體規劃設計與施工,陳設搭配等配套服務。設計範疇遍及私人別墅、樣板房、高級會所、精品酒店及商業空間,實行多對一的全程托管式服務模式,令您盡享尊貴專屬服務;同時我們秉承「與時俱進、開拓創新」的發展思路,進一步整合資源,學習先進設計理念,強調工藝和材料研發不斷延展,完善服務產業鏈,提升綜合水平,打造設計、施工、主材選購、軟裝搭配、售後服務於一體的完善服務體系,為大客戶打造更高品位,更具個性、更高品質家居、公共裝飾工程。推動企業向一體化、產業化、品牌化、集團化方向發展,引領行業發展新潮流。</p>
<p class="p">成都盛堂世家裝飾工程有限公司專職為高端品質客戶、地產商、酒店投資商提供整體規劃設計與施工,陳設搭配等配套服務。設計範疇遍及私人</p>
<img src="../imgs/nr.png" alt="">
</div>
</div>
</div>
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
</div>
</div>
<div class="navCon">
<p></p>
<p></p>
<p></p>
</div>
<a href="/" class="returnIndex">
<img src="../imgs/home.png" alt="">
</a>
<script src="../js/jquery.min.js"></script>
<script>
$(".navCon").on("click",(e)=>{
console.log(123);
$(".navIpd").css("right","0px")
e.preventDefault();
})
$(".main").on("click",function (params) {
$(".navIpd").css("right","-250px")
})
</script>
</body>
</html>

155
htmls/contactUs.html Normal file
View File

@ -0,0 +1,155 @@
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/base.css" />
<link rel="stylesheet" href="../css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<script src="../js/swiper.min.js"></script>
</head>
<body>
<div class="main">
<img src="../imgs/lx.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navCon">
<p></p>
<p></p>
<p></p>
</div>
<div class="navTop">
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</a>
<a href="./honoraryCertificate.html">資質榮譽
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
</a>
<a href="./projectIntroduction.html">項目介紹</a>
<a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
<a href="./engineering.html">工程工藝
<object class="make"> <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
</a>
<a class="on" href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="text contentPageC wellKnownProductsNavP">
<p class="title">联系我们</p>
<div class="contactUs">
<div class="contactUsTel">
<div>
<div class="contactUsTelText">
<img src="../imgs/wz.png" alt="">
<div>
<p>公司地址: </p>
<p>四川省成都市環球中心西W6區7樓713</p>
</div>
</div>
<div class="contactUsTelText">
<img src="../imgs/dh.png" alt="">
<div>
<p>座機電話: </p>
<p>400 028 0558</p>
</div>
</div>
<div class="contactUsTelText">
<img src="../imgs/yx.png" alt="">
<div>
<p>郵箱地址:</p>
<p>222222222222@163.com</p>
</div>
</div>
</div>
<div class="wx">
<div>
<img src="../imgs/wx.jpg" alt="">
<p>微信公众号</p>
</div>
<div>
<img src="../imgs/wx.jpg" alt="">
<p>微信公众号</p>
</div>
</div>
</div>
<div class="contactUsInpur">
<div class="inta">
<input placeholder="姓名" type="text"><input placeholder="聯繫" type="text">
</div>
<div class="intB">
<p>留言</p>
<input type="text">
</div>
<button class="contactUsButton" type="button">立即提交</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
</div>
</div>
<div class="navCon">
<p></p>
<p></p>
<p></p>
</div>
<a href="/" class="returnIndex">
<img src="../imgs/home.png" alt="">
</a>
<script src="../js/jquery.min.js"></script>
<script>
$(".navCon").on("click",(e)=>{
console.log(123);
$(".navIpd").css("right","0px")
e.preventDefault();
})
$(".main").on("click",function (params) {
$(".navIpd").css("right","-250px")
})
</script>
</body>
</html>

101
htmls/contentPage.html Normal file
View File

@ -0,0 +1,101 @@
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/base.css"/>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
</head>
<body>
<div class="main">
<img src="../imgs/ber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a class="on" href="./contentPage.html" >盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</a>
<a href="./honoraryCertificate.html">資質榮譽
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
</a>
<a href="./projectIntroduction.html">項目介紹</a>
<a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
<a href="./engineering.html">工程工藝
<object class="make"> <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
</a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="text contentPageC">
<p class="title">盛堂世家設計機構</p>
<div class="contentPage">
<p class="subtitle">品牌豪宅室內設計機構之一</p>
<p class="p">專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾,機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構</p>
<img src="../imgs/nr.png" alt="">
<p class="title">盛堂世家設計機構</p>
<p class="subtitle">品牌豪宅室內設計機構之一</p>
<p class="p">專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾,機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構</p>
<img src="../imgs/nr.png" alt="">
<p class="title">盛堂世家設計機構</p>
<p class="subtitle">品牌豪宅室內設計機構之一</p>
<p class="p">專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾,機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構</p>
<img src="../imgs/nr.png" alt="">
<p class="title">盛堂世家設計機構</p>
<p class="subtitle">品牌豪宅室內設計機構之一</p>
<p class="p">專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾,機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構</p>
<img src="../imgs/nr.png" alt="">
</div>
</div>
</div>
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
</div>
</div>
<div class="navCon">
<p></p>
<p></p>
<p></p>
</div>
<a href="/" class="returnIndex">
<img src="../imgs/home.png" alt="">
</a>
<script src="../js/jquery.min.js"></script>
<script>
$(".navCon").on("click",(e)=>{
console.log(123);
$(".navIpd").css("right","0px")
e.preventDefault();
})
$(".main").on("click",function (params) {
$(".navIpd").css("right","-250px")
})
</script>
</body>
</html>

276
htmls/engineering.html Normal file
View File

@ -0,0 +1,276 @@
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/base.css" />
<link rel="stylesheet" href="../css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<script src="../js/swiper.min.js"></script>
</head>
<body>
<div class="main">
<img src="../imgs/gyber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon mainInterview">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<div class="navLsit">
<a href="./contentPage.html">盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</a>
<a href="./honoraryCertificate.html">資質榮譽
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a
href="./Interview.html">人物專訪</a></object>
</a>
<a href="./projectIntroduction.html">項目介紹</a>
<a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a
href="./serviceConcept.html">理念</a><a
href="./wellKnownProducts.html">产品</a></object></a>
<a class="on" href="./engineering.html">工程工藝
<object class="make"> <a href="./engineering.html">工程工藝 </a><a
href="./siteImage.html">工地形象</a></object>
</a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
</div>
<div class="projectIntroductionCon">
<div class="">
<p class="title">工程工藝</p>
<div class="select">
<select name="" id="">
<option value="">工艺</option>
<option value=""></option>
<option value=""></option>
</select>
</div>
</div>
<div class="engineering">
<div class="engineeringCon">
<p class="tit">地面找平</p>
<div class="engineeringConText">
<div class="listImg">
<img src="../imgs/imga1.png" alt="">
</div>
<p class="p">
專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾園林景觀,家居軟裝藝術配飾機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構。
</p>
</div>
</div>
<div class="engineeringNav">
<div class="engineeringNavList">
<!-- <div class="list" data-index="0">
<p>瓷磚</p>
<div class="listImg">
<img src="../imgs/im1.png" alt="">
</div>
</div>
<div class="list on" data-index="1">
<p>地面找平</p>
<div class="listImg">
<img src="../imgs/im2.png" alt="">
</div>
</div>
<div class="list" data-index="2">
<p>地磚</p>
<div class="listImg">
<img src="../imgs/im3.png" alt="">
</div>
</div>
<div class="list" data-index="3">
<p>水電改造</p>
<div class="listImg">
<img src="../imgs/im4.png" alt="">
</div>
</div> -->
</div>
<div class="engineeringNavButton">
<a rel="nofollow" class="add"><img src="../imgs/jt3.png" alt=""></a> <a
class="Reduction" rel="nofollow"><img src="../imgs/jt.png" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
</div>
<script src="../js/jquery.min.js"></script>
<script>
let num = 1
let data = [
{
title: "瓷磚",
img: "../imgs/imga1.png",
text: " 專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾園林景觀,家居軟裝藝術配飾機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構。"
},
{
title: "地面找平",
img: "../imgs/im2.png",
text: " 專職為高品質業主、地產商藝術配飾機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構。"
},
{
title: "地磚",
img: "../imgs/im3.png",
text: " 專職為高品質業主、地產商、精品酒店商業綜合體企業家居軟裝1111111111111111111111111111111設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構。"
},
{
title: "水電改造",
img: "../imgs/im4.png",
text: " 專職為高品質業主、地產商、精品酒店,商業綜合體,企業大定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構。"
},
{
title: "瓷1234磚",
img: "../imgs/imga1.png",
text: " 專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾園林景觀,家居軟裝藝術配飾機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構。"
},
{
title: "地面1234找平",
img: "../imgs/im2.png",
text: " 專職為高品質業主、地產商藝術配飾機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構。"
},
{
title: "地磚12",
img: "../imgs/im3.png",
text: " 專職為高品質業主、地產商、精品酒店商業綜合體企業家居軟裝1111111111111111111111111111111設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構。"
},
{
title: "水電2改造",
img: "../imgs/im4.png",
text: " 專職為高品質業主、地產商、精品酒店,商業綜合體,企業大定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構。"
},
]
$(".add").on("click", function () {
if (num * 4 < data.length) {
console.log(123);
num++
nodeD()
}
})
$(".Reduction").on("click", function (params) {
if (num > 0) {
num--
nodeD()
}
})
function nodeD(params) {
let node = ""
for (let index = num * 4; index < (4 * (num + 1)); index++) {
node += ` <div class="list" data-index="${index}">
<p>${data[index].title}</p>
<div class="listImg">
<img src="${data[index].img}" alt="">
</div>
</div>`
}
$(".engineeringNavList").html(node)
$(".engineeringNavList .list").on("click", function () {
$(".engineeringNavList .list").removeClass("on")
$(this).addClass("on")
console.log(data[$(this).data("index")].img)
console.log($(".engineeringCon .listImg img"));
$(".engineeringCon .listImg img").attr("src", data[$(this).data("index")].img)
$(".engineeringCon .tit").html(data[$(this).data("index")].title)
$(".engineeringCon .p").html(data[$(this).data("index")].text)
})
}
nodeD()
$(".engineeringNavList .list").on("click", function () {
$(".engineeringNavList .list").removeClass("on")
$(this).addClass("on")
console.log(data[$(this).data("index")].img)
console.log($(".engineeringCon .listImg img"));
$(".engineeringCon .listImg img").attr("src", data[$(this).data("index")].img)
$(".engineeringCon .tit").html(data[$(this).data("index")].title)
$(".engineeringCon .p").html(data[$(this).data("index")].text)
})
</script>
<div class="navCon">
<p></p>
<p></p>
<p></p>
</div>
<a href="/" class="returnIndex">
<img src="../imgs/home.png" alt="">
</a>
<script>
$(".navCon").on("click",(e)=>{
console.log(123);
$(".navIpd").css("right","0px")
e.preventDefault();
})
$(".main").on("click",function (params) {
$(".navIpd").css("right","-250px")
})
</script>
<script>
var mySwiper = new Swiper('.swiper', {
// 如果需要分页器
pagination: {
el: '.swiper-pagination',
},
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// 如果需要滚动条
scrollbar: {
el: '.swiper-scrollbar',
},
})
</script>
</body>
</html>

View File

@ -0,0 +1,140 @@
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/base.css" />
<link rel="stylesheet" type="text/css" href="../css/style.css" />
</head>
<body>
<div class="main">
<img src="../imgs/rwzf.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</a>
<a class="on navClick" href="./honoraryCertificate.html">資質榮譽
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
</a>
<a href="./projectIntroduction.html">項目介紹</a>
<a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
<a href="./engineering.html">工程工藝
<object class="make"> <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
</a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="honoraryCertificate">
<p class="title">資質榮譽</p>
<div class="honoraryCertificateCon">
<div class="list">
<div>
<img src="../imgs/zz.png" alt="">
</div>
<p class="listTitle">2021</p>
<p class="listText">工程設計資質證書</p>
</div>
<div class="list">
<div>
<img src="../imgs/zz.png" alt="">
</div>
<p class="listTitle">2021</p>
<p class="listText">工程設計資質證書</p>
</div>
<div class="list">
<div>
<img src="../imgs/zz.png" alt="">
</div>
<p class="listTitle">2021</p>
<p class="listText">工程設計資質證書</p>
</div>
<div class="list">
<div>
<img src="../imgs/zz.png" alt="">
</div>
<p class="listTitle">2021</p>
<p class="listText">工程設計資質證書</p>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
</div>
</div>
<div class="navCon">
<p></p>
<p></p>
<p></p>
</div>
<a href="/" class="returnIndex">
<img src="../imgs/home.png" alt="">
</a>
<script src="../js/jquery.min.js"></script>
<script>
$(".navCon").on("click",(e)=>{
console.log(123);
$(".navIpd").css("right","0px")
e.preventDefault();
})
$(".main").on("click",function (params) {
$(".navIpd").css("right","-250px")
})
</script>
<script src="">
// $(window).resize(function(e){//监听窗口大小的改变
// let windowWidth = $(window).width()
// if(windowWidth*1<=1060){
// $("navClick").on("click",function(){
// console.log(123123)
// event.preventDefault()
// event.stopPropagation();
// console.log($(this).find(".make"))
// })
// }
// })
</script>
</body>
</html>

264
htmls/ia.html Normal file
View File

@ -0,0 +1,264 @@
首页
工单管理
合并请求
里程碑
探索
通知
创建…
个人信息和配置
chen / huaxia
关注
1
点赞
0
派生
0
代码
工单
0
合并请求
0
项目
0
版本发布
0
百科
动态
仓库设置
暂无描述
管理主题
120 提交
1 分支
58 MiB
分支: master
huaxia/htmls/aboutUs/aboutUs.html
221 行
15 KiB
原始文件
永久链接
Blame
文件历史
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<title>关于我们</title>
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css" />
<link rel="stylesheet" href="../../css/huaxia.css">
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
<link rel="stylesheet" href="../../css/huaxiaMedia.css">
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/huaxia.js"></script>
</head>
<body>
<header class="tyhder_herader">
<img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
<nav class="dis p-zy320 pod" >
<a href="../../index.html">
<img src="../../img/logo.png" title="图2" alt="图片已缺失">
</a>
<div class="tyhder_listnavdIV">
<ul class="tyhder_listnav">
<li> 123</li>
<li><span class="tyhder_di"></span><a target="_parent" href="../../index.html">网站首页</a></li>
<li><span class="tyhder_di"></span><a target="_parent" class="tyhder_gr" href="../aboutUs/aboutUs.html">关于我们</a></li>
<li><span class="tyhder_di"></span><a target="_parent" href="../logshoppingcar/shopcar.html"><img class="tyhder_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li>
<li><span class="tyhder_di"></span><a target="_parent" href="../artNetwork/pointsMall.html">积分商城</a></li>
<li><span class="tyhder_di"></span><a target="_parent" href="../contactUs/contactUs.html">联系我们</a></li>
<li><span class="tyhder_di"></span><a target="_parent" href="../grzx/personalData.html" >个人中心</a></li>
<li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li>
</ul>
<div class="tyhder_moban">
</div>
</div>
<div class="tyhder_btntop">
<img class="tyhder_btntopimg" src="../../img/public/gn.png">
</div>
</nav>
</header>
<div class="tyAboutUs_her ty_pd">
关于我们
</div>
<div class="mian ty_pd">
<p class="tyAboutUs_text">华夏艺术网于1998年开通是国内最早最大的书画艺术门户网站之一由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。经过多年来不间断的运营发展已成为国内知名的艺术类门户网站。华夏艺术网为艺术家、艺术行业单位构建了艺术信息的交流平台吸引了来自全国各地的艺术家及艺术机构加盟。通过网络信息技术手段不断加强与社会各界的合作与广大艺术家及画廊、拍卖行、收藏家、艺术团体建立起了业务联系架起了艺术家与艺术市场之间的桥梁。</p>
<div class="tyAboutUs_imgcon">
<img src="../../img/public/gy-img.png" alt="">
</div>
<div class="tyAboutUs_renwucon">
<div class="tyAboutUs_renwu">
<img src="../../img/public/gz-renwu.png" alt="">
<p class="tyAboutUs_text ty-pd">谭朝晖斋号“净砚斋”。原为空军某企业党委干部曾先后任四川电信天府热线执行主编、成都信息港电子商务部部长、四川铁通互联网业务中心副总经理等职。1998年创办华夏艺术网2003年创办净砚斋画廊。现为摩空精舍董事长、北京视觉经典美术馆副馆长成都市画廊协会副会长成都惠民职工画院理事长兼秘书长成都市版权协会副会长成都市阅读协会理事成都市人民对外友好协会理事四川省文化产业商会常务理事。</p>
</div>
<div class="tyAboutUs_renwu">
<img src="../../img/public/ty-renw.png" alt="">
<p class="tyAboutUs_text ty-pd">谭朝晖与著名画家任重先生合影。华夏艺术网在2000-2004年期间成功代理任重先生作品,在国内艺术市场有较大影响。</p>
</div>
</div>
<div class="tyAboutUs_titcon">
<p>图片展示</p>
<div>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
<!-- 底部导航 -->
<div class="foot-nav-box">
<!-- 导航文字 -->
<div class="foot-box-nav">
<div><a href="../../index.html" target="_parent">首页</a></div>
<div><a href="../artNetwork/realTimeInfo.html" target="_parent">资讯</a></div>
<div><a href="../artNetwork/exhibition.html" target="_parent">展览</a></div>
<div><a href="../artNetwork/artist.html" target="_parent">艺术家</a></div>
<div><a href="../artNetwork/mechanism.html" target="_parent">机构</a></div>
<div><a href="../artNetwork/train.html" target="_parent">培训</a></div>
<div><a href="../artNetwork/shoppingMall.html" target="_parent">商城</a></div>
<div><a href="../artNetwork/auction.html" target="_parent">拍卖</a></div>
</div>
<!-- 导航图片 -->
<div class="foot-box-img">
<img src="../../img/public/foot-xl.png" alt="图片缺失" title="新浪">
<img src="../../img/public/foot-wx.png" alt="图片缺失" title="微信">
<img src="../../img/public/foot-whatsapp.png" alt="图片缺失" title="电话">
<img src="../../img/public/foot-facebook.png" alt="图片缺失" title="facebook">
<img src="../../img/public/foot-skype.png" alt="图片缺失" title="钱">
</div>
</div>
<div class="foot-end-box">
<div>
<img src="../../img/logo.png" alt="图片丢失" title="华夏艺术网">
<div class="linh26">
<div class="foot-end-title">中国美术家协会副主席、中国版画家协会副主席李焕民先生为华夏艺术网提名</div>
<div class="clips2 foot-end-content">是国内最早最大的书画艺术门户网站之一,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等...</div>
</div>
</div>
<div>
<div class="foot-end-right">
<div>
<div>
<img class="shu-logo" src="../../img/public/shuy-logo.png" alt="图片丢失" title="成都惠民职工书院">
</div>
<div class="linh30">
<div class="foot-end-titlez">成都惠民职工书院</div>
<div class="foot-end-content">地址成都市青羊区青羊大道129号文化宫2楼</div>
<div class="foot-end-content">电话028-81712589</div>
</div>
</div>
<div class="foot-count">
<div class="foot-end-title">联系我们</div>
<div class="foot-end-content"><span class="fs">地址:</span>四川省成都市武侯区天益街38号理想中心3栋601</div>
<div class="foot-end-content dis"><span class="fs">手机:</span>13880548658</div>
<div class="foot-end-content dis"><span class="fs">电话:</span>028-61529525</div>
<div class="foot-end-content dis"><span class="fs">邮箱:</span>zarts@126.com</div>
</div>
<div class="foot-qrcode">
<div>
<img src="../../img/public/huax-em.png" alt="图片丢失" title="华夏艺术网">
<div>华夏艺术网</div>
</div>
<div>
<img src="../../img/public/shuy-em.png" alt="图片丢失" title="成都惠民职工书院">
<div>成都惠民职工书院</div>
</div>
</div>
</div>
<div class="foot-end-bottom">Copyright@2021 华夏艺术网.All rights reserved.&nbsp;&nbsp;&nbsp;&nbsp蜀ICP备11111111号&nbsp;&nbsp;&nbsp;&nbsp技术支持全美网络 </div>
</div>
</div>
</body>
<script>
mySwiper = new Swiper('.swiper-container', {
// paginationClickable: true,
observer: true,
observeParents: true,
// initialSlide: swipIndex,
effect: 'coverflow',
centeredSlides: true,
spaceBetween: '1%',
slidesPerView: 2,
loop: true,
// autoplay: {
// disableOnInteraction: false,
// },
navigation: {
//
},
coverflowEffect: {
rotate: 0, //slide做3d旋转时Y轴的旋转角度
stretch: 100, //每个slide之间的拉伸值越大slide靠得越紧。5.3.6 后可使用%百分比
depth: 100, //slide的位置深度。值越大z轴距离越远看起来越小。
modifier: 1, //depth和rotate和stretch的倍率相当于depth*modifier、rotate*modifier、stretch*modifier值越大这三个参数的效果越明显。
slideShadows: false,
},
on: {
transitionEnd: function () {
this.activeIndex
}
}
});
</script>
</html>
Powered by Gitea 当前版本: 1.13.3 页面: 41ms 模板: 8ms 许可证 API 官方网站 Go1.15.8

113
htmls/indexBrand.html Normal file
View File

@ -0,0 +1,113 @@
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/base.css"/>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
</head>
<body>
<div class="main">
<img src="../imgs/stpp.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<a class="on" href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</a>
<a href="./honoraryCertificate.html">資質榮譽
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
</a>
<a href="./projectIntroduction.html">項目介紹</a>
<a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
<a href="./engineering.html">工程工藝
<object class="make"> <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
</a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="text contentPageC brand">
<p class="title">名品軟裝</p>
<div class="indexBrandCon">
<div class="indexBrandNav">
<div class="list">
<p class="tit">【盛堂世家】下辖企业</p>
<p>成都盛堂世家装饰工程有限公司 </p>
<p>盛堂世家·空间美学馆</p>
<p>盛堂世家·名品软装</p>
<p>四川三鼎联创贸易有限公司</p>
</div>
</div>
<div class="contentPage">
<img src="../imgs/nr.png" alt="">
<p class="subtitle">专注为您量需定制更优生活方式</p>
<p class="p">成都盛堂世家裝飾工程有限公司專職為高端品質客戶、地產商、酒店投資商提供整體規劃設計與施工,陳設搭配等配套服務。設計範疇遍及私人別墅、樣板房、高級會所、精品酒店及商業空間,實行多對一的全程托管式服務模式,令您盡享尊貴專屬服務;同時我們秉承「與時俱進、開拓創新」的發展思路,進一步整合資源,學習先進設計理念,強調工藝和材料研發不斷延展,完善服務產業鏈,提升綜合水平,打造設計、施工、主材選購、軟裝搭配、售後服務於一體的完善服務體系,為大客戶打造更高品位,更具個性、更高品質家居、公共裝飾工程。推動企業向一體化、產業化、品牌化、集團化方向發展,引領行業發展新潮流。</p>
<p class="p">成都盛堂世家裝飾工程有限公司專職為高端品質客戶、地產商、酒店投資商提供整體規劃設計與施工,陳設搭配等配套服務。設計範疇遍及私人</p>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
</div>
</div>
<script src="../js/jquery.min.js"></script>
<div class="navCon">
<p></p>
<p></p>
<p></p>
</div>
<a href="/" class="returnIndex">
<img src="../imgs/home.png" alt="">
</a>
<script>
$(".navCon").on("click",(e)=>{
console.log(123);
$(".navIpd").css("right","0px")
e.preventDefault();
})
$(".main").on("click",function (params) {
$(".navIpd").css("right","-250px")
})
</script>
<script>
$(".indexBrandNav .list p").on("click",function () {
$(".indexBrandNav .list p").removeClass("tit")
$(this).addClass("tit")
})
</script>
</body>
</html>

View File

@ -0,0 +1,190 @@
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/base.css" />
<link rel="stylesheet" href="../css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<script src="../js/swiper.min.js"></script>
</head>
<body>
<div class="main">
<img src="../imgs//xmjs.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon mainInterview">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</a>
<a href="./honoraryCertificate.html">資質榮譽
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
</a>
<a class="on" href="./projectIntroduction.html">項目介紹</a>
<a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
<a href="./engineering.html">工程工藝
<object class="make"> <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
</a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="projectIntroductionCon">
<div class="">
<p class="title">項目介紹</p>
<div class="select">
<select name="" id="">
<option value="">所有</option>
<option value=""></option>
<option value=""></option>
</select>
</div>
</div>
<div class="projectIntroduction">
<div class="projectIntroductionList">
<div class="projectIntroductionNav">
<p>開元集團光霧合谷酒店 </p>
<p>釋玥森林度假酒店 </p>
<p>樂山.清水荷花素食餐廳 </p>
<p>巴中通江主題酒店 </p>
<p>甘南州臨潭縣臨潭大酒店 </p>
<p>南部銘流主題酒店 </p>
<p>長城國際酒店 </p>
<p>康普雷斯國際酒店 </p>
<p>紅原羅布林卡酒店 </p>
<p>新疆庫爾勒金泰國際酒店 </p>
<p>烏魯木齊天成國際酒店 </p>
<p>長城國際酒店 </p>
<p>康普雷斯國際酒店 </p>
<p>寬窄巷子.天趣.紫園 </p>
<div class="projectIntroductionNavButton">
<img src="../imgs/zk.png" class="" alt="">
</div>
</div>
<div class="projectIntroductionJt">
<a href="" class="jth"><img src="../imgs/jt3.png" alt=""></a>
<a href="" class="jth"> <img src="../imgs/jt.png" alt=""></a>
</div>
</div>
<a href="./projectIntroductionDetails.html" class="projectIntroductionConMain">
<img src="../imgs/imga.png" alt="">
<img src="../imgs/imga.png" alt="">
<img src="../imgs/imga.png" alt="">
<img src="../imgs/imga.png" alt="">
<img src="../imgs/imga.png" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
</div>
</div>
<script src="../js/jquery.min.js"></script>
<div class="navCon">
<p></p>
<p></p>
<p></p>
</div>
<a href="/" class="returnIndex">
<img src="../imgs/home.png" alt="">
</a>
<script>
$(".navCon").on("click",(e)=>{
console.log(123);
$(".navIpd").css("right","0px")
e.preventDefault();
})
$(".main").on("click",function (params) {
$(".navIpd").css("right","-250px")
})
let dif=true
$(".projectIntroductionNavButton").on("click",function (params) {
if (dif) {
$(".projectIntroductionNav").css("height","auto")
$(".projectIntroductionList>div>:nth-child(1)").css("marginBottom" ,"24px")
$(this).css("transform","rotateX(180deg)")
dif=false
}else{
$(".projectIntroductionNav").css("height","70px")
$(".projectIntroductionList>div>:nth-child(1)").css("marginBottom" ,"70px")
$(this).css("transform","rotateX(0deg)")
dif=true
}
})
</script>
<script>
var mySwiper = new Swiper('.swiper', {
// 如果需要分页器
pagination: {
el: '.swiper-pagination',
},
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// 如果需要滚动条
scrollbar: {
el: '.swiper-scrollbar',
},
})
</script>
</body>
</html>

View File

@ -0,0 +1,189 @@
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/base.css" />
<link rel="stylesheet" href="../css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<script src="../js/swiper.min.js"></script>
</head>
<body>
<div class="main">
<img src="../imgs//xmjs.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon mainInterview">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</a>
<a href="./honoraryCertificate.html">資質榮譽
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
</a>
<a class="on" href="./projectIntroduction.html">項目介紹</a>
<a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
<a href="./engineering.html">工程工藝
<object class="make"> <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
</a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="projectIntroductionCon">
<div class="projectIntroduction">
<div class="projectIntroductionList projectIntroductionDetailsNav">
<div class="projectIntroductionNav">
<p>開元集團光霧合谷酒店 </p>
<p>釋玥森林度假酒店 </p>
<p>樂山.清水荷花素食餐廳 </p>
<p>巴中通江主題酒店 </p>
<p>甘南州臨潭縣臨潭大酒店 </p>
<p>南部銘流主題酒店 </p>
<p>長城國際酒店 </p>
<p>康普雷斯國際酒店 </p>
<p>紅原羅布林卡酒店 </p>
<p>新疆庫爾勒金泰國際酒店 </p>
<p>烏魯木齊天成國際酒店 </p>
<p>長城國際酒店 </p>
<p>康普雷斯國際酒店 </p>
<p>寬窄巷子.天趣.紫園 </p>
<div class="projectIntroductionNavButton">
<img src="../imgs/zk.png" class="" alt="">
</div>
</div>
<div class="projectIntroductionJt">
<a href="" ><img src="../imgs/jt3.png" alt=""></a>
<a href=""><img src="../imgs/jt.png" alt=""></a>
</div>
</div>
<div>
<div class="projectIntroductionDetails">
<p class="title">釋玥森林度假酒店</p>
<p class="p">專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾,機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構。 </p>
</div>
<div class="projectIntroductionConMain">
<img src="../imgs/imga.png" alt="">
<img src="../imgs/imga.png" alt="">
<img src="../imgs/imga.png" alt="">
<img src="../imgs/imga.png" alt="">
<img src="../imgs/imga.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
</div>
</div>
<script src="../js/jquery.min.js"></script>
<div class="navCon">
<p></p>
<p></p>
<p></p>
</div>
<a href="/" class="returnIndex">
<img src="../imgs/home.png" alt="">
</a>
<script>
$(".navCon").on("click",(e)=>{
console.log(123);
$(".navIpd").css("right","0px")
e.preventDefault();
})
$(".main").on("click",function (params) {
$(".navIpd").css("right","-250px")
})
let dif=true
$(".projectIntroductionNavButton").on("click",function (params) {
if (dif) {
$(".projectIntroductionNav").css("height","auto")
$(".projectIntroductionList>div>:nth-child(1)").css("marginBottom" ,"24px")
$(this).css("transform","rotateX(180deg)")
dif=false
}else{
$(".projectIntroductionNav").css("height","70px")
$(".projectIntroductionList>div>:nth-child(1)").css("marginBottom" ,"70px")
$(this).css("transform","rotateX(0deg)")
dif=true
}
})
</script>
<script>
var mySwiper = new Swiper('.swiper', {
// 如果需要分页器
pagination: {
el: '.swiper-pagination',
},
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// 如果需要滚动条
scrollbar: {
el: '.swiper-scrollbar',
},
})
</script>
</body>
</html>

166
htmls/serviceConcept.html Normal file
View File

@ -0,0 +1,166 @@
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/base.css" />
<link rel="stylesheet" type="text/css" href="../css/style.css" />
</head>
<body>
<div class="main">
<img src="../imgs/ber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</a>
<a href="./honoraryCertificate.html">資質榮譽
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
</a>
<a href="./projectIntroduction.html">項目介紹</a>
<a class="on" href="./brand">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
<a href="./engineering.html">工程工藝
<object class="make"> <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
</a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="honoraryCertificate brand">
<p class="title">名品軟裝</p>
<div class="select">
<select name="" id="">
<option value="">理念</option>
<option value=""></option>
<option value=""></option>
</select>
</div>
<div class="serviceConcept">
<div class="list">
<div class="listImg">
<img src="../imgs/iocn.png" alt="">
<img src="../imgs/iocn1.png" alt="">
</div>
<p>90%+ · 設計還原</p>
<p>90% + · design restoration</p>
<p class="p">風格定向,產品預選 </p>
<p class="p">真實產品建模,有的放矢</p>
</div>
<div class="list">
<div class="listImg">
<img src="../imgs/iocn2.png" alt="">
<img src="../imgs/iocn3.png" alt="">
</div>
<p>90%+ · 設計還原</p>
<p>90% + · design restoration</p>
<p class="p">風格定向,產品預選 </p>
<p class="p">真實產品建模,有的放矢</p>
</div>
<div class="list">
<div class="listImg">
<img src="../imgs/iocn5.png" alt="">
<img src="../imgs/iocn6.png" alt="">
</div>
<p>整體交付 · 施工提速30%</p>
<p>Overall delivery and construction speed up by 30%</p>
<p class="p">材料到施工無縫對接 </p>
<p class="p">專業訂單中心,項目經理負責製</p>
</div>
<div class="list">
<div class="listImg">
<img src="../imgs/iocn7.png" alt="">
<img src="../imgs/iocn8.png" alt="">
</div>
<p>甄選全球 · 一線大牌</p>
<p>Select global and first-line brands</p>
<p class="p">產品優中選優</p>
<p class="p">高質優價高顏好物</p>
</div>
<div class="list">
<div class="listImg">
<img src="../imgs/iocn9.png" alt="">
<img src="../imgs/iocn10.png" alt="">
</div>
<p>損耗全包節省20%成本</p>
<p>20% cost savings for all losses</p>
<p class="p">所需材料滿配滿含 </p>
<p class="p">切割損耗優選承擔</p>
</div>
<div class="list">
<div class="listImg">
<img src="../imgs/iocn11.png" alt="">
<img src="../imgs/iocn12.png" alt="">
</div>
<p>全責售後 · 服務終身</p>
<p>Full responsibility after-sales and lifelong service</p>
<p class="p">拒絕推諉扯皮 </p>
<p class="p">主材施工,一站保修</p>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
</div>
</div>
<script src="../js/jquery.min.js"></script>
<div class="navCon">
<p></p>
<p></p>
<p></p>
</div>
<a href="/" class="returnIndex">
<img src="../imgs/home.png" alt="">
</a>
<script>
$(".navCon").on("click",(e)=>{
console.log(123);
$(".navIpd").css("right","0px")
e.preventDefault();
})
$(".main").on("click",function (params) {
$(".navIpd").css("right","-250px")
})
</script>
<script>
</script>
</body>
</html>

254
htmls/siteImage.html Normal file
View File

@ -0,0 +1,254 @@
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/base.css" />
<link rel="stylesheet" href="../css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<script src="../js/swiper.min.js"></script>
</head>
<body>
<div class="main">
<img src="../imgs/gyber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon mainInterview">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html">盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</a>
<a href="./honoraryCertificate.html">資質榮譽
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a
href="./Interview.html">人物專訪</a></object>
</a>
<a href="./projectIntroduction.html">項目介紹</a>
<a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a
href="./serviceConcept.html">理念</a><a
href="./wellKnownProducts.html">产品</a></object></a>
<a class="on" href="./engineering.html">工程工藝
<object class="make"> <a href="./engineering.html">工程工藝 </a><a
href="./siteImage.html">工地形象</a></object>
</a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="projectIntroductionCon siteImageW">
<div class="">
<p class="title">工程工藝</p>
<div class="select">
<select name="" id="">
<option value="">工地形象</option>
<option value=""><a href="./engineering.html">工程工藝</a></option>
</select>
</div>
</div>
<div class="siteImage">
<div class="listImg">
<img class="siteImageOn" src="../imgs/img.png" alt="">
</div>
<div class="siteImageButton">
<div class="swiper-a"><img src="../imgs/jta.png" alt=""></div>
<div class="swiper-container siteImageSwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiperImg">
<img src="../imgs/img.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="swiperImg">
<img src="../imgs/im2.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="swiperImg">
<img src="../imgs/im3.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="swiperImg">
<img src="../imgs/im4.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="swiperImg">
<img src="../imgs/img.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="swiperImg">
<img src="../imgs/img.png" alt="">
</div>
</div>
</div>
</div>
<div class="swiper-b"><img src="../imgs/jta.png" alt=""></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
</div>
</div>
<script src="../js/jquery.min.js"></script>
<div class="navCon">
<p></p>
<p></p>
<p></p>
</div>
<a href="/" class="returnIndex">
<img src="../imgs/home.png" alt="">
</a>
<script>
$(".navCon").on("click",(e)=>{
console.log(123);
$(".navIpd").css("right","0px")
e.preventDefault();
})
$(".main").on("click",function (params) {
$(".navIpd").css("right","-250px")
})
</script>
<script>
let effect = 0
var swiper = new Swiper('.swiper-container', {
loop: true,
speed: 1000,
slidesPerView: 5,
centeredSlides: true,
watchSlidesProgress: true,
on: {
setTranslate: function () {
slides = this.slides
for (i = 0; i < slides.length; i++) {
slide = slides.eq(i)
progress = slides[i].progress
//slide.html(progress.toFixed(2)); 看清楚progress是怎么变化的
slide.css({ 'opacity': '', 'background': '' }); slide.transform('');//清除样式
slide.transform('scale(' + (0.9 - Math.abs(progress) / 8) + ')');
}
},
transitionEnd: function () {
console.log(this.activeIndex)
$(".siteImageOn").attr("src", $(".swiper-slide-active img").attr("src"))
},
setTransition: function (transition) {
for (var i = 0; i < this.slides.length; i++) {
var slide = this.slides.eq(i)
slide.transition(transition);
}
},
},
navigation: {
nextEl: '.swiper-a',
prevEl: '.swiper-b',
},
// pagination: {
// el: '.swiper-pagination',
// clickable: true,
// },
});
// const pe = document.getElementById('progressEffect');
// pe.onchange = function () {
// effect = this.value
// swiper.update();
// }
// mySwiper = new Swiper('.swiper-container', {
// // paginationClickable: true,
// observer: true,
// observeParents: true,
// // initialSlide: swipIndex,
// effect: 'coverflow',
// centeredSlides: true,
// spaceBetween: '0%',
// slidesPerView: 5,
// loop: true,
// // autoplay: {
// // disableOnInteraction: false,
// // },
// navigation: {
// //
// },
// navigation: {
// nextEl: '.swiper-a',
// prevEl: '.swiper-b',
// },
// coverflowEffect: {
// rotate: 0, //slide做3d旋转时Y轴的旋转角度
// stretch: 298, //每个slide之间的拉伸值越大slide靠得越紧。5.3.6 后可使用%百分比
// depth: 200, //slide的位置深度。值越大z轴距离越远看起来越小。
// modifier: 1.2, //depth和rotate和stretch的倍率相当于depth*modifier、rotate*modifier、stretch*modifier值越大这三个参数的效果越明显。
// slideShadows: false,
// },
// on: {
// transitionEnd: function () {
// console.log(this.activeIndex)
// $(".siteImageOn").attr("src", $(".swiper-slide-active img").attr("src"))
// }
// }
// });
</script>
</body>
</html>

View File

@ -0,0 +1,251 @@
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/base.css" />
<link rel="stylesheet" href="../css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<script src="../js/swiper.min.js"></script>
</head>
<body>
<div class="main">
<img src="../imgs/ber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html">盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</a>
<a href="./honoraryCertificate.html">資質榮譽
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a
href="./Interview.html">人物專訪</a></object>
</a>
<a href="./projectIntroduction.html">項目介紹</a>
<a class="on" href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a
href="./serviceConcept.html">理念</a><a
href="./wellKnownProducts.html">产品</a></object></a>
<a href="./engineering.html">工程工藝
<object class="make"> <a href="./engineering.html">工程工藝 </a><a
href="./siteImage.html">工地形象</a></object>
</a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="text contentPageC brand wellKnownProductsNavP">
<p class="title">名品软装</p>
<div class="select">
<select name="" id="">
<option value="">产品</option>
<option value=""></option>
<option value=""></option>
</select>
</div>
<div class="wellKnownProducts">
<div class="wellKnownProductsNav">
<a data-index="0" class="on" rel="nofollow">沙發</a><a data-index="1" rel="nofollow">書桌</a><a
data-index="2" rel="nofollow">休閑椅</a><a data-index="3" rel="nofollow">衣櫃</a>
</div>
<div class="wellKnownProductsText">
<div class="listImg">
<img src="../imgs/imgob.png" alt="">
</div>
<p class="p">訪標題文字後台上傳標題文字後台上傳</p>
<div class="wellKnownProductsJt">
<img class="addIndex" src="../imgs/jt2.png" alt="">
<div>
<p><span class="indexNode">1</span>/ <span class="maxNode">26</span></p>
</div>
<img class="reduction" src="../imgs/jt2.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
</div>
</div>
<script src="../js/jquery.min.js"></script>
<div class="navCon">
<p></p>
<p></p>
<p></p>
</div>
<a href="/" class="returnIndex">
<img src="../imgs/home.png" alt="">
</a>
<script>
$(".navCon").on("click",(e)=>{
console.log(123);
$(".navIpd").css("right","0px")
e.preventDefault();
})
$(".main").on("click",function (params) {
$(".navIpd").css("right","-250px")
})
</script>
<script>
let index = 0
let num = 0
let data = [
[{
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳標題文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳標1234題文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳標1111題文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳標aaaa題文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳標題文aa字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳標題bbbb文字後台上傳",
},
],
[{
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳1234標題文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳4 s標題文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳標題sdf文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳標題文字後台上傳",
},
],
[{
img: "../imgs/imgob.png",
text: "訪標題文文字後台上0000傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳標題文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文題文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳標題文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳標題文字後台上傳",
},
],
[{
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳99999標題文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳標題文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳標題文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳標題文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳標題文字後台上傳",
}, {
img: "../imgs/imgob.png",
text: "訪標題文字後台上傳標題文字後台上傳",
},
],
]
function text(index, num) {
$(".wellKnownProducts .listImg").attr("str", data[index][num].img)
$(".wellKnownProducts .p").html(data[index][num].text)
console.log($(".wellKnownProducts .listImg"));
$(".indexNode").html(num + 1)
$(".maxNode").html(data[index].length)
}
text(index, num)
$(".wellKnownProductsNav a").on("click", function () {
num=0
$(".wellKnownProductsNav a").removeClass("on")
$(this).addClass("on")
index = $(this).data("index") - 0
text($(this).data("index"), num)
})
$(".addIndex").on("click", function () {
num++
if (num > data[index].length) {
return
}
text(index, num)
})
$(".reduction").on("click", function () {
num++
if (num <0) {
return
}
text(index, num)
})
</script>
</body>
</html>

BIN
imgs/ber.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

BIN
imgs/ber2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
imgs/ber3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 993 KiB

BIN
imgs/dh.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 673 B

BIN
imgs/facebook.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 300 B

BIN
imgs/gy.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

BIN
imgs/gyber.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
imgs/home.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 712 B

BIN
imgs/im1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

BIN
imgs/im2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

BIN
imgs/im3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
imgs/im4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

BIN
imgs/img.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 451 KiB

BIN
imgs/imga.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 424 KiB

BIN
imgs/imga1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 183 KiB

BIN
imgs/imgaw.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

BIN
imgs/imgob.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 541 KiB

BIN
imgs/iocn.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
imgs/iocn1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
imgs/iocn10.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
imgs/iocn11.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
imgs/iocn12.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
imgs/iocn2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
imgs/iocn5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 978 B

BIN
imgs/iocn6.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
imgs/iocn7.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
imgs/iocn8.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
imgs/iocn9.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
imgs/jt.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 819 B

BIN
imgs/jt2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
imgs/jt3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 868 B

BIN
imgs/jta.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 863 B

BIN
imgs/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
imgs/lx.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 556 KiB

BIN
imgs/nr.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 467 KiB

BIN
imgs/public/小桶龙.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 170 KiB

BIN
imgs/rw.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 KiB

BIN
imgs/rwgy.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 MiB

BIN
imgs/rwzf.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
imgs/ry.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 275 KiB

BIN
imgs/stpp.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
imgs/twitter.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 406 B

BIN
imgs/wx.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
imgs/wz.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 584 B

BIN
imgs/xmjs.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
imgs/yx.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 503 B

BIN
imgs/zk.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 245 B

BIN
imgs/zt.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 B

BIN
imgs/zz.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

66
index.html Normal file
View File

@ -0,0 +1,66 @@
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title></title>
<link rel="stylesheet" type="text/css" href="./css/base.css" />
<link rel="stylesheet" type="text/css" href="./css/style.css" />
</head>
<body>
<div class="main">
<img src="./imgs/ber.png" class="ber" alt="">
<div class="con">
<div class="nav">
<div class="navTop">
<img src="./imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./htmls/contentPage.html">盛堂世家</a>
<a href="./htmls/indexBrand.html">盛堂品牌</a>
<a href="./htmls/aboutUs.html">關於Allen Zhou</a>
<a href="./htmls/honoraryCertificate.html">資質榮譽</a>
<a href="./htmls/projectIntroduction.html">項目介紹</a>
<a href="./htmls/brand">名品軟裝</a>
<a href="./htmls/engineering.html">工程工藝 </a>
<a href="./htmls/contactUs">聯繫我們</a>
</div>
<div class="navHref">
<a href=""> <img src="./imgs/facebook.png" alt=""></a>
<a href=""> <img src="./imgs/twitter.png" alt=""></a>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
</div>
<a href="/" class="returnIndex">
<img src="./imgs/home.png" alt="">
</a>
</body>
</html>

3652
js/jquery.min.js vendored Normal file

File diff suppressed because it is too large Load Diff

145
js/map.js Normal file
View File

@ -0,0 +1,145 @@
//先要加载接口,要在函数外,保证先加载
document.write('<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=O4aFVMSLVl1aiTX2sF40aVfC"></script>');
//显示地图
//参数显示容器ID属性(city,addr,title,lawfirm,tel,user,mapx,pic,ismove,piobj,zoom)
function ShowMap(objname,options){
if(options){
this._city = options.city ? options.city : ""; //城市
this._addr = options.addr ? options.addr : ""; //地址
this._title = options.title ? options.title : ""; //信息窗口标题
this._lawfirm = options.lawfirm ? options.lawfirm : ""; //律所
this._tel = options.tel ? options.tel : ""; //电话
this._user = options.user ? options.user : ""; //主任
this._mapx = options.mapx ? options.mapx : ""; //地图坐标
this._pic = options.pic ? options.pic : ""; //图片
this._ismove = options.ismove ? options.ismove : "0"; //是否拖动1为拖动为设置标注0为显示。默认0
this._piobj = options.piobj ? options.piobj : ""; //接收拖动坐标的表单ID
this._zoom = options.zoom ? options.zoom : "14"; //放大级别默认14
}
//设定初始坐标
var point=new BMap.Point(113.63156,34.83794);
//范围为3-18级
var zoom=this._zoom;
//创建地图
var map = new BMap.Map(objname);
//map.enableScrollWheelZoom();
var opts = {type: BMAP_NAVIGATION_CONTROL_ZOOM};
map.addControl(new BMap.NavigationControl(opts));
map.centerAndZoom(point, zoom);//设初始化地图。
//设置版权控件位置
var cr = new BMap.CopyrightControl({anchor: BMAP_ANCHOR_TOP_LEFT});
map.addControl(cr); //添加版权控件
var bs = map.getBounds(); //返回地图可视区域
//坐标不为空时按坐标显示
if (this._mapx != ""){
var mx=this._mapx.substr(0,this._mapx.indexOf(","));
var my=this._mapx.substr(this._mapx.indexOf(",")+1);
point=new BMap.Point(mx,my);
map.centerAndZoom(point, zoom); //重新调整位置
}
//否则按地址显示
else if (this._addr != ""){
//创建地址解析器实例
var myGeo = new BMap.Geocoder();
//将地址解析结果显示在地图上,并调整地图视野。此过程为异步,所以要重设标注
myGeo.getPoint(this._addr, function(poi){
map.centerAndZoom(poi, zoom);
marker.setPosition(poi); //重调标注位置
}, this._city);
}
//否则按城市显示
else if (this._city != ""){
map.setCenter(this._city); //设置地图中心点。
//此定位无具体坐标,所以显示模式时要清除标注。要延时处理
if (this._ismove=="0"){setTimeout(function(){map.clearOverlays();}, 1000);}
}
//都为空按IP定位
else{
//创建一个获取本地城市位置的实例
var myCity = new BMap.LocalCity();
//获取城市
myCity.get(function(result){map.setCenter(result.name);});
if (this._ismove=="0"){setTimeout(function(){map.clearOverlays();}, 1000);}
}
var icowidth = 54;
var icoheight = 78;
var myIcon = new BMap.Icon("/static/imgs/public/dz.png", new BMap.Size(icowidth,icoheight));
//创建标注
var marker = new BMap.Marker(point,{icon:myIcon});
//var marker = new BMap.Marker(point);
map.addOverlay(marker); // 将标注添加到地图中
//设置标注时
if (this._ismove=="1"){
marker.enableDragging(); //可拖拽
var label = new BMap.Label("拖拽到您的位置",{offset:new BMap.Size(20,-15)});
label.setStyle({ backgroundColor:"red", color:"white", fontSize : "12px" });
marker.setLabel(label);
var poj=this._piobj; //过程里不支持this要传给变量
//拖拽设置位置
marker.addEventListener("dragend", function(e){
try{document.getElementById(poj).value = e.point.lng + "," + e.point.lat;}catch (ex) {}
});
//点击设置位置
map.addEventListener("click", function(e){
marker.setPosition(e.point); //重调标注位置
try{document.getElementById(poj).value = e.point.lng + "," + e.point.lat;}catch (ex) {}
});
}
//显示标注时
if (this._ismove=="0"){
//marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
//显示窗口设置
var opts = {width:250,height:110,title : "<font color=green size=3>" + this._title + "</font>"} //窗口标题
var infotxt="<table border='0'><tr><td valign='top'>"; //窗口内容
if (this._pic != ""){infotxt += "<img src='"+this._pic+"' id='picid' style='float:left;margin-right:5px;padding-top:8px;' width=50>";}
infotxt += "</td><td><p style='font-size:12px;line-height:16px;padding-top:8px;'>";
if (this._lawfirm !=""){infotxt += "<b>公司:</b>" + this._lawfirm + "<br/>";};
if (this._addr !=""){infotxt += "<b>地址:</b>" + this._addr + "<br/>";};
if (this._tel !=""){infotxt += "<b>电话:</b>" + this._tel + "<br/>";};
if (this._user !=""){infotxt += "<b>联系人:</b>" + this._user + "<br/>";};
infotxt += "</p></td></tr></table>";
//显示文本标题
var label2 = new BMap.Label(this._title,{offset:new BMap.Size(20,-15)});
label2.setStyle({ backgroundColor:"red", color:"white", fontSize : "12px" });
//marker.setLabel(label2);
//创建信息窗口
var infoWindow = new BMap.InfoWindow(infotxt,opts);
// marker.addEventListener("mouseover", function(){
// this.openInfoWindow(infoWindow);
// //图片加载完毕重绘infowindow。防止在网速较慢图片未加载时生成的信息框高度比图片的总高度小导致图片部分被隐藏
// document.getElementById('picid').onload = function (){infoWindow.redraw();}
// });
}
}
//获取地理位置,间隔符
//百度查询接口为异步,所以这里要用异步回调方式
function getBDAddress(callBackFun,spStr){
if (!spStr){spStr="";} //分隔符,默认空
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
var point = new BMap.Point(r.point.lng,r.point.lat);
var gc = new BMap.Geocoder();
gc.getLocation(point, function(rs){
var addComp = rs.addressComponents;
var addVal = addComp.province + spStr + addComp.city + spStr + addComp.district + spStr + addComp.street + spStr + addComp.streetNumber;
callBackFun(addVal);
});
}
},{enableHighAccuracy: true})
}

13
js/swiper-bundle.min.css vendored Normal file

File diff suppressed because one or more lines are too long

14
js/swiper-bundle.min.js vendored Normal file

File diff suppressed because one or more lines are too long

13
js/swiper.min.js vendored Normal file

File diff suppressed because one or more lines are too long