手机端崔雪莉德鲁纳酒店服务菜单网站静态模板下载

一百 2019-12-19 841 阅读

模板描述:手机版本 酒店服务网站 模板下载,手机版本的酒店服务网站模板下载html模板下载

代码部署教程

1. 引入CSS

<link href="styles/bootstrap.min.css" rel="stylesheet" />
<link href="styles/bootstrap-responsive.css" rel="stylesheet" />

<link href="styles/NewGlobal.css" rel="stylesheet" />

2. 引入JS

<script src="Scripts/jquery-1.7.2.min.js"></script>

<script src="Scripts/bootstrap.min.js"></script>

3. HTML代码

<div class="container">
<div class="header">

<img src="Images/logo.png" style="height: 40px; margin: 10px 0px 0px 15px" />

</div>

<div style="padding:0 5px 0 0;">

<ul class="unstyled defaultlist pt20">

<li class="f">

<a href="CityList.html">

<h2>

预定酒店</h2>

<figure class="jp_icon">

</figure>

</a>

</li>

<li class="h">

<a href="Activitys.html">

<h2>

最新活动</h2>

<figure class="jd_icon">

</figure>

</a>

</li>

</ul>

<ul class="unstyled defaultlist">

<li class="a">

<a href="login.html">

<h2>

我的订单</h2>

<figure class="hb_icon">

</figure>

</a>

</li>

<li class="p">

<a href="login.html">

<h2>

我的格子</h2>

<figure class="mp_icon">

</figure>

</a>

</li>

</ul>

<ul class="unstyled defaultlist">

<li class="t">

<a href="GiftList.html">

<h2>

礼品商城</h2>

<figure class="hcp_icon">

</figure>

</a>

</li>

<li class="m">

<a href="help/Help.html">

<h2>

帮助咨询</h2>

<figure class="wdxc_icon">

</figure>

</a>

</li>

</ul>

</div>

</div>

<div class="footer">

<div class="gezifooter">

<a href="#" class="ui-link">

酒店预订</a>

<font color="#878787">

|</font>

<a href="#" class="ui-link">

我的订单</a>

<font color="#878787">

|</font>

<a href="#" class="ui-link">

我的格子</a>

<font color="#878787">

|</font>

<a href="#" class="ui-link">

电脑版</a>

</div>

<div class="gezifooter">

<p style="color:#bbb;">

崔雪莉德鲁纳酒店 &copy; 版权所有 2012-2013</p>

</div>

</div>

演示地址

  • aaaaaX

    太太太厉害了

    aaaaaX
最新游戏