导航栏修改
parent
c98b50f7fe
commit
0a354341ad
|
@ -32,11 +32,12 @@
|
|||
height: 100%;
|
||||
padding-top: 60px;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
text-align: center;
|
||||
z-index: 999;
|
||||
}
|
||||
.navTop{
|
||||
width: 150px;
|
||||
|
@ -50,6 +51,7 @@
|
|||
background-color: #0D0D0D;
|
||||
}
|
||||
.navTop img{
|
||||
width: 116px;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.navLsit>a{
|
||||
|
@ -126,8 +128,7 @@
|
|||
color: #fff;
|
||||
}
|
||||
.conNav{
|
||||
left: 0;
|
||||
transform: translateX(0);
|
||||
transform: translateX(-720px);
|
||||
}
|
||||
.mainCon{
|
||||
width: 1440px;
|
||||
|
@ -1016,6 +1017,10 @@ select{
|
|||
.nav{
|
||||
width: 230px;
|
||||
}
|
||||
.conNav{
|
||||
left: 60px;
|
||||
transform: translateX(0);
|
||||
}
|
||||
.siteImage{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
|
|
@ -21,10 +21,6 @@
|
|||
<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="">
|
||||
|
@ -45,6 +41,10 @@
|
|||
<a href="./contactUs.html">聯繫我們</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<img src="../imgs/rwzf.png" class="ber" alt="">
|
||||
<div class="con">
|
||||
<div class="h100 mainCon mainInterview">
|
||||
<div class="Interview">
|
||||
<div class="InterviewTitle">
|
||||
<p class="title">人物專訪</p>
|
||||
|
|
|
@ -19,10 +19,6 @@
|
|||
<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="">
|
||||
|
@ -41,6 +37,10 @@
|
|||
<a href="./contactUs.html">聯繫我們</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<img src="../imgs/rwzf.png" class="ber" alt="">
|
||||
<div class="con">
|
||||
<div class="h100 mainCon">
|
||||
<div class="text contentPageC InterviewDetails">
|
||||
<p class="title">人物專訪標題文字後台上傳人物專訪標題文字後台上傳</p>
|
||||
<div class="contentPage">
|
||||
|
|
|
@ -19,10 +19,6 @@
|
|||
<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">
|
||||
|
@ -42,6 +38,10 @@
|
|||
<a href="./contactUs.html">聯繫我們</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<img src="../imgs/rwgy.png" class="ber" alt="">
|
||||
<div class="con">
|
||||
<div class="h100 mainCon">
|
||||
<div class="text contentPageC aboutUsPbottom">
|
||||
<p class="title">關於Allen Zhou</p>
|
||||
<div class="contentPage">
|
||||
|
|
|
@ -19,10 +19,6 @@
|
|||
<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="">
|
||||
|
@ -41,6 +37,10 @@
|
|||
<a href="./contactUs.html">聯繫我們</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<img src="../imgs/ber.png" class="ber" alt="">
|
||||
<div class="con">
|
||||
<div class="h100 mainCon">
|
||||
<div class="text contentPageC brand">
|
||||
<p class="title">名品軟裝</p>
|
||||
<div class="select">
|
||||
|
|
|
@ -21,10 +21,6 @@
|
|||
<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>
|
||||
|
@ -48,6 +44,10 @@
|
|||
<a class="on" href="./contactUs.html">聯繫我們</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<img src="../imgs/lx.png" class="ber" alt="">
|
||||
<div class="con">
|
||||
<div class="h100 mainCon">
|
||||
<div class="text contentPageC wellKnownProductsNavP">
|
||||
<p class="title">联系我们</p>
|
||||
<div class="contactUs">
|
||||
|
|
|
@ -19,10 +19,6 @@
|
|||
<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="">
|
||||
|
@ -41,6 +37,10 @@
|
|||
<a href="./contactUs.html">聯繫我們</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<img src="../imgs/ber.png" class="ber" alt="">
|
||||
<div class="con">
|
||||
<div class="h100 mainCon">
|
||||
<div class="text contentPageC">
|
||||
<p class="title">盛堂世家設計機構</p>
|
||||
<div class="contentPage">
|
||||
|
|
|
@ -21,10 +21,6 @@
|
|||
<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="">
|
||||
|
@ -45,6 +41,10 @@
|
|||
<a href="./contactUs.html">聯繫我們</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<img src="../imgs/gyber.png" class="ber" alt="">
|
||||
<div class="con">
|
||||
<div class="h100 mainCon mainInterview">
|
||||
<div class="projectIntroductionCon">
|
||||
<div class="">
|
||||
<p class="title">工程工藝</p>
|
||||
|
|
|
@ -19,10 +19,6 @@
|
|||
<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="">
|
||||
|
@ -41,6 +37,10 @@
|
|||
<a href="./contactUs.html">聯繫我們</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<img src="../imgs/rwzf.png" class="ber" alt="">
|
||||
<div class="con">
|
||||
<div class="h100 mainCon">
|
||||
<div class="honoraryCertificate">
|
||||
<p class="title">資質榮譽</p>
|
||||
<div class="honoraryCertificateCon">
|
||||
|
|
|
@ -19,10 +19,6 @@
|
|||
<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="">
|
||||
|
@ -43,6 +39,10 @@
|
|||
<a href="./contactUs.html">聯繫我們</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<img src="../imgs/stpp.png" class="ber" alt="">
|
||||
<div class="con">
|
||||
<div class="h100 mainCon">
|
||||
<div class="text contentPageC brand">
|
||||
<p class="title">名品軟裝</p>
|
||||
<div class="indexBrandCon">
|
||||
|
|
|
@ -21,10 +21,6 @@
|
|||
<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="">
|
||||
|
@ -43,6 +39,10 @@
|
|||
<a href="./contactUs.html">聯繫我們</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<img src="../imgs/xmjs.png" class="ber" alt="">
|
||||
<div class="con">
|
||||
<div class="h100 mainCon mainInterview">
|
||||
<div class="projectIntroductionCon">
|
||||
<div class="">
|
||||
<p class="title">項目介紹</p>
|
||||
|
|
|
@ -21,10 +21,6 @@
|
|||
<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="">
|
||||
|
@ -43,6 +39,10 @@
|
|||
<a href="./contactUs.html">聯繫我們</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<img src="../imgs//xmjs.png" class="ber" alt="">
|
||||
<div class="con">
|
||||
<div class="h100 mainCon mainInterview">
|
||||
<div class="projectIntroductionCon">
|
||||
<div class="projectIntroduction">
|
||||
<div class="projectIntroductionList projectIntroductionDetailsNav">
|
||||
|
|
|
@ -19,10 +19,6 @@
|
|||
<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="">
|
||||
|
@ -41,6 +37,10 @@
|
|||
<a href="./contactUs.html">聯繫我們</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<img src="../imgs/ber.png" class="ber" alt="">
|
||||
<div class="con">
|
||||
<div class="h100 mainCon">
|
||||
<div class="honoraryCertificate brand">
|
||||
<p class="title">名品軟裝</p>
|
||||
<div class="select">
|
||||
|
|
|
@ -21,10 +21,6 @@
|
|||
<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="">
|
||||
|
@ -43,6 +39,10 @@
|
|||
<a href="./contactUs.html">聯繫我們</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<img src="../imgs/gyber.png" class="ber" alt="">
|
||||
<div class="con">
|
||||
<div class="h100 mainCon mainInterview">
|
||||
<div class="projectIntroductionCon siteImageW">
|
||||
<div class="">
|
||||
<p class="title">工程工藝</p>
|
||||
|
|
|
@ -21,10 +21,6 @@
|
|||
<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="">
|
||||
|
@ -43,6 +39,10 @@
|
|||
<a href="./contactUs.html">聯繫我們</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<img src="../imgs/ber.png" class="ber" alt="">
|
||||
<div class="con">
|
||||
<div class="h100 mainCon">
|
||||
<div class="text contentPageC brand wellKnownProductsNavP">
|
||||
<p class="title">名品软装</p>
|
||||
<div class="select">
|
||||
|
|
Loading…
Reference in New Issue