Initial project import
This commit is contained in:
inman
155
public/service-agreement.html
Normal file
155
public/service-agreement.html
Normal file
@@ -0,0 +1,155 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>服务协议｜万趣旅行</title>
|
||||
<style>
|
||||
:root {
|
||||
color-scheme: light;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
background: #f4f8ef;
|
||||
color: #243328;
|
||||
font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
|
||||
line-height: 1.75;
|
||||
}
|
||||
|
||||
main {
|
||||
width: min(820px, calc(100% - 40px));
|
||||
margin: 0 auto;
|
||||
padding: 72px 0;
|
||||
}
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #2f7436;
|
||||
}
|
||||
|
||||
.home-link {
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.language-toggle {
|
||||
border: 1px solid rgba(36, 51, 40, 0.18);
|
||||
border-radius: 999px;
|
||||
background: #fff;
|
||||
color: #243328;
|
||||
cursor: pointer;
|
||||
font: inherit;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
padding: 8px 14px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0 0 24px;
|
||||
font-size: clamp(32px, 5vw, 54px);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin: 34px 0 10px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
p,
|
||||
li {
|
||||
color: #536459;
|
||||
}
|
||||
|
||||
[data-lang-content] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
html[data-page-language='zh'] [data-lang-content='zh'],
|
||||
html[data-page-language='en'] [data-lang-content='en'] {
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<header>
|
||||
<a class="home-link" href="/" data-label-zh="返回首页" data-label-en="Back Home">返回首页</a>
|
||||
<button class="language-toggle" type="button" data-label-zh="English" data-label-en="中文">English</button>
|
||||
</header>
|
||||
|
||||
<article data-lang-content="zh">
|
||||
<h1>服务协议</h1>
|
||||
<p>欢迎使用万趣旅行网站。你通过本网站提交咨询或与我们沟通旅行需求，即表示你理解并接受以下服务说明。</p>
|
||||
|
||||
<h2>服务范围</h2>
|
||||
<p>万趣旅行提供贵州定制旅行咨询、线路规划建议、在地执行资源沟通和相关地接服务信息。具体服务内容、价格和履约安排以双方最终确认的方案或合同为准。</p>
|
||||
|
||||
<h2>用户责任</h2>
|
||||
<ul>
|
||||
<li>请确保提交的联系人、出行人数、日期、预算和特殊需求真实、准确。</li>
|
||||
<li>涉及证件、签证、保险、健康状况和户外活动限制的信息，应在确认方案前主动告知。</li>
|
||||
</ul>
|
||||
|
||||
<h2>内容说明</h2>
|
||||
<p>网站展示的线路、图片、酒店、活动和价格信息用于咨询参考，可能因季节、天气、资源档期、政策和供应商情况发生变化。</p>
|
||||
|
||||
<h2>联系我们</h2>
|
||||
<p>如对本协议或服务安排有疑问，请通过 <a href="/contact/">联系页面</a> 与我们沟通。</p>
|
||||
</article>
|
||||
|
||||
<article data-lang-content="en">
|
||||
<h1>Service Agreement</h1>
|
||||
<p>Welcome to the Wanqu Travel website. By submitting an inquiry or communicating travel needs through this website, you acknowledge and accept the following service notes.</p>
|
||||
|
||||
<h2>Scope of Service</h2>
|
||||
<p>Wanqu Travel provides Guizhou custom travel consultation, route-planning advice, local operating-resource communication, and related destination-management service information. Specific service content, pricing, and fulfillment arrangements are subject to the final plan or contract confirmed by both parties.</p>
|
||||
|
||||
<h2>User Responsibilities</h2>
|
||||
<ul>
|
||||
<li>Please ensure that submitted contact details, group size, dates, budget, and special requirements are true and accurate.</li>
|
||||
<li>Information involving documents, visas, insurance, health conditions, and outdoor-activity limits should be disclosed before confirming the plan.</li>
|
||||
</ul>
|
||||
|
||||
<h2>Content Notes</h2>
|
||||
<p>Routes, images, hotels, activities, and pricing shown on the website are for consultation reference and may change due to season, weather, availability, policy, and supplier conditions.</p>
|
||||
|
||||
<h2>Contact Us</h2>
|
||||
<p>If you have questions about this agreement or service arrangements, please contact us through the <a href="/contact/">contact page</a>.</p>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<script>
|
||||
const storageKey = 'wanqu-travel-language';
|
||||
const titleText = {
|
||||
zh: '服务协议｜万趣旅行',
|
||||
en: 'Service Agreement | Wanqu Travel',
|
||||
};
|
||||
|
||||
function applyLanguage(language) {
|
||||
const nextLanguage = language === 'en' ? 'en' : 'zh';
|
||||
document.documentElement.dataset.pageLanguage = nextLanguage;
|
||||
document.documentElement.lang = nextLanguage === 'zh' ? 'zh-CN' : 'en';
|
||||
document.title = titleText[nextLanguage];
|
||||
document.querySelectorAll('[data-label-zh]').forEach((element) => {
|
||||
element.textContent = element.dataset[nextLanguage === 'zh' ? 'labelZh' : 'labelEn'];
|
||||
});
|
||||
localStorage.setItem(storageKey, nextLanguage);
|
||||
}
|
||||
|
||||
applyLanguage(localStorage.getItem(storageKey));
|
||||
document.querySelector('.language-toggle').addEventListener('click', () => {
|
||||
const current = document.documentElement.dataset.pageLanguage;
|
||||
applyLanguage(current === 'zh' ? 'en' : 'zh');
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user