黑色企业网站手机wap模板免费下载

代码部署教程

1. 引入CSS

<link href=”css/framework.css” rel=”stylesheet” type=”text/css” media=”all” />
<link href=”css/colorbox.css” rel=”stylesheet” type=”text/css” media=”all” />

<link href=”css/elements.css” rel=”stylesheet” type=”text/css” media=”all” />

<link href=”css/style.css” rel=”stylesheet” type=”text/css” media=”all” />

<link href=”css/responsive.css” rel=”stylesheet” type=”text/css” media=”screen” />

<link href=”css/hidpi.css” rel=”stylesheet” type=”text/css” media=”screen” />

<link href=”css/skin.css” rel=”stylesheet” type=”text/css” media=”all” />

<link href=”css/custom.css” rel=”stylesheet” type=”text/css” media=”all” />

2. 引入JS

<script type=”text/javascript” src=”js/jquery.min.js”>
</script>

<script type=”text/javascript” src=”js/effects.jquery-ui.min.js”>

</script>

<script type=”text/javascript” src=”js/jquery.nivo-slider.min.js”>

</script>

<script type=”text/javascript” src=”js/jquery.colorbox.min.js”>

</script>

<script type=”text/javascript” src=”js/custom.js”>

</script>

3. HTML代码

<!– website wrapper starts –>
<div class=”websiteWrapper”>

<!– header outer wrapper starts –>

<div class=”headerOuterWrapper”>

<div class=”headerWrapper”>

<a href=”” class=”mainLogo”>

<img src=”images/mainLogo.png” alt=””/>

</a>

</div>

</div>

<!– header outer wrapper ends –>

<!– slider wrapper starts –>

<div class=”sliderOuterWrapper”>

<div class=”sliderWrapper”>

<div class=”mainSlider” id=”mainSlider”>

<a href=””>

<img src=”images/slide-1.jpg” alt=”” />

</a>

<a href=””>

<img src=”images/slide-2.jpg” alt=”” />

</a>

<a href=””>

<img src=”images/slide-3.jpg” alt=”” />

</a>

</div>

</div>

</div>

<!– slider wrapper ends –>

<!– main menu outer wrapper starts –>

<div class=”mainMenuOuterWrapper”>

<ul class=”mainMenuWrapper”>

<li data-background=”#649ae1″ class=”menuUser” style=”z-index: 100; background-color: rgb(100, 154, 225);”>

<a href=”typography.html”>

关于我们</a>

</li>

<li data-background=”#b3cfc1″ class=”menuBulb” style=”z-index: 90; background-color: rgb(179, 207, 193);”>

<a href=”faq.html”>

FAQ 页面</a>

</li>

<li data-background=”#ec6f5a” class=”menuFire” style=”z-index: 80; background-color: rgb(236, 111, 90);”>

<a href=”404.html”>

404 页面</a>

</li>

<li data-background=”#f7c65f” class=”menuStack” style=”z-index: 70; background-color: rgb(247, 198, 95);”>

<a href=”portfolioOneColumn.html”>

单列产品展示</a>

</li>

<li data-background=”#a992e2″ class=”menuStack” style=”z-index: 60; background-color: rgb(169, 146, 226);”>

<a href=”portfolioTwoColumns.html”>

双列产品展示</a>

</li>

<li data-background=”#75d4cb” class=”menuStack” style=”z-index: 50; background-color: rgb(117, 212, 203);”>

<a href=”portfolioOneColumnFilterable.html”>

单列案例展示</a>

</li>

<li data-background=”#80a697″ class=”menuStack” style=”z-index: 40; background-color: rgb(128, 166, 151);”>

<a href=”portfolioTwoColumnsFilterable.html”>

双列案例展示</a>

</li>

<li data-background=”#dbd48b” class=”menuPhoto” style=”z-index: 30; background-color: rgb(219, 212, 139);”>

<a href=”singleProject.html”>

产品内页</a>

</li>

<li data-background=”#dc6e6e” class=”menuPen” style=”z-index: 20; background-color: rgb(220, 110, 110);”>

<a href=”blog.html”>

新闻中心</a>

</li>

<li data-background=”#c47acb” class=”menuNote” style=”z-index: 10; background-color: rgb(196, 122, 203);”>

<a href=”singlePost.html”>

新闻内页</a>

</li>

<li data-background=”#a3cc9d” class=”menuMail” style=”z-index: 0; background-color: rgb(163, 204, 157);”>

<a href=”contact.html”>

联系我们</a>

</li>

</ul>

</div>

<!– main menu outer wrapper ends –>

<!– page wrapper starts –>

<div class=”pageWrapper homePageWrapper”>

</div>

<!– page wrapper ends –>

<!– footer wrapper starts –>

<div class=”footerWrapper”>

<!– copyright wrapper starts –>

<div class=”copyrightWrapper”>

<!– copyright starts –>

<span class=”copyright”>

免责声明：所有资源仅供学习与参考，版权归原作者，请勿用于商业用途，否则产生的一切后果将由您自行承担，与免费模板网网无关。</span>

<!– copyright ends –>

</div>

<!– copyright wrapper ends –>

</div>

<!– footer wrapper ends –>

</div>

<!– website wrapper ends –>

<!– ploader starts –>

<div class=”ploader”>

</div>

<!– ploader ends –>

下载地址

立即下载