wayne/bnbweb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
183e514a60
bnbweb/themes/vr/web/web.html

347 lines
11 KiB
HTML
Executable File
Raw Blame History

<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{$site.cname}</title>
<meta name="description" content="{$site.mdesc}">
<meta name="keywords" content="{$site.mkeyword}">
<link rel="stylesheet" type="text/css" href="{$tpl}css/layout.css">
<link rel="stylesheet" type="text/css" href="{$tpl}css/home.css?v=5">
<link rel="stylesheet" type="text/css" href="{$tpl}css/fac.css">
<link rel="stylesheet" type="text/css" href="{$tpl}css/video.css?v=5">
<link rel="stylesheet" type="text/css" href="{$tpl}css/jquery.mb.YTPlayer.min.css">
<script src="{$tpl}js/include.js"></script>
<script src="{$tpl}js/jquery.mb.YTPlayer.js"></script>
<script src="{$tpl}js/player.js"></script>
</head>
<body>
<div class="loadingArea">
<div class="loadingMask"></div>
<div class="loader">
<div class="Img"><img src="{$site.slogo}"></div>
<div class="spin"><img src="images/loader.svg"></div>
</div>
</div>
<div class="outerWrap b-box">
<div class="bannerArea b-box">
<div class="wrap b-box">
<div class="bannerBox">
<div class="bannerTopLogo"></div>
<ul id="banner">
<li>
<img src="{$site.index_banner}" alt="banner">
<div class="bannerContent">
<div class="titleBox">
<div class="topTitle">{$site.ename}</div>
<div class="bottomTitle">{$site.cname}</div>
</div>
<span style="font-size:1rem;"><span style="color:#ffffff;">
{$site.slogon}
</span></span>
<br />
<div class="pc">
<div class="btn clearfix">
<a href="tel:{$site.tel}" target="_blank"><i class="fa fa-calendar-check-o"></i> 立即來電訂房</a>
<a href="{$site.vrmap2}" target="_blank"><i class="fa fa-youtube-play"></i> VR環境實景</a>
</div>
</div>
</div>
<div class="playerBox pc" style="background:url('{$site.index_banner}'); background-size:cover;">
<div id="bgndVideo" class="player pc" data-property="{videoURL:'{$site.index_ytb}',containment:'.playerBox',autoPlay:true, mute:true, startAt:0, opacity:1}">My video</div>
</div>
</li>
</ul>
</div>
</div>
<div class="btnDown"></div>
</div>
<header>
<div class="wrap b-box clearfix">
<div class="leftBox clearfix">
<div class="logo"><a href="/" title="{$site.cname}" style="background: url({$site.logo}) no-repeat;">{$site.cname}</a></div>
</div>
<nav class="menuBox">
<ul class="menu cleafix">
<li id="menu01"><a href="#about">關於我們</a></li>
<li id="menu02"><a href="#news">優惠新訊</a></li>
<li id="menu03"><a href="room.php?site_name={$site_name}&act=list">客房介紹</a></li>
<li id="menu04"><a href="#location">交通位置</a></li>
<li id="menu05"><a href="#fac">服務設施</a></li>
<li id="menu06"><a href="#vr">VR實境</a></li>
</ul>
</nav>
<div class="social">
{if $site.line}
<a class="fb" href="{$site.line}" target="_blank"><i class="fa fa-comment"></i></a>
{/if}
<a href="mailto:{$site.email}" class="contactLink" data-mail="{$site.email}"><i class="fa fa-envelope"></i></a>
<a href="tel:{$site.tel}"><i class="fa fa-phone"></i></a>
{if $site.facebook}
<a class="fb" href="{$site.facebook}" target="_blank"><i class="fa fa-facebook"></i></a>
{/if}
</div>
<div class="rightBox" id="headerBooking">
<a href="tel:{$site.tel}" target="_blank">來電訂房 / BOOKING</a>
</div>
</div>
</header>
<div class="mainArea">
<div class="newsArea" id="news">
<div class="wrap b-box clearfix">
<div class="topBox">
<div class="boxWrap">
<span>優惠新訊</span>
<h3>
<a href="news.php?site_name={$site_name}&act=list" data-news="NEWS">NEWS</a>
</h3>
</div>
</div>
<ul class="clearfix" id="newsAreaLink">
<!--{foreach from=$news_list item=news name=news}-->
<li class="g-tl-4 g-tv-12 clearfix">
<div class="item clearfix">
<div class="Img"><a href="news.php?site_name={$site_name}&id={$news.id}" title="{$news.subject}"><img src="{$news.image}"></a></div>
<div class="Txt b-box">
<div class="date">{$news.start_time}</div>
<h3><a href="news.php?site_name={$site_name}&id={$news.id}" title="{$news.subject}" data-abhover="{$news.subject}">{$news.subject}</a></h3>
<a href="news.php?site_name={$site_name}&id={$news.id}" class="btnMore">View More</a>
</div>
</div>
</li>
<!--{/foreach}-->
</ul>
</div>
</div>
<div class="roomArea" id="rooms">
<div class="wrap b-box clearfix">
<div class="leftBox">
<ul class="roomList clearfix" id="roomList">
<!--{foreach from=$rooms_list item=room name=room}-->
<li class="">
<div class="item clearfix">
<div class="Img">
<a href="room.php?site_name={$site_name}&id={$room.id}">
<img src="{$room.image1}" alt="{$room.name}">
</a>
</div>
</div>
</li>
<!--{/foreach}-->
</ul>
</div>
<div class="rightBox">
<div class="topBox">
<div class="boxWrap">
<span>客房介紹</span>
<h3><a href="room.php?act=list" data-news="ROOM">ROOM</a></h3>
</div>
</div>
<ul class="roomTxtList clearfix" id="roomTxtList">
<!--{foreach from=$rooms_list item=room name=room}-->
<li class="">
<div class="item clearfix">
<div class="Txt b-box">
<h3><strong><a href="room.php?site_name={$site_name}&id={$room.id}" >{$room.name}</a></strong></h3>
<p class="ellipsis">{$room.price}</p>
<a href="room.php?site_name={$site_name}&id={$room.id}" class="btnMore">View More</a>
</div>
</div>
</li>
<!--{/foreach}-->
</ul>
<div class="arrowBox">
<div class="prevArrow"></div>
<div class="nextArrow"></div>
</div>
</div>
</div>
</div>
<div class="aboutArea" id="about">
<div class="wrap b-box clearfix">
<div class="Img"><img src="{$site.about_image}" alt="about"></div>
<div class="contentArea">
<div class="topBox">
<div class="rightBox">
<div class="Txt">
{$site.aboutus}
<div class="btn">
<a href="tel:{$site.tel}">Contact Us</a>
</div>
</div>
</div>
</div>
<div class="bottomBox">
<div class="leftBox">
<h2>about</h2>
</div>
</div>
</div>
</div>
</div>
<div class="mapArea" id="location">
<div class="wrap b-box clearfix">
<div class="topBox topBox04">
<div class="boxWrap">
<span>交通位置</span>
<h3>
<a href="javascript:;" data-location="LOCATION">LOCATION</a>
</h3>
</div>
</div>
<div class="textEditor">
<iframe allowfullscreen="{$site.location_map}" frameborder="0" scrolling="no" src="{$site.location_map}" style="border:0" width="100%" height="450"></iframe><br />
<br />
{$site.location_desc}
</div>
</div>
</div>
<div class="mapArea mapArea123" id="fac">
<div class="wrap b-box clearfix">
<div class="pc" style="text-align: center;">
<div class="topBox">
<div class="boxWrap">
<span>環境設施</span>
<h3>
<a href="javascript:;" data-location="FACILITY">FACILITY</a>
</h3>
</div>
</div>
</div>
<div class="mo">
<div class="topBox">
<div class="boxWrap">
<span>環境設施</span>
<h3>
<a href="javascript:;" data-location="FACILITY">FACILITY</a>
</h3>
</div>
</div>
</div>
<div class="contentBox clearfix">
<div class="classBox">
<ul class="classLink">
<!--{foreach from=$fac_list item=fac name=fac}-->
<li><a href="javascript:;" class="{if $fac.selected}current{/if}">{$fac.name}</a></li>
<!--{/foreach}-->
</ul>
<div class="m_classLink"></div>
</div>
<ul class="facList clearfix">
<!--{foreach from=$facility_list item=facility name=facility}-->
<li class="g-d-3 g-ml-6 g-mv-12 clearfix">
<div class="Img"><a class="titan-lb" data-titan-group="gallery" data-fancybox="group" rel="fancybox-thumb" href="{$facility.img_url}"><img src="{$facility.img_url}"></a></div>
</li>
<!--{/foreach}-->
</ul>
</div>
</div>
</div>
<div class="mapArea mapArea123" id="vr">
<div class="wrap b-box clearfix">
<div class="pc" style="text-align: center;">
<div class="topBox topBox06">
<div class="boxWrap">
<span>VR實境</span>
<h3>
<a href="javascript:;" data-location="VIRTUAL REALITY">VIRTUAL REALITY</a>
</h3>
</div>
</div>
</div>
<div class="mo">
<div class="topBox topBox06">
<div class="boxWrap">
<span>VR實境</span>
<h3>
<a href="javascript:;" data-location="VIRTUAL REALITY">VIRTUAL REALITY</a>
</h3>
</div>
</div>
</div>
<div class="contentBox clearfix" style="margin-top: 5%;">
<iframe src="{$site.vrmap}" width="100%" height="650" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
<footer class="clearfix">
<div class="wrap b-box clearfix">
<div class="g-4 row one">
<ul class="downMenu cleafix">
<li id="menu11"><a href="#about">關於我們</a></li>
<li id="menu12"><a href="#news">優惠新訊</a></li>
<li id="menu13"><a href="room.php?site_name={$site_name}&act=list">客房介紹</a></li>
<li id="menu14"><a href="#location">交通位置</a></li>
<li id="menu15"><a href="#fac">服務設施</a></li>
<li id="menu16"><a href="#vr">VR實境</a></li>
</ul>
</div>
<div class="g-3 row two">
<h5 class="copyright">
<p>{$site.cname}</p><p class="en">{$site.ename}</p><br />
<address>{$site.address}</address><br />
{$site.tel}<br />
{$site.email}</h5>
</div>
<div class="g-5 row three clearfix">
<div class="title">Contact Us</div>
<div class="social">
<a href="mailto:{$site.email}" class="contactLink" data-mail="{$site.email}"><i class="fa fa-envelope"></i></a>
<a href="tel:{$site.tel}"><i class="fa fa-phone"></i></a>
{if $site.facebook}
<a class="fb" href="{$site.facebook}" target="_blank"><i class="fa fa-facebook"></i></a>
{/if}
{if $site.line}
<a class="fb" href="{$site.line}" target="_blank"><i class="fa fa-comment"></i></a>
{/if}
</div>
<div class="endArea">{$site.ename} © ALL RIGHTS RESERVED.</div>
</div>
</div>
<div class="top"></div>
</footer>
</div>
<canvas class="clickFire"></canvas>
<div class="m_menu b-box clearfix">
<div class="mask"></div>
<div class="controlBox clearfix">
<a class="main"><i class="fa fa-reorder"></i></a>
<div class="m_logo"><a href="/"><img src="{$site.slogo}"></a></div>
<div class="bookingBox">
<a href="tel:{$site.tel}" target="_blank">BOOKING</a>
</div>
</div>
<div class="hideBox">
<p class="sp">CONTACT</p>
<div class="mfun">
<a href="{$site.vrmap2}" class="marker" target="_blank"><i class="fa fa-map-marker"></i></a>
<a href="tel:{$site.tel}"><i class="fa fa-phone"></i></a>
<a href="#" class="contactLink" data-mail="{$site.email}"><i class="fa fa-envelope"></i></a>
{if $site.line}
<a href="{$site.line}"><i class="fa fa-comment"></i></a>
{/if}
</div>
<!--<p class="sp sp_menu">MENU</p>-->
</div>
</div>
<div class="fMenu">
<ul class="clearfix">
<li><a href="/"><i class="fa fa-calendar-check-o"></i><span>首頁</span></a></li>
<li><a href="room.php?site_name={$site_name}&act=list"><i class="fa fa-bed"></i><span>客房</span></a></li>
<li><a href="#news"><i class="fa fa-rss"></i><span>消息</span></a></li>
<li><a href="#vr" class="marker"><i class="fa fa-map-marker"></i><span>地圖</span></a></li>
<li><a class="goTop"><i class="fa fa-angle-up"></i><span>Top</span></a></li>
</ul>
</div>
<link rel="stylesheet" href="{$tpl}css/index.css">
<script src="{$tpl}js/index.js?v=20200726"></script>
<script src="{$tpl}js/google.js"></script>
<script type="text/javascript" src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<div id="fb-root"></div>
<script src="{$tpl}js/fb.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink