Skip to content

Instantly share code, notes, and snippets.

@syshack

syshack/test.html

Created February 20, 2014 02:35
Show Gist options
  • Save syshack/9106040 to your computer and use it in GitHub Desktop.
Save syshack/9106040 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
test.html
<!DOCTYPE html>
<html lang="en">
{% extends 'common/base.html' %}
{% block title %}
<title>五星汇 五星自由行 经深飞</title>
{% endblock %}
{% block css %}
<link href="http://cdn.bootcss.com/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
<link href="http://cdn.bootcss.com/twitter-bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../../static/css/public.css">
<link type="text/css" href="../../static/css/week.css" rel="stylesheet"/>
<style type="text/css">
.content-detail {
height: 200px;
overflow: auto;
position: relative;
}
</style>
{% endblock %}
{% block js %}
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
{% endblock %}
{% block content %}
<div class="w990 bg-white js-scroll" id="navbar-example">
<div class="tab-fixed clearfix">
<ul class="navbar-nav nav">
<li><a href="#one">产品特色</a><span>|</span></li>
<li><a href="#two">行程安排</a><span>|</span></li>
<li><a href="#four">航班信息</a><span>|</span></li>
<li><a href="#five">酒店信息</a><span>|</span></li>
<li><a href="">升级可选</a><span>|</span></li>
<li><a href="">资费说明</a><span>|</span></li>
<li><a href="">预订须知</a><span>|</span></li>
<li><a href="">购买流程</a></li>
</ul>
</div><!-- end tab-fixed -->
<div class="content-detail" data-spy="scroll" data-offset="30" data-target="#navbar-example">
<div class="detail-feature">
<h3 class="f18 bg-fill" id="one">产品特色</h3>
<div class="dl-padding">
<dl class="clearfix b15">
<dt class="fl circle in-bg">01</dt>
<dd class="fl">深航往返深圳机票，覆盖全国主要城市，去香港更方便</dd>
</dl>
<dl class="clearfix b15">
<dt class="fl circle in-bg">02</dt>
<dd class="fl">全程下榻高品质酒店，尽享舒适旅行</dd>
</dl>
<dl class="clearfix">
<dt class="fl circle in-bg">03</dt>
<dd class="fl">预订不成功100%无忧退款</dd>
</dl>
</div>
</div>
<div class="detail-feature">
<h3 class="f18 bg-fill" id="two">行程安排</h3>
<div class="dl-padding ">
<dl class="border-bttome clearfix">
<dt class="fl f40 orage">01/</dt>
<dd class="fl w650"> 客人到达深圳机场。客人可自行乘坐大巴等交通方式从各口岸过关，请注意各口岸开放时间；L签客人在请先自行联络好送关，从约定的口岸过关；</dd>
</dl>
<dl class="border-bttome clearfix">
<dt class="fl f40 orage">02/</dt>
<dd class="fl w650">到达酒店后办理入住，通常办理入住时间为14点后，开始您的香港自由行之旅。</dd>
</dl>
<dl class="border-bttome clearfix">
<dt class="fl f40 orage">03/</dt>
<dd class="fl w650">办理退房手续后，自行过关回到深圳，回程可从任意口岸通关，无签注类型限制，请预估好回程所需时间，以免误机。</dd>
</dl>
<dl class="clearfix">
<dt class="fl f40 orage">04/</dt>
<dd class="fl w650">温馨提示：<br/>如果乘坐深圳机场-香港的大巴过关，所通过的口岸为深圳湾口岸。机场出闸直行至地面交通大厅圆形柜台可购票。<br/>深圳机场往来市区的方式请参考：<a class="blue-faint"href="www.szairport.com/szairport/lwszsq/list_jcjt.shtml">www.szairport.com/szairport/lwszsq/list_jcjt.shtml</a><br/>香港地铁运营时间参考：<a class="blue-faint" href="www.mtr.com.hk">www.mtr.com.hk</a></dd>
</dl>
</div>
</div>
<div class="detail-feature">
<h3 class="f18 bg-fill" id="one">航班信息</h3>
<div class="dl-padding ">
<table cellpadding="0" cellspacing="0" class="range-border" width="100%">
<tr>
<td align="center">行程</td>
<td align="center">起降时间</td>
<td align="center">起降机场 </td>
<td align="center">航空公司</td>
<td align="center">航班及舱位信息</td>
</tr>
<tr>
<td align="center">去程</td>
<td align="center">-</td>
<td align="center">-</td>
<td align="center">深航</td>
<td align="center">经济舱</td>
</tr>
<tr>
<td align="center">返程</td>
<td align="center">-</td>
<td align="center">-</td>
<td align="center">深航</td>
<td align="center">经济舱</td>
</tr>
</table>
</div>
</div>
<div class="detail-feature">
<h3 class="f18 bg-fill">酒店信息<span class="vice-size">酒店为参考信息，最终以出行通知为准</span></h3>
<div class="dl-padding clearfix ">
<img class="fl" src="/static/img/left-hotel.jpg">
<ul class="fl w730">
<li class="border-bttome">
<p class="title-700 mb5">香港如心海景酒店暨会议中心<span class="fw-100">L’hotel Nina et Convention Center</span></p>
<p>酒店地址： 香港 荃湾 杨屋道8号（荃湾 近河大道、荃湾西站D出口）</p>
<p>酒店概况： 2007年开业 1608间房</p>
<p>联系电话： 00852-22802898</p>
</li>
<li class="border-bttome">
<p>．设有分布在2个塔楼的现代化客房，由玻璃底天桥所连接。设有季节性室外游泳池、温水室内游泳池和健身房；</p>
<p>．客房均设有现代化的透明玻璃浴室、对接系统、平面电视、迷你吧、吹风机和私人保险箱。</p>
<p>．距离荃湾公园仅有2分钟步行路程，距离如心广场有3分钟步行路程，距离万景峰 - 荃新天地有5分钟步行路程；</p>
<p>．酒店的商务中心位于10楼，设有电脑工作站和打印机，并提供秘书服务。</p>
</li>
<li>
<p class="gray-tint w648">酒店须知：所有酒店均不含早餐，酒店标准入住时间为中午14:00以后，退房时间为中午12:00之前，提前入住或延迟退房，酒店可能会另行加收费用，视酒店政策而定；酒店加床均以酒店实际安排为准。往返日期可自由搭配。如遇航班取消、延误等情况仅能在深航内</p>
</li>
</ul>
</div>
</div>
<div class="detail-feature">
<h3 class="f18 bg-fill">升级可选</h3>
<div class="dl-padding clearfix ">
<table cellpadding="0" cellspacing="0" class="range-border">
<tr>
<td rowspan="2" width="85" height="450" class="padding-lr-30">MPV接送机包车(仅限G签可选)</td>
<td width="105" class="padding-lr-10" >1000元单程/九龙区</td>
<td rowspan="2" class="padding-lr-20" >使用说明<br/>
1.需报名时预约用车日期时间。<br/>
2.到达深圳后，T3航站楼下机出闸，闸口右侧会合点5标志旁（costa咖啡对面）找到环岛旅运的柜台，客人请先去柜台登记，并确认回程时间（如有），然后由工作人员带领到休息区，进入休息区候发车间隔为5-15分钟，每车最多乘坐7人（婴儿也算1人，不论是否怀抱）。<br/>3.MPV车的运营时间去程9-21点，回程7-18点，超过MPV服务时间将无车辆服务，客人请参考航班时间谨慎购买。一旦购买成功，任何情况没使用MPV将视为自动放弃，五星汇不承担任何责任及费用。L签客人无法使用。<br/> <br/>
温馨提示<br/>
1.出闸后请先在柜台登记，去程MPV车时间是根据航班抵达时间统筹安排的，如因个人原因、航班取消、晚点等原因造成车辆等待过长产生的费用五星汇概不负责。柜台预约的回程时间为预计时间，MPV公司会在出发前一天与您联系再次确认时间，请务必留下在香港可以保持畅通的联系方式。<br/>
2.若您未按要求在深圳机场环岛旅运服务柜台登记信息则视为您自动放弃接送服务，您自行乘车发生的费用需您自行承担，返程信息确认后不可取消变更；<br/>
3.返程MPV车仅能在酒店门口等候5分钟，如您未按时到达，将视为您自动放弃返程服务，五星汇不承担您自行乘车期间发生的费用；<br/>
4.若您因个人证件问题、过关、交通堵塞或天气等不可抗力原因导致误机所产生的费用，需您自行承担；<br/>
5.因孕妇不报、行李违禁等原因导致的滞留在海关所产生的交通费用需您自行承担；<br/><br/>
特别建议<br/>
若您去程到达时间过晚或回程起飞时间过早不适用于MPV服务时间段，请谨慎规划您的行程；如遇飞机晚点或取消等不可抗力造成的损失，请您自行承担。</td>
</tr>
<tr>
<td class="padding-lr-10">1200元单程/港岛区</td>
</tr>
<tr>
<td rowspan="2" class="padding-lr-30" heigh="340">MPV接送机包车(仅限G签可选)</td>
<td class="padding-lr-10">1000元单程/九龙区</td>
<td rowspan="2"class="padding-lr-20">使用说明
1.需报名时预约用车日期时间。
2.到达深圳后，T3航站楼下机出闸，闸口右侧会合点5标志旁（costa咖啡对面）找到环岛旅运的柜台，客人请先去柜台登记，并确认回程时间（如有），然后由工作人员带领到休息区，进入休息区候发车间隔为5-15分钟，每车最多乘坐7人（婴儿也算1人，不论是否怀抱）。 3.MPV车的运营时间去程9-21点，回程7-18点，超过MPV服务时间将无车辆服务，客人请参考航班时间谨慎购买。一旦购买成功，任何情况没使用MPV将视为自动放弃，五星汇不承担任何责任及费用。L签客人无法使用。
温馨提示
1.出闸后请先在柜台登记，去程MPV车时间是根据航班抵达时间统筹安排的，如因个人原因、航班取消、晚点等原因造成车辆等待过长产生的费用五星汇概不负责。柜台预约的回程时间为预计时间，MPV公司会在出发前一天与您联系再次确认时间，请务必留下在香港可以保持畅通的联系方式。
2.若您未按要求在深圳机场环岛旅运服务柜台登记信息则视为您自动放弃接送服务，您自行乘车发生的费用需您自行承担，返程信息确认后不可取消变更；
3.返程MPV车仅能在酒店门口等候5分钟，如您未按时到达，将视为您自动放弃返程服务，五星汇不承担您自行乘车期间发生的费用；
4.若您因个人证件问题、过关、交通堵塞或天气等不可抗力原因导致误机所产生的费用，需您自行承担；
5.因孕妇不报、行李违禁等原因导致的滞留在海关所产生的交通费用需您自行承担；
特别建议
若您去程到达时间过晚或回程起飞时间过早不适用于MPV服务时间段，请谨慎规划您的行程；如遇飞机晚点或取消等不可抗力造成的损失，请您自行承担。</td>
</tr>
<tr>
<td class="padding-lr-10">1200元单程/港岛区</td>
</tr>
<tr>
<td align="center">罗湖彭年酒店住宿<br/>
（G/L签皆可，可选多晚）</td>
<td class="padding-lr-10" align="center">450元/间夜</td>
<td class="padding-lr-20">1.每间房最多可入住成两人及一位不占床儿童。不含早餐，房间内可免费上网（有线及wifi），酒店标准办理入住时间14点后，客人需报名时确认入住酒店的日期（需为入住香港酒店前或离开香港酒店后的相邻日期）。早餐及加床等费用按酒店政策执行。<br/>
2.关于过关，您可前往距离酒店最近的罗湖口岸过关（5分钟步行），需携带港澳通行证及有效签注，L签客人请注意联络送关人，送关人信息将会在出发前1-2天发送给您。</td>
</tr>
<tr>
<td align="center">送关服务<br/>
（仅限L签客人可选）</td>
<td class="padding-lr-10" align="center">25元</td>
<td class="padding-lr-20">使用说明<br/>
1.需报名时预约送关日期。<br/>
2.送关仅限罗湖口岸，服务时间为8-18点；超出服务时间的送关服务需自行承担费用，选择航班时需谨慎。 <br/>
3.我们将出行前1-2天将送关联系人电话以短信形式通知到您，到达深圳后，您需携带港澳通行证自行前往罗湖口岸，到达口岸即可联系送关人送关。</td>
</tr>
<tr>
<td colspan="3" align="center">具体升级服务请您在预订流程里进行选择。</td>
</tr>
</table>
</div>
</div>
<div class="detail-feature">
<h3 class="f18 bg-fill">资费说明</h3>
<div class="dl-padding clearfix ">
<table cellpadding="0" cellspacing="0" class="range-border" width="100%">
<tr>
<td colspan="2" class="pl20 title-700" >费用包含</td>
</tr>
<tr>
<td width="80" align="center">机票</td>
<td class="pl20">全国飞深圳往返机票(含燃油税，机场建设费)，深航全时段航班任选</td>
</tr>
<tr>
<td width="80" align="center">酒店</td>
<td class="pl20">香港如心酒店或高品质3晚住宿(2人共住一间)，全程尊享"土豪"待遇</td>
</tr>
<tr>
<td width="80" align="center">备注</td>
<td class="pl20"> 2-12岁儿童随成人价一同拍下，2岁以下(不占床)凭成人票自行购买。</td>
</tr>
<tr>
<td colspan="2" class="pl20 title-700" >费用不包含</td>
</tr>
<tr>
<td colspan="2" class="pl20">1. 接送机服务；</td>
</tr>
<tr>
<td colspan="2" class="pl20">2. 酒店加床费、早餐费、上网费等其他个人酒店消费行为；</td>
</tr>
<tr>
<td colspan="2" class="pl20">3. 因交通延阻、罢工、大风、大雾、航班取消或更改时间等不可抗力原因所引致的额外费用；</td>
</tr>
<tr>
<td colspan="2" class="pl20">4. 出入境的行李海关裸税，超重行李的托运费、管理费等；</td>
</tr>
<tr>
<td colspan="2" class="pl20">5. 因个人原因滞留产生的一切费用；</td>
</tr>
<tr>
<td colspan="2" class="pl20">6. 行李在航班托运期间的造成损坏的经济损失和责任；</td>
</tr>
<tr>
<td colspan="2" class="pl20">7. 旅行过程中产生的小费；</td>
</tr>
<tr>
<td colspan="2" class="pl20">8. 自由活动期间产生的费用；</td>
</tr>
<tr>
<td colspan="2" class="pl20">9. 旅游费用包含内容与超值礼包以外的所有费用；</td>
</tr>
<tr>
<td colspan="2" class="pl20">10. 旅游费用不包括旅游者因违约、自身过错、自由活动期间内行为或自身疾病引起的人身和财产损失；</td>
</tr>
<tr>
<td colspan="2" class="pl20">11. 保险费用；</td>
</tr>
<tr>
<td colspan="2" class="pl20">12. 费用包含中未提及的其它费用。</td>
</tr>
</table>
</div>
</div>
<div class="detail-feature">
<h3 class="f18 bg-fill">预订须知</h3>
<div class="dl-padding">
<dl class="r-float-width clearfix b15">
<dt class="fl circle in-bg">01</dt>
<dd class="fl orage">预订确认不成功可全额退款；预订一旦确认成功，您的行程就意味着将不能变更，不能取消，不能退款，请您务必谨慎报名选择出行日期,预订后我们无法接受任何理由的退款申请。</dd>
</dl>
<dl class="r-float-width clearfix b15">
<dt class="fl circle in-bg">02</dt>
<dd class="fl">此产品必须提前10天以上预订，以便于我们更好的为您服务；</dd>
</dl>
<dl class="r-float-width clearfix b15">
<dt class="fl circle in-bg">03</dt>
<dd class="fl">我们将尽力安排如心酒店入住，如遇酒店满房或其他不可抗力等因素导致客人无法入住，预订酒店与实际酒店不符五星汇有权为您安排在其他同级酒店入住，并将在您出行前通知您，保证您的出行体验。</dd>
</dl>
<dl class="r-float-width clearfix b15">
<dt class="fl circle in-bg">04</dt>
<dd class="fl">适用于持《往来港澳通行证》及香港个人旅游签注（G签注），香港团队旅游签注（L签注），探亲签注（T签注），逗留签注（D签注）或商务签注（S签注）的大陆居民及持前往香港有效证件的非大陆居民预订。团队旅游签注（L签注）顾客需办理送关，请自行协调旅行和送关时间，以免耽误行程。请提前自行办理并仔细核对您所获得的证件和签注类型及其有效期，并选择适用产品；特别提醒：广州、深圳户籍及港澳人士不适用本产品；</dd>
</dl>
<dl class="r-float-width clearfix b15">
<dt class="fl circle in-bg">05</dt>
<dd class="fl">注意婴儿/儿童示警：本产品出票为提交航空公司名单后航空公司决定出票时限；因每航班有婴儿限制，您如需购买婴儿/儿童票为您个人行为，因此产生的费用及任何情况，五星汇概不负责。儿童价包含：本司产品儿童价格为机位费用，因儿童占成人机位。如您自行购买儿童票，产生的费用及问题，五星汇概不负责。</dd>
</dl>
<dl class="r-float-width clearfix b15">
<dt class="fl circle in-bg">06</dt>
<dd class="fl">套餐可选出发日期4月1、2、3、4、5、6、7、8、15、16、17、18、22、23、30和5月6月每天出发；6月28日截止为往返日期可自由搭配；</dd>
</dl>
<dl class="r-float-width clearfix b15">
<dt class="fl circle in-bg">07</dt>
<dd class="fl">本产品每个航班出行的人数有限，需要您尽快对订单付款，超时没有付款的订单五星汇将做取消处理；如因航空公司提供机票不足，五星汇将为您更换其他航班或更换出行日期，保证您的出行，最终出行航班以确认短信和邮件为准；</dd>
</dl>
<dl class="r-float-width clearfix b15">
<dt class="fl circle in-bg">08</dt>
<dd class="fl">航班出发时间请以票面确认信息为准；因航空公司原因导致航班延误、更改或取消，我方不承担由此造成的一切责任和费用，五星汇保留临时调整航班的权利。请凭有效身份证件原件自行上飞机。根据民航总局的有关规定，旅客所提供的机票姓名应与其有效身份证件上的姓名保持一致，否则机场安检有权拒绝客人登机，五星汇不承担任何责任；</dd>
</dl>
<dl class="r-float-width clearfix b15">
<dt class="fl circle in-bg">09</dt>
<dd class="fl">本产品为机票+酒店组合产品，无需签署合同，购买前请仔细阅读须知及流程；</dd>
</dl>
<dl class="r-float-width clearfix b15">
<dt class="fl circle in-bg">10</dt>
<dd class="fl">酒店标准入住时间为中午14:00以后，退房时间为中午12:00之前，提前入住或延迟退房，酒店可能会另行加收费用，视酒店政策而定；酒店加床均以酒店实际安排为准；</dd>
</dl>
<dl class="r-float-width clearfix border-bttome " style="padding-bottom: 20px;">
<dt class="fl circle in-bg">11</dt>
<dd class="fl">本产品兑换预订一旦成功，您的行程就意味着将不能变更，不能取消，不能退款，请您务必谨慎报名选择出行日期,预订后我们无法</dd>
</dl>
<p class="gray-tint" style="padding: 0 35px; width: 685px;">温馨提示：<br/>
1.办理港澳通行证和签注属于个人行为可以直接去出境管理处办理，请根据出行时间提前安排办理。办理证件请持两张两寸证件照片，白底，北京市户需要7个工作日，外地户口至少需要10个工作日；办理签注所需时间以当地出境管理处为准。<br/>
2.根据中国海关总署颁布的2010年54号令，进境公民旅客携带在境外获取的个人自用进境物品总值在5000元以内（含5000元）的，海关予以免税放行。烟草制品、酒精制品、照相机、摄像机等20种商品不在免税范围内，敬请知晓。更多有关海关规定请查看香港出行贴士。<br/>
3.根据最新发布的《中华人民共和国禁止携带、邮寄进境的动植物及其产品和其他检疫物名录》，将燕窝、新鲜水果、蔬菜、动物源性中药材、转基因生物材料等列入严禁携带或邮寄进境项目，敬请知晓。</p>
</div>
</div>
<div class="detail-feature">
<h3 class="f18 bg-fill">购买流程</h3>
<div class="dl-padding clearfix">
<table cellpadding="0" cellspacing="0">
<tr>
<td align="center"><span class="line-grey">&nbsp;</span></td>
</tr>
<tr>
<td align="center"><span class="circle orage-bg circle-size"></span></td>
<td class="w685 title-700">五星汇官网注册</td>
</tr>
<tr>
<td align="center"><span class="line-grey">&nbsp;</span></td>
<td class="w685 pb20 pt5">用户需要在五星汇官网先行注册。</td>
</tr>
<tr>
<td align="center"><span class="circle orage-bg circle-size"></span></td>
<td class="w685 title-700">登录五星汇网站兑换预订</td>
</tr>
<tr>
<td align="center"><span class="line-grey">&nbsp;</span></td>
<td class="w685 pb20 pt5">注册后进入产品预订，确定所选航班以及酒店，部分日期不同酒店可能会有补差价情况，请参考预订时对应价格，请至少在出行日期14天前进行预订。选择后提交，将有客服人员对您的订单进行二次确认核实，成功预订即可接收行程确认单等待出行，预订失败将可选择退款或选择其他出行日期。预订一旦成功，您的行程就意味着将不能变更，不能取消，不能退款，请您务必谨慎报名选择出行日期,预订后我们无法接受任何理由的退款申请。</td>
</tr>
<tr>
<td align="center"><span class="circle orage-bg circle-size"></span></td>
<td class="w685 title-700">接收行程确认单</td>
</tr>
<tr>
<td align="center"><span class="line-grey">&nbsp;</span></td>
<td class="w685 pb20 pt5">我们将在您出发的3-5天前将您的确认行程单以短信和电子邮件形式发送。故在您预订行程时一定要确认提供的联系手机及邮箱地址正确无误，避免通知不到您。</td>
</tr>
<tr>
<td align="center"><span class="circle orage-bg circle-size"></span></td>
<td class="w685 title-700">悠享五星自由行</td>
</tr>
<tr>
<td align="center"><span class="line-grey">&nbsp;</span></td>
<td class="w685 pb20 pt5">迎接精品五星自由行。提前祝您旅途愉快。</td>
</tr>
</table>
</div>
</div>
</div><!-- end content-detail -->
</div><!-- end w990 -->
{% endblock %}
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment