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

忙内是什么意思 2019-12-10 905 阅读

代码部署教程

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 -->

下载地址

最新游戏