首次提交

master
tangyi 2022-02-14 18:15:04 +08:00
parent 6a59379c26
commit 3b93867aa6
18 changed files with 400 additions and 339 deletions

View File

@ -109,6 +109,9 @@
z-index: 5;
left: 0px;
}
.footer a{
color: #262626;
}
.returnIndex{
position: fixed;
right: 50px;
@ -131,6 +134,7 @@
.text{
width: 954px;
height: 806px;
animation: myfirstTe 2s;
text-align: center;
padding: 60px 30px 60px 80px;
box-shadow: 0px 0px 130px #000 inset;
@ -153,6 +157,7 @@
.contentPageC .title{
font-size: 44px;
margin-bottom: 59px;
font-style:italic;
line-height: 44px;
color: #fefefe;
}
@ -186,7 +191,7 @@
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #535353;
background: #A3A3A3;
}
@ -196,7 +201,7 @@
border-radius: 10px;
background: #EDEDED;
background: #201E1B;
}
@ -219,25 +224,32 @@
}
.aboutUsTitle{
font-size: 28px;
animation: myfirst 4s;
color: #e8e8e8;
margin-bottom: 30px;
padding-top: 60px;
}
.aboutUsSubtitle{
font-size: 18px;
animation: myfirst 4s;
color: #e8e8e8;
line-height: 36px;
}
.aboutUsP{
font-size: 16px;
line-height: 32px;
margin-top: 65px;
animation: myfirsta 4s;
color: #e8e8e8;
}
.honoraryCertificate .title{
font-size: 44px;
margin-bottom: 43px;
font-style:italic;
padding-top: 30px;
text-align: center;
color: #e8e8e8;
@ -355,6 +367,7 @@ margin-bottom: 12px;
.Interview .title{
font-size: 44px;
color: #fefefe;
font-style:italic;
text-align: center;
}
.Interview .select{
@ -403,6 +416,9 @@ margin-bottom: 12px;
line-height: 24px;
color: #e8e8e8;
}
.projectIntroductionList>div>.on{
text-decoration: underline;
}
.projectIntroduction{
display: flex;
justify-content: space-between;
@ -417,8 +433,13 @@ margin-bottom: 12px;
.projectIntroductionCon .title{
font-size: 44px;
color: #fefefe;
font-style:italic;
text-align: center;
}
option{
font-size: 20px;
background-color: rgba(0,0,0,0);
}
.projectIntroductionCon .select{
width: 100px;
height: 46px;
@ -529,6 +550,7 @@ margin-bottom: 12px;
}
.brand .title{
margin-bottom: 22px;
font-style:italic
}
.brand .p{
@ -562,10 +584,14 @@ margin-bottom: 12px;
.serviceConcept .list>:nth-child(2){
font-size: 22px;
color: #e8e8e8;
font-weight: bold;
line-height: 22px;
margin-bottom: 12px;
}
.serviceConcept .list:hover>:nth-child(2){
font-weight: bold;
}
.serviceConcept .list>:nth-child(3){
font-size: 12px;
color: #ffffff;
@ -589,7 +615,7 @@ margin-bottom: 12px;
}
.serviceConcept .list:hover{
background-color: rgba(196,196,196,0.5);
background-color: rgba(196,196,196,0.9);
}
.serviceConcept .list:hover>:nth-child(2){
@ -727,7 +753,7 @@ height: 31px;
margin-right: 32px;
}
.indexBrandCon .contentPage{
width: 600px;
width: 580px;
text-align: left;
}
.indexBrandNav{
@ -737,17 +763,23 @@ height: 31px;
.indexBrandNav .list p{
font-size: 16px;
line-height: 16px;
margin-bottom: 16px;
margin-bottom: 5px;
color: #e8e8e8;
display: inline-block;
padding: 5px;
}
.indexBrandNav .list .on{
background-color: #3b3a39;
}
.indexBrandCon .contentPage .subtitle{
margin-top: 30px;
}
.indexBrandNav .list .tit{
.indexBrandNav .tit{
font-size: 18px;
line-height: 18px;
color: #e8e8e8;
margin-bottom: 15px;
padding-bottom: 12px;
border-bottom: 1px solid #2c2b28;
@ -931,6 +963,12 @@ height: 84px;
.swiper-a{
transform: rotate(180deg);
}
select{
outline:none
}
.aboutUsText{
margin-left: -55px;
}
@media screen and (min-width:767px) and (max-width:991px) {
}
@ -1001,6 +1039,7 @@ height: 84px;
.aboutUsText{
width: 70%;
margin: 0px;
}
.honoraryCertificateCon{
margin-left: 30px;
@ -1113,6 +1152,7 @@ height: 84px;
}
.projectIntroductionCon .title{
font-size: 24px;
}
.engineeringNavList{
display: flex;
@ -1344,4 +1384,41 @@ height: 84px;
margin: 0px;
margin-top: 20px;
}
}
@keyframes myfirst
{
0% {
margin-left: 100px;
opacity: 0;
}
50%{
margin-left: 100px;
opacity: 0;
}
100% {
margin-left: 0px;
opacity: 1;
}
}
@keyframes myfirsta
{
from {
margin-top: 200px;
opacity: 0;
}
to {
margin-top: 65px;
opacity: 1;
}
}
@keyframes myfirstTe
{
from {
margin-top: 100vh;
opacity: 0;
}
to {
margin-top: 0px;
opacity: 1;
}
}

View File

@ -34,20 +34,17 @@
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<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 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">名品軟裝</a>
<a href="./engineering.html">工程工藝 </a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
</div>
@ -141,7 +138,7 @@
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持:全美网络 </a>
</div>
</div>

View File

@ -30,20 +30,17 @@
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<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 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">名品軟裝</a>
<a href="./engineering.html">工程工藝 </a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
</div>
@ -69,7 +66,7 @@
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持:全美网络 </a>
</div>
</div>

View File

@ -31,20 +31,17 @@
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<a href="./contentPage.html">盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a class="on" href="./aboutUs.html">關於Allen Zhou</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>
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
</a>
<a href="./contactUs">聯繫我們</a>
</div>
<a href="./projectIntroduction.html">項目介紹</a>
<a href="./brand.html">名品軟裝</a>
<a href="./engineering.html">工程工藝 </a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
@ -71,7 +68,7 @@
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持:全美网络 </a>
</div>
</div>

View File

@ -30,20 +30,17 @@
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<a href="./contentPage.html">盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</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>
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
</a>
<a href="./contactUs">聯繫我們</a>
</div>
<a href="./projectIntroduction.html">項目介紹</a>
<a class="on" href="./brand.html">名品軟裝</a>
<a href="./engineering.html">工程工藝 </a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
@ -51,11 +48,18 @@
<p class="title">名品軟裝</p>
<div class="select">
<select name="" id="">
<select onchange="selectFun()" name="" id="">
<option value="">品牌</option>
<option value=""></option>
<option value=""></option>
<option value="./serviceConcept.html">理念</option>
<option value="./wellKnownProducts.html">产品</option>
</select>
<script>
function selectFun(e) {
window.location=event.target.value
}
</script>
</div>
<div class="contentPage">
<p class="subtitle">专注为您量需定制更优生活方式</p>
@ -70,7 +74,7 @@
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持:全美网络 </a>
</div>
</div>

View File

@ -39,20 +39,17 @@
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<a href="./contentPage.html">盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</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>
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
</a>
<a class="on" href="./contactUs.html">聯繫我們</a>
</div>
<a href="./projectIntroduction.html">項目介紹</a>
<a href="./brand.html">名品軟裝</a>
<a href="./engineering.html">工程工藝 </a>
<a class="on" href="./contactUs.html">聯繫我們</a>
</div>
</div>
@ -125,7 +122,7 @@
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持:全美网络 </a>
</div>
</div>

View File

@ -30,20 +30,17 @@
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a class="on" href="./contentPage.html" >盛堂世家</a>
<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>
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
</a>
<a href="./projectIntroduction.html">項目介紹</a>
<a href="./brand.html">名品軟裝</a>
<a href="./engineering.html">工程工藝 </a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
</div>
<div class="text contentPageC">
@ -72,7 +69,7 @@
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持:全美网络 </a>
</div>
</div>

View File

@ -34,26 +34,16 @@
<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>
<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">名品軟裝</a>
<a class="on" href="./engineering.html">工程工藝 </a>
<a href="./contactUs.html">聯繫我們</a>
</div>
@ -62,12 +52,18 @@
<div class="">
<p class="title">工程工藝</p>
<div class="select">
<select name="" id="">
<select name=" " onchange="selectFun()" id="">
<option value="">工艺</option>
<option value=""></option>
<option value=""></option>
<option value="./siteImage.html">工地形象</option>
</select>
</div>
<script>
function selectFun(e) {
window.location=event.target.value
}
</script>
</div>
<div class="engineering">
@ -133,12 +129,12 @@
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持:全美网络 </a>
</div>
<script src="../js/jquery.min.js"></script>
<script>
let num = 1
let num = 0
let data = [
{
title: "瓷磚",
@ -195,6 +191,7 @@
nodeD()
}
})
nodeD()
function nodeD(params) {
let node = ""
for (let index = num * 4; index < (4 * (num + 1)); index++) {

View File

@ -32,20 +32,17 @@
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<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 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">名品軟裝</a>
<a href="./engineering.html">工程工藝 </a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
</div>
@ -90,7 +87,7 @@
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持:全美网络 </a>
</div>
</div>

View File

@ -30,19 +30,17 @@
<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">資質榮譽
<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>
<a href="./projectIntroduction.html">項目介紹</a>
<a href="./brand.html">名品軟裝</a>
<a href="./engineering.html">工程工藝 </a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
@ -51,10 +49,11 @@
<div class="indexBrandCon">
<div class="indexBrandNav">
<p class="tit">【盛堂世家】下辖企业</p>
<div class="list">
<p class="tit">【盛堂世家】下辖企业</p>
<p>成都盛堂世家装饰工程有限公司 </p>
<p>盛堂世家·空间美学馆</p>
<p class="on">盛堂世家·空间美学馆</p>
<p>盛堂世家·名品软装</p>
<p>四川三鼎联创贸易有限公司</p>
</div>
@ -75,7 +74,7 @@
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持:全美网络 </a>
</div>
</div>
@ -104,8 +103,8 @@
</script>
<script>
$(".indexBrandNav .list p").on("click",function () {
$(".indexBrandNav .list p").removeClass("tit")
$(this).addClass("tit")
$(".indexBrandNav .list p").removeClass("on")
$(this).addClass("on")
})
</script>

View File

@ -2,189 +2,192 @@
<!-- 更加标准的 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>
<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>
</head>
<body>
<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 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">名品軟裝</a>
<a href="./engineering.html">工程工藝 </a>
<a href="./contactUs.html">聯繫我們</a>
</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 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 class="on">釋玥森林度假酒店 </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>
<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 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 class="footer">
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持:全美网络 </a>
</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>
<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")
<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
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>
$(".projectIntroductionNavButton").on("click", function (params) {
if (dif) {
$(".projectIntroductionNav").css("height", "auto")
$(".projectIntroductionList>div>:nth-child(1)").css("marginBottom", "24px")
<script>
var mySwiper = new Swiper('.swiper', {
$(this).css("transform", "rotateX(180deg)")
dif = false
} else {
$(".projectIntroductionNav").css("height", "70px")
$(".projectIntroductionList>div>:nth-child(1)").css("marginBottom", "70px")
// 如果需要分页器
pagination: {
el: '.swiper-pagination',
},
$(this).css("transform", "rotateX(0deg)")
dif = true
}
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
})
// 如果需要滚动条
scrollbar: {
el: '.swiper-scrollbar',
},
})
</script>
</body>
$(".projectIntroductionNav>p").on("click", function () {
$(".projectIntroductionNav>p").removeClass("on")
$(this).addClass("on")
})
</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

@ -34,19 +34,17 @@
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<a href="./contentPage.html">盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</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>
<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">名品軟裝</a>
<a href="./engineering.html">工程工藝 </a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
</div>
@ -117,7 +115,7 @@
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持:全美网络 </a>
</div>
</div>

View File

@ -32,31 +32,34 @@
<img src="../imgs/logo.png" alt="">
</div>
<div class="navLsit">
<a href="./contentPage.html" >盛堂世家</a>
<a href="./contentPage.html">盛堂世家</a>
<a href="./indexBrand.html">盛堂品牌</a>
<a href="./aboutUs.html">關於Allen Zhou</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>
<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">名品軟裝</a>
<a href="./engineering.html">工程工藝 </a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
</div>
<div class="honoraryCertificate brand">
<p class="title">名品軟裝</p>
<div class="select">
<select name="" id="">
<select onchange="selectFun()" name="" id="">
<option value="">理念</option>
<option value=""></option>
<option value=""></option>
<option value="./brand.html">品牌</option>
<option value="./wellKnownProducts.html">产品</option>
</select>
<script>
function selectFun(e) {
window.location=event.target.value
}
</script>
</div>
<div class="serviceConcept">
<div class="list">
@ -129,7 +132,7 @@
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持:全美网络 </a>
</div>
</div>

View File

@ -38,18 +38,11 @@
<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>
<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="./brand.html">名品軟裝</a>
<a class="on" href="./engineering.html">工程工藝 </a>
<a href="./contactUs.html">聯繫我們</a>
</div>
@ -59,11 +52,17 @@
<div class="">
<p class="title">工程工藝</p>
<div class="select">
<select name="" id="">
<select name=" " onchange="selectFun()" id="">
<option value="">工地形象</option>
<option value=""><a href="./engineering.html">工程工藝</a></option>
<option value="./engineering.html">工艺</option>
</select>
</div>
<script>
function selectFun(e) {
window.location=event.target.value
}
</script>
</div>
<div class="siteImage">
@ -126,7 +125,7 @@
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持:全美网络 </a>
</div>
</div>

View File

@ -38,18 +38,11 @@
<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>
<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 class="on" href="./brand.html">名品軟裝</a>
<a href="./engineering.html">工程工藝 </a>
<a href="./contactUs.html">聯繫我們</a>
</div>
@ -58,11 +51,17 @@
<div class="text contentPageC brand wellKnownProductsNavP">
<p class="title">名品软装</p>
<div class="select">
<select name="" id="">
<select onchange="selectFun()" name="" id="">
<option value="">产品</option>
<option value=""></option>
<option value=""></option>
<option value="./brand.html">品牌</option>
<option value="./serviceConcept.html">理念</option>
</select>
<script>
function selectFun(e) {
window.location=event.target.value
}
</script>
</div>
<div class="wellKnownProducts">
<div class="wellKnownProductsNav">
@ -96,7 +95,7 @@
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持:全美网络 </a>
</div>
</div>

BIN
htmls/测量工具1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
imgs/iocn3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -54,7 +54,7 @@
</div>
<div class="footer">
<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持:全美网络 </a>
</div>
<a href="/" class="returnIndex">