Skip to content

梁建民 / fk

Go to a project
Commit 138636ed by LJM
Options

add

parent c0650ee9
Expand all
Inline Side-by-side
Showing with 27 additions and 46 deletions
about.html
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
<div class="bd"> <div class="bd">
<ul> <ul>
<li> <li>
<img src="./images/s1.png" alt="" class="scaleClass"> <img src="./images/about.png" alt="" class="scaleClass">
</li> </li>
</ul> </ul>
</div> </div>
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
<div class="about"> <div class="about">
<div class="main row verCenter"> <div class="main row verCenter">
<div class="pic wow fadeInDown animated"> <div class="pic wow fadeInDown animated">
<img src="./images/about-bg.png" alt=""> <img src="./images/about-1.png" alt="">
</div> </div>
<div class="text wow fadeInDown animated"> <div class="text wow fadeInDown animated">
<p class="t1">关于我们</p> <p class="t1">关于我们</p>
......
clearance.html
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
<ul class="list row rowCenter verCenter"> <ul class="list row rowCenter verCenter">
<li class="column wow fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;"> <li class="column wow fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;">
<div class="pic"> <div class="pic">
<img src="/images/warehouse-1.png" alt=""> <img src="/images/clearance-1.png" alt="">
</div> </div>
<div class="text"> <div class="text">
<p class="t1">提供专业的报关服务，确保货物安全快速通关。</p> <p class="t1">提供专业的报关服务，确保货物安全快速通关。</p>
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
</li> </li>
<li class="column wow fadeInDown animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInDown;"> <li class="column wow fadeInDown animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInDown;">
<div class="pic"> <div class="pic">
<img src="/images/warehous-2.png" alt=""> <img src="/images/clearance-2.png" alt="">
</div> </div>
<div class="text"> <div class="text">
<p class="t1">代理办理各种报关手续，节省客户的时间和精力。</p> <p class="t1">代理办理各种报关手续，节省客户的时间和精力。</p>
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
</li> </li>
<li class="column wow fadeInDown animated" data-wow-delay="1s" style="visibility: visible; animation-delay: 1s; animation-name: fadeInDown;"> <li class="column wow fadeInDown animated" data-wow-delay="1s" style="visibility: visible; animation-delay: 1s; animation-name: fadeInDown;">
<div class="pic"> <div class="pic">
<img src="/images/warehouse-3.png" alt=""> <img src="/images/clearance-3.png" alt="">
</div> </div>
<div class="text"> <div class="text">
<p class="t1">熟悉香港、中国内地及目的国海关法规，为客户提供咨询服务。</p> <p class="t1">熟悉香港、中国内地及目的国海关法规，为客户提供咨询服务。</p>
......
contact.html
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
<div class="bd"> <div class="bd">
<ul> <ul>
<li> <li>
<img src="./images/s1.png" alt="" class="scaleClass"> <img src="./images/contact.png" alt="" class="scaleClass">
</li> </li>
</ul> </ul>
</div> </div>
......
css/style.css
...@@ -362,7 +362,7 @@ body { ...@@ -362,7 +362,7 @@ body {
.head-wrap .slideBox .slide-text { .head-wrap .slideBox .slide-text {
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 200px; top: 220px;
margin-left: -640px; margin-left: -640px;
width: 1280px; width: 1280px;
} }
...@@ -377,25 +377,13 @@ body { ...@@ -377,25 +377,13 @@ body {
margin-bottom: 13px; margin-bottom: 13px;
} }
.head-wrap .slideBox .slide-text .t2 { .head-wrap .slideBox .slide-text .t2 {
width: 560px;
font-size: 18px; font-size: 18px;
color: #FFFFFF; color: #FFFFFF;
opacity: 0.8; opacity: 0.8;
line-height: 25px; line-height: 25px;
margin-bottom: 44px; margin-bottom: 44px;
} }
.head-wrap .slideBox .slide-text .btn {
width: 180px;
height: 52px;
background: #F8B62D;
border-radius: 8px;
font-size: 18px;
color: #ffffff;
font-weight: bold;
transition: all 0.4s ease;
}
.head-wrap .slideBox .slide-text .btn:hover {
background: #E9AA28;
}
.head-wrap .slideBox .slide-text-other { .head-wrap .slideBox .slide-text-other {
position: absolute; position: absolute;
left: 50%; left: 50%;
......
css/style.less
...@@ -211,7 +211,7 @@ ...@@ -211,7 +211,7 @@
.slide-text { .slide-text {
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 200px; top: 220px;
margin-left: -640px; margin-left: -640px;
width: 1280px; width: 1280px;
...@@ -230,6 +230,7 @@ ...@@ -230,6 +230,7 @@
} }
.t2 { .t2 {
width: 560px;
font-size: 18px; font-size: 18px;
color: #FFFFFF; color: #FFFFFF;
opacity: 0.8; opacity: 0.8;
...@@ -237,20 +238,6 @@ ...@@ -237,20 +238,6 @@
margin-bottom: 44px; margin-bottom: 44px;
} }
.btn {
width: 180px;
height: 52px;
background: #F8B62D;
border-radius: 8px;
font-size: 18px;
color: #ffffff;
font-weight: bold;
transition: all 0.4s ease;
&:hover {
background: #E9AA28;
}
}
} }
.slide-text-other { .slide-text-other {
......
finance.html
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
<ul class="list row rowCenter verCenter"> <ul class="list row rowCenter verCenter">
<li class="column wow fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;"> <li class="column wow fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;">
<div class="pic"> <div class="pic">
<img src="/images/warehouse-1.png" alt=""> <img src="/images/finance-1.png" alt="">
</div> </div>
<div class="text"> <div class="text">
<p class="t1">提供贸易融资服务，帮助客户解决资金周转问题。</p> <p class="t1">提供贸易融资服务，帮助客户解决资金周转问题。</p>
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
</li> </li>
<li class="column wow fadeInDown animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInDown;"> <li class="column wow fadeInDown animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInDown;">
<div class="pic"> <div class="pic">
<img src="/images/warehous-2.png" alt=""> <img src="/images/finance-2.png" alt="">
</div> </div>
<div class="text"> <div class="text">
<p class="t1">提供信用证服务，降低客户的交易风险。</p> <p class="t1">提供信用证服务，降低客户的交易风险。</p>
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
</li> </li>
<li class="column wow fadeInDown animated" data-wow-delay="1s" style="visibility: visible; animation-delay: 1s; animation-name: fadeInDown;"> <li class="column wow fadeInDown animated" data-wow-delay="1s" style="visibility: visible; animation-delay: 1s; animation-name: fadeInDown;">
<div class="pic"> <div class="pic">
<img src="/images/warehouse-3.png" alt=""> <img src="/images/finance-3.png" alt="">
</div> </div>
<div class="text"> <div class="text">
<p class="t1">提供外汇兑付服务，帮助客户规避汇率风险。</p> <p class="t1">提供外汇兑付服务，帮助客户规避汇率风险。</p>
......
images/index-1.png
images/index-1.png

530 KB | W: | H:

images/index-1.png

481 KB | W: | H:

images/index-1.png
images/index-1.png
images/index-1.png
images/index-1.png
  • 2-up
  • Swipe
  • Onion skin
images/index-2.png
images/index-2.png

286 KB | W: | H:

images/index-2.png

350 KB | W: | H:

images/index-2.png
images/index-2.png
images/index-2.png
images/index-2.png
  • 2-up
  • Swipe
  • Onion skin
images/warehouse-1.png
images/warehouse-1.png

388 KB | W: | H:

images/warehouse-1.png

327 KB | W: | H:

images/warehouse-1.png
images/warehouse-1.png
images/warehouse-1.png
images/warehouse-1.png
  • 2-up
  • Swipe
  • Onion skin
images/warehouse-3.png
images/warehouse-3.png

185 KB | W: | H:

images/warehouse-3.png

284 KB | W: | H:

images/warehouse-3.png
images/warehouse-3.png
images/warehouse-3.png
images/warehouse-3.png
  • 2-up
  • Swipe
  • Onion skin
index.html
...@@ -56,8 +56,14 @@ ...@@ -56,8 +56,14 @@
</div> </div>
<div class="slide-text"> <div class="slide-text">
<ul> <ul>
<li class="wow"></li> <li class="wow">
<li class="wow"></li> <p class="t1">香港富开有限公司</p>
<p class="t2">致力于为客户提供供应链咨询、设计、实施和优化服务等一站式供应链解决方案，协助客户提高供应链效率，优化成本</p>
</li>
<li class="wow">
<p class="t1">香港富开有限公司</p>
<p class="t2">致力于为客户提供供应链咨询、设计、实施和优化服务等一站式供应链解决方案，协助客户提高供应链效率，优化成本</p>
</li>
</ul> </ul>
</div> </div>
</div> </div>
......
logistic.html
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
<div class="bd"> <div class="bd">
<ul> <ul>
<li> <li>
<img src="./images/s1.png" alt="" class="scaleClass"> <img src="./images/logistic-bg.png" alt="" class="scaleClass">
</li> </li>
</ul> </ul>
</div> </div>
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
<ul class="list row rowCenter verCenter"> <ul class="list row rowCenter verCenter">
<li class="column wow fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;"> <li class="column wow fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;">
<div class="pic"> <div class="pic">
<img src="/images/warehouse-1.png" alt=""> <img src="/images/logistic-1.png" alt="">
</div> </div>
<div class="text"> <div class="text">
<p class="t1">提供空运、海运、陆运等多种运输方式。</p> <p class="t1">提供空运、海运、陆运等多种运输方式。</p>
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
</li> </li>
<li class="column wow fadeInDown animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInDown;"> <li class="column wow fadeInDown animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInDown;">
<div class="pic"> <div class="pic">
<img src="/images/warehous-2.png" alt=""> <img src="/images/logistic-2.png" alt="">
</div> </div>
<div class="text"> <div class="text">
<p class="t1">提供门到门、仓到仓等多种服务模式。</p> <p class="t1">提供门到门、仓到仓等多种服务模式。</p>
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
</li> </li>
<li class="column wow fadeInDown animated" data-wow-delay="1s" style="visibility: visible; animation-delay: 1s; animation-name: fadeInDown;"> <li class="column wow fadeInDown animated" data-wow-delay="1s" style="visibility: visible; animation-delay: 1s; animation-name: fadeInDown;">
<div class="pic"> <div class="pic">
<img src="/images/warehouse-3.png" alt=""> <img src="/images/logistic-3.png" alt="">
</div> </div>
<div class="text"> <div class="text">
<p class="t1">拥有专业的物流团队，确保货物高效安全送达目的地。</p> <p class="t1">拥有专业的物流团队，确保货物高效安全送达目的地。</p>
......
warehouse.html
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
<ul class="menu row verCenter"> <ul class="menu row verCenter">
<li class="row verCenter"><a href="/">首页</a></li> <li class="row verCenter"><a href="/">首页</a></li>
<li class="curr row verCenter"><a href="/warehouse.html">仓储服务</a></li> <li class="curr row verCenter"><a href="/warehouse.html">仓储服务</a></li>
<li class="curr row verCenter"><a href="/logistic.html">物流服务</a></li> <li class="row verCenter"><a href="/logistic.html">物流服务</a></li>
<li class="row verCenter"><a href="/clearance.html">报关服务</a></li> <li class="row verCenter"><a href="/clearance.html">报关服务</a></li>
<li class="row verCenter"><a href="/finance.html">金额服务</a></li> <li class="row verCenter"><a href="/finance.html">金额服务</a></li>
<li class="row verCenter"><a href="/about.html">关于我们</a></li> <li class="row verCenter"><a href="/about.html">关于我们</a></li>
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
</li> </li>
<li class="column wow fadeInDown animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInDown;"> <li class="column wow fadeInDown animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInDown;">
<div class="pic"> <div class="pic">
<img src="/images/warehous-2.png" alt=""> <img src="/images/warehouse-2.png" alt="">
</div> </div>
<div class="text"> <div class="text">
<p class="t1">拥有先进的仓储管理系统，可随时查询货物进出数据及实时库存情况。</p> <p class="t1">拥有先进的仓储管理系统，可随时查询货物进出数据及实时库存情况。</p>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment