yunzerwebsite/yunzerwebsiteallinone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加模板

Browse Source
This commit is contained in:
hero920103
2026-08-20 10:30:53 +08:00
parent 758f072494
commit 112d60b993
36 changed files with 16465 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
go/themes/theme1/index.html
+906
View File
@@ -0,0 +1,906 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<!--====== 必需的元标签 ======-->
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="description" content="云泽网 - 数字化解决方案与商业服务" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!--====== 标题 ======-->
<title>云泽网 - {yz:sitename}</title>
<!--====== 网站图标 ======-->
<link rel="shortcut icon" href="{yz:ico}" type="image/svg" />
<!--====== Bootstrap 样式 ======-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<!--====== Line Icons 样式 ======-->
<link rel="stylesheet" href="assets/css/lineicons.css" />
<!--====== Tiny Slider 样式 ======-->
<link rel="stylesheet" href="assets/css/tiny-slider.css" />
<!--====== gLightBox 样式 ======-->
<link rel="stylesheet" href="assets/css/glightbox.min.css" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!--====== 导航栏 开始 ======-->
<section class="navbar-area navbar-nine">
<div class="container">
<div class="row">
<div class="col-lg-12">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="index.html">
<img src="{yz:logo}" alt="{yz:sitename}" />
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNine"
aria-controls="navbarNine" aria-expanded="false" aria-label="切换导航">
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarNine">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="page-scroll" href="/">主页</a>
</li>
{yz:nav}
<li class="nav-item">
<a class="page-scroll" href="[field:url/]">[field:name/]</a>
[field:children/]
</li>
{/yz:nav}
</ul>
</div>
<div class="navbar-btn d-none d-lg-inline-block">
<a class="menu-bar" href="#side-menu-left"><i class="lni lni-menu"></i></a>
</div>
</nav>
<!-- 导航栏 -->
</div>
</div>
<!-- row -->
</div>
<!-- container -->
</section>
<!--====== 导航栏 结束 ======-->
<!--====== 侧边栏 开始 ======-->
<div class="sidebar-left">
<div class="sidebar-close">
<a class="close" href="#close"><i class="lni lni-close"></i></a>
</div>
<div class="sidebar-content">
<div class="sidebar-logo">
<a href="index.html"><img src="assets/images/logo.svg" alt="云泽网" /></a>
</div>
<p class="text">我们致力于为品牌提供卓越的数字解决方案，用技术创造无限可能。</p>
<!-- logo -->
<div class="sidebar-menu">
<h5 class="menu-title">快速链接</h5>
<ul>
<li><a href="javascript:void(0)">关于我们</a></li>
<li><a href="javascript:void(0)">我们的团队</a></li>
<li><a href="javascript:void(0)">最新动态</a></li>
<li><a href="javascript:void(0)">联系我们</a></li>
</ul>
</div>
<!-- menu -->
<div class="sidebar-social align-items-center justify-content-center">
<h5 class="social-title">关注我们</h5>
<ul>
<li>
<a href="javascript:void(0)"><i class="lni lni-facebook-filled"></i></a>
</li>
<li>
<a href="javascript:void(0)"><i class="lni lni-twitter-original"></i></a>
</li>
<li>
<a href="javascript:void(0)"><i class="lni lni-linkedin-original"></i></a>
</li>
<li>
<a href="javascript:void(0)"><i class="lni lni-youtube"></i></a>
</li>
</ul>
</div>
<!-- 侧边栏社交 -->
</div>
<!-- content -->
</div>
<div class="overlay-left"></div>
<!--====== 侧边栏 结束 ======-->
<!-- 头部区域 开始 -->
<section id="hero-area" class="header-area header-eight">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-12 col-12">
<div class="header-content">
<h1>欢迎访问云泽网</h1>
<p>
我们是一家数字机构，帮助品牌实现商业目标。我们视技术为创造卓越成果的工具。
</p>
<div class="button">
<a href="javascript:void(0)" class="btn primary-btn">了解详情</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-12">
<div class="header-image">
<img src="assets/images/header/hero-image.jpg" alt="云泽网 创意设计" />
</div>
</div>
</div>
</div>
</section>
<!-- 头部区域 结束 -->
<!--====== 关于我们 开始 ======-->
<section class="about-area about-five">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-12">
<div class="about-image-five">
<svg class="shape" width="106" height="134" viewBox="0 0 106 134" fill="none"
xmlns="http://www.w3.org/2000/svg">
<circle cx="1.66654" cy="1.66679" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="16.3335" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="31.0001" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="45.6668" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="60.3335" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="88.6668" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="117.667" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="74.6668" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="103" r="1.66667" fill="#DADADA" />
<circle cx="1.66654" cy="132" r="1.66667" fill="#DADADA" />
<circle cx="16.3333" cy="1.66679" r="1.66667" fill="#DADADA" />
<circle cx="16.3333" cy="16.3335" r="1.66667" fill="#DADADA" />
<circle cx="16.3333" cy="31.0001" r="1.66667" fill="#DADADA" />
<circle cx="16.3333" cy="45.6668" r="1.66667" fill="#DADADA" />
<circle cx="16.333" cy="60.3335" r="1.66667" fill="#DADADA" />
<circle cx="16.333" cy="88.6668" r="1.66667" fill="#DADADA" />
<circle cx="16.333" cy="117.667" r="1.66667" fill="#DADADA" />
<circle cx="16.333" cy="74.6668" r="1.66667" fill="#DADADA" />
<circle cx="16.333" cy="103" r="1.66667" fill="#DADADA" />
<circle cx="16.333" cy="132" r="1.66667" fill="#DADADA" />
<circle cx="30.9998" cy="1.66679" r="1.66667" fill="#DADADA" />
<circle cx="74.6665" cy="1.66679" r="1.66667" fill="#DADADA" />
<circle cx="30.9998" cy="16.3335" r="1.66667" fill="#DADADA" />
<circle cx="74.6665" cy="16.3335" r="1.66667" fill="#DADADA" />
<circle cx="30.9998" cy="31.0001" r="1.66667" fill="#DADADA" />
<circle cx="74.6665" cy="31.0001" r="1.66667" fill="#DADADA" />
<circle cx="30.9998" cy="45.6668" r="1.66667" fill="#DADADA" />
<circle cx="74.6665" cy="45.6668" r="1.66667" fill="#DADADA" />
<circle cx="31" cy="60.3335" r="1.66667" fill="#DADADA" />
<circle cx="74.6668" cy="60.3335" r="1.66667" fill="#DADADA" />
<circle cx="31" cy="88.6668" r="1.66667" fill="#DADADA" />
<circle cx="74.6668" cy="88.6668" r="1.66667" fill="#DADADA" />
<circle cx="31" cy="117.667" r="1.66667" fill="#DADADA" />
<circle cx="74.6668" cy="117.667" r="1.66667" fill="#DADADA" />
<circle cx="31" cy="74.6668" r="1.66667" fill="#DADADA" />
<circle cx="74.6668" cy="74.6668" r="1.66667" fill="#DADADA" />
<circle cx="31" cy="103" r="1.66667" fill="#DADADA" />
<circle cx="74.6668" cy="103" r="1.66667" fill="#DADADA" />
<circle cx="31" cy="132" r="1.66667" fill="#DADADA" />
<circle cx="74.6668" cy="132" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="1.66679" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="1.66679" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="16.3335" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="16.3335" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="31.0001" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="31.0001" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="45.6668" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="45.6668" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="60.3335" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="60.3335" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="88.6668" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="88.6668" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="117.667" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="117.667" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="74.6668" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="74.6668" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="103" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="103" r="1.66667" fill="#DADADA" />
<circle cx="45.6665" cy="132" r="1.66667" fill="#DADADA" />
<circle cx="89.3333" cy="132" r="1.66667" fill="#DADADA" />
<circle cx="60.3333" cy="1.66679" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="1.66679" r="1.66667" fill="#DADADA" />
<circle cx="60.3333" cy="16.3335" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="16.3335" r="1.66667" fill="#DADADA" />
<circle cx="60.3333" cy="31.0001" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="31.0001" r="1.66667" fill="#DADADA" />
<circle cx="60.3333" cy="45.6668" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="45.6668" r="1.66667" fill="#DADADA" />
<circle cx="60.333" cy="60.3335" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="60.3335" r="1.66667" fill="#DADADA" />
<circle cx="60.333" cy="88.6668" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="88.6668" r="1.66667" fill="#DADADA" />
<circle cx="60.333" cy="117.667" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="117.667" r="1.66667" fill="#DADADA" />
<circle cx="60.333" cy="74.6668" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="74.6668" r="1.66667" fill="#DADADA" />
<circle cx="60.333" cy="103" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="103" r="1.66667" fill="#DADADA" />
<circle cx="60.333" cy="132" r="1.66667" fill="#DADADA" />
<circle cx="104" cy="132" r="1.66667" fill="#DADADA" />
</svg>
<img src="assets/images/about/about-img1.jpg" alt="关于我们 - 团队与经验" />
</div>
</div>
<div class="col-lg-6 col-12">
<div class="about-five-content">
<h6 class="small-title text-lg">我们的故事</h6>
<h2 class="main-title fw-bold">我们的团队拥有丰富的经验和专业知识</h2>
<div class="about-five-tab">
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<button class="nav-link active" id="nav-who-tab" data-bs-toggle="tab" data-bs-target="#nav-who"
type="button" role="tab" aria-controls="nav-who" aria-selected="true">关于我们</button>
<button class="nav-link" id="nav-vision-tab" data-bs-toggle="tab" data-bs-target="#nav-vision"
type="button" role="tab" aria-controls="nav-vision" aria-selected="false">我们的愿景</button>
<button class="nav-link" id="nav-history-tab" data-bs-toggle="tab" data-bs-target="#nav-history"
type="button" role="tab" aria-controls="nav-history" aria-selected="false">发展历程</button>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-who" role="tabpanel" aria-labelledby="nav-who-tab">
<p>我们相信，优秀的设计和清晰的技术能够塑造品牌的未来。我们专注于提供定制化的数字解决方案，帮助客户在竞争中脱颖而出。</p>
<p>从初创企业到行业巨头，我们与各类品牌合作，通过创新驱动业务增长。我们的团队始终以客户需求为核心，打造兼具美感与功能的产品。</p>
</div>
<div class="tab-pane fade" id="nav-vision" role="tabpanel" aria-labelledby="nav-vision-tab">
<p>我们的愿景是成为数字创新领域的引领者，通过科技赋能商业，让每一个创意都能落地生根，创造真正的社会与商业价值。</p>
<p>我们期待构建一个开放、协作的生态系统，与合作伙伴共同探索未来的可能性，推动行业持续进步。</p>
</div>
<div class="tab-pane fade" id="nav-history" role="tabpanel" aria-labelledby="nav-history-tab">
<p>自成立以来，我们始终秉持匠心精神，不断打磨技术与服务。从第一个项目到如今服务全球客户，每一步都见证着我们的成长与坚持。</p>
<p>我们珍视每一次合作，并将其视为推动自我革新的契机。未来的路，我们期待与更多伙伴携手同行。</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- container -->
</section>
<!--====== 关于我们 结束 ======-->
<!-- ===== 服务区域 开始 ===== -->
<section id="services" class="services-area services-eight">
<!--====== 标题区域 开始 ======-->
<div class="section-title-five">
<div class="container">
<div class="row">
<div class="col-12">
<div class="content">
<h6>我们的服务</h6>
<h2 class="fw-bold">核心业务</h2>
<p>
我们提供从策略到执行的全链路服务，助力品牌实现数字化升级。
</p>
</div>
</div>
</div>
<!-- row -->
</div>
<!-- container -->
</div>
<!--====== 标题区域 结束 ======-->
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="single-services">
<div class="service-icon">
<i class="lni lni-capsule"></i>
</div>
<div class="service-content">
<h4>焕新设计</h4>
<p>
以用户为中心，打造兼具视觉冲击与极致体验的界面设计，让品牌形象焕然一新。
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-services">
<div class="service-icon">
<i class="lni lni-bootstrap"></i>
</div>
<div class="service-content">
<h4>坚实 Bootstrap 5</h4>
<p>
基于最新 Bootstrap 5 框架，确保项目具有出色的响应式布局和稳定的性能表现。
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-services">
<div class="service-icon">
<i class="lni lni-shortcode"></i>
</div>
<div class="service-content">
<h4>100+ 组件库</h4>
<p>
内置丰富的组件与模块，灵活组合，快速搭建企业级应用与营销页面。
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-services">
<div class="service-icon">
<i class="lni lni-dashboard"></i>
</div>
<div class="service-content">
<h4>性能优化</h4>
<p>
从代码到资源加载，全方位优化，确保网站与应用拥有闪电般的访问速度。
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-services">
<div class="service-icon">
<i class="lni lni-layers"></i>
</div>
<div class="service-content">
<h4>完全自定义</h4>
<p>
所有设计均支持深度定制，贴合品牌调性与业务需求，拒绝模板化。
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-services">
<div class="service-icon">
<i class="lni lni-reload"></i>
</div>
<div class="service-content">
<h4>持续迭代</h4>
<p>
我们提供长期的技术支持与功能更新，保障产品始终与时俱进。
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ===== 服务区域 结束 ===== -->
<!-- 价格区域 开始 -->
<section id="pricing" class="pricing-area pricing-fourteen">
<!--====== 标题区域 开始 ======-->
<div class="section-title-five">
<div class="container">
<div class="row">
<div class="col-12">
<div class="content">
<h6>定价方案</h6>
<h2 class="fw-bold">灵活的价格策略</h2>
<p>
我们提供多种套餐，满足不同规模企业的需求。所有方案均包含核心功能，无隐藏费用。
</p>
</div>
</div>
</div>
<!-- row -->
</div>
<!-- container -->
</div>
<!--====== 标题区域 结束 ======-->
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-12">
<div class="pricing-style-fourteen">
<div class="table-head">
<h6 class="title">入门版</h4>
<p>适合个人开发者或小型项目，快速起步。</p>
<div class="price">
<h2 class="amount">
<span class="currency">$</span>0<span class="duration">/月 </span>
</h2>
</div>
</div>
<div class="light-rounded-buttons">
<a href="javascript:void(0)" class="btn primary-btn-outline">
免费试用
</a>
</div>
<div class="table-content">
<ul class="table-list">
<li> <i class="lni lni-checkmark-circle"></i> 基础组件使用</li>
<li> <i class="lni lni-checkmark-circle"></i> 社区支持</li>
<li> <i class="lni lni-checkmark-circle deactive"></i> 高级组件库</li>
<li> <i class="lni lni-checkmark-circle deactive"></i> 专属技术支持</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="pricing-style-fourteen middle">
<div class="table-head">
<h6 class="title">进阶版</h4>
<p>为成长型企业打造，提供更多扩展功能。</p>
<div class="price">
<h2 class="amount">
<span class="currency">$</span>99<span class="duration">/月 </span>
</h2>
</div>
</div>
<div class="light-rounded-buttons">
<a href="javascript:void(0)" class="btn primary-btn">
免费试用
</a>
</div>
<div class="table-content">
<ul class="table-list">
<li> <i class="lni lni-checkmark-circle"></i> 全组件使用</li>
<li> <i class="lni lni-checkmark-circle"></i> 优先邮件支持</li>
<li> <i class="lni lni-checkmark-circle"></i> 自定义主题</li>
<li> <i class="lni lni-checkmark-circle deactive"></i> 专属客户经理</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="pricing-style-fourteen">
<div class="table-head">
<h6 class="title">尊享版</h4>
<p>面向大型组织，提供全方位定制与专属服务。</p>
<div class="price">
<h2 class="amount">
<span class="currency">$</span>150<span class="duration">/月 </span>
</h2>
</div>
</div>
<div class="light-rounded-buttons">
<a href="javascript:void(0)" class="btn primary-btn-outline">
免费试用
</a>
</div>
<div class="table-content">
<ul class="table-list">
<li> <i class="lni lni-checkmark-circle"></i> 所有高级功能</li>
<li> <i class="lni lni-checkmark-circle"></i> 7x24 技术支持</li>
<li> <i class="lni lni-checkmark-circle"></i> 专属定制开发</li>
<li> <i class="lni lni-checkmark-circle"></i> 战略咨询顾问</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!--/ 价格区域 结束 -->
<!-- 行动号召区域 开始 -->
<section id="call-action" class="call-action">
<div class="container">
<div class="row justify-content-center">
<div class="col-xxl-6 col-xl-7 col-lg-8 col-md-9">
<div class="inner-content">
<h2>我们将提供满意的 <br />商业解决方案</h2>
<p>
从策略咨询到落地实施，我们陪伴企业每一步成长。用专业的技术与创意，激发商业的无限潜能。
</p>
<div class="light-rounded-buttons">
<a href="javascript:void(0)" class="btn primary-btn-outline">立即咨询</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 行动号召区域 结束 -->
<!-- 最新动态区域 开始 -->
<div id="blog" class="latest-news-area section">
<!--====== 标题区域 开始 ======-->
<div class="section-title-five">
<div class="container">
<div class="row">
<div class="col-12">
<div class="content">
<h6>最新资讯</h6>
<h2 class="fw-bold">新闻与博客</h2>
<p>
分享行业洞察、技术干货与团队动态，与您一同探索数字世界的边界。
</p>
</div>
</div>
</div>
<!-- row -->
</div>
<!-- container -->
</div>
<!--====== 标题区域 结束 ======-->
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-12">
<!-- 单篇新闻 -->
<div class="single-news">
<div class="image">
<a href="javascript:void(0)"><img class="thumb" src="assets/images/blog/1.jpg" alt="博客文章" /></a>
<div class="meta-details">
<img class="thumb" src="assets/images/blog/b6.jpg" alt="作者头像" />
<span>作者：张明</span>
</div>
</div>
<div class="content-body">
<h4 class="title">
<a href="javascript:void(0)"> 如何打造设计驱动的团队文化 </a>
</h4>
<p>
设计不仅仅是美学，更是解决问题的思维方式。本文分享了我们在团队中推行设计驱动的实践与经验。
</p>
</div>
</div>
<!-- 单篇新闻结束 -->
</div>
<div class="col-lg-4 col-md-6 col-12">
<!-- 单篇新闻 -->
<div class="single-news">
<div class="image">
<a href="javascript:void(0)"><img class="thumb" src="assets/images/blog/2.jpg" alt="博客文章" /></a>
<div class="meta-details">
<img class="thumb" src="assets/images/blog/b6.jpg" alt="作者头像" />
<span>作者：李薇</span>
</div>
</div>
<div class="content-body">
<h4 class="title">
<a href="javascript:void(0)">
2026 年最值得关注的前端框架
</a>
</h4>
<p>
技术演进日新月异，我们梳理了当前最具潜力与社区活力的前端框架，助你做出更明智的技术选型。
</p>
</div>
</div>
<!-- 单篇新闻结束 -->
</div>
<div class="col-lg-4 col-md-6 col-12">
<!-- 单篇新闻 -->
<div class="single-news">
<div class="image">
<a href="javascript:void(0)"><img class="thumb" src="assets/images/blog/3.jpg" alt="博客文章" /></a>
<div class="meta-details">
<img class="thumb" src="assets/images/blog/b6.jpg" alt="作者头像" />
<span>作者：王磊</span>
</div>
</div>
<div class="content-body">
<h4 class="title">
<a href="javascript:void(0)">
提升用户留存的 5 个关键策略
</a>
</h4>
<p>
用户留存是增长的基石。我们结合案例，总结了提升用户粘性与活跃度的实用方法，值得收藏。
</p>
</div>
</div>
<!-- 单篇新闻结束 -->
</div>
</div>
</div>
</div>
<!-- 最新动态区域 结束 -->
<!-- 品牌展示区域 开始 -->
<div id="clients" class="brand-area section">
<!--====== 标题区域 开始 ======-->
<div class="section-title-five">
<div class="container">
<div class="row">
<div class="col-12">
<div class="content">
<h6>合作伙伴</h6>
<h2 class="fw-bold">我们的优秀客户</h2>
<p>
我们与来自不同行业的领先品牌建立了长期合作关系，共同创造卓越价值。
</p>
</div>
</div>
</div>
<!-- row -->
</div>
<!-- container -->
</div>
<!--====== 标题区域 结束 ======-->
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 col-12">
<div class="clients-logos">
<div class="single-image">
<img src="assets/images/client-logo/graygrids.svg" alt="品牌伙伴" />
</div>
<div class="single-image">
<img src="assets/images/client-logo/uideck.svg" alt="品牌伙伴" />
</div>
<div class="single-image">
<img src="assets/images/client-logo/ayroui.svg" alt="品牌伙伴" />
</div>
<div class="single-image">
<img src="assets/images/client-logo/lineicons.svg" alt="品牌伙伴" />
</div>
<div class="single-image">
<img src="assets/images/client-logo/tailwindtemplates.svg" alt="品牌伙伴" />
</div>
<div class="single-image">
<img src="assets/images/client-logo/ecomhtml.svg" alt="品牌伙伴" />
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 品牌展示区域 结束 -->
<!-- ========================= 联系区域 开始 ========================= -->
<section id="contact" class="contact-section">
<div class="container">
<div class="row">
<div class="col-xl-4">
<div class="contact-item-wrapper">
<div class="row">
<div class="col-12 col-md-6 col-xl-12">
<div class="contact-item">
<div class="contact-icon">
<i class="lni lni-phone"></i>
</div>
<div class="contact-content">
<h4>联系方式</h4>
<p>0984537278623</p>
<p>yourmail@yunzer.cn</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-xl-12">
<div class="contact-item">
<div class="contact-icon">
<i class="lni lni-map-marker"></i>
</div>
<div class="contact-content">
<h4>公司地址</h4>
<p>北京市朝阳区建国路88号SOHO现代城</p>
<p>中国 · 北京</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-xl-12">
<div class="contact-item">
<div class="contact-icon">
<i class="lni lni-alarm-clock"></i>
</div>
<div class="contact-content">
<h4>营业时间</h4>
<p>24小时 / 7天 在线</p>
<p>办公时间：上午 10:00 - 下午 5:30</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-8">
<div class="contact-form-wrapper">
<div class="row">
<div class="col-xl-10 col-lg-8 mx-auto">
<div class="section-title text-center">
<span> 联系我们 </span>
<h2>
准备开始吧！
</h2>
</div>
</div>
</div>
<form action="#" class="contact-form">
<div class="row">
<div class="col-md-6">
<input type="text" name="name" id="name" placeholder="姓名" required />
</div>
<div class="col-md-6">
<input type="email" name="email" id="email" placeholder="邮箱" required />
</div>
</div>
<div class="row">
<div class="col-md-6">
<input type="text" name="phone" id="phone" placeholder="手机号" required />
</div>
<div class="col-md-6">
<input type="text" name="title" id="title" placeholder="标题" required />
</div>
</div>
<div class="row">
<div class="col-12">
<textarea name="message" id="message" placeholder="请输入内容" rows="5"></textarea>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="button text-center rounded-buttons">
<button type="submit" class="btn primary-btn rounded-full">
发送
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- ========================= 联系区域 结束 ========================= -->
<!-- ========================= 地图区域 (已注释) ========================= -->
<!--<section class="map-section map-style-9">-->
<!-- <div class="map-container">-->
<!-- <object style="border:0; height: 500px; width: 100%;"-->
<!-- data="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3102.7887109309127!2d-77.44196278417968!3d38.95165507956235!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzjCsDU3JzA2LjAiTiA3N8KwMjYnMjMuMiJX!5e0!3m2!1sen!2sbd!4v1545420879707"></object>-->
<!-- </div>-->
<!-- </div>-->
<!--</section>-->
<!-- ========================= 地图区域 结束 ========================= -->
<!-- 页脚区域 开始 -->
<footer class="footer-area footer-eleven">
<!-- 页脚顶部 开始 -->
<div class="footer-top">
<div class="container">
<div class="inner-content">
<div class="row">
<div class="col-lg-4 col-md-6 col-12">
<!-- 单个小组件 -->
<div class="footer-widget f-about">
<div class="logo">
<a href="index.html">
<img src="{yz:logo}" alt="云泽网" class="img-fluid" />
</a>
</div>
<p>
{yz:description}
</p>
<p class="copyright-text">
<span>备案号:{yz:icp}<br>{yz:copyright}&nbsp;&nbsp;<a href="www.yunzer.cn" rel="nofollow"> 云泽网 </a></span>
</p>
</div>
<!-- 单个小组件 结束 -->
</div>
<div class="col-lg-2 col-md-6 col-12">
<!-- 单个小组件 -->
<div class="footer-widget f-link">
<h5>解决方案</h5>
<ul>
<li><a href="javascript:void(0)">市场营销</a></li>
<li><a href="javascript:void(0)">数据分析</a></li>
<li><a href="javascript:void(0)">电子商务</a></li>
<li><a href="javascript:void(0)">商业洞察</a></li>
</ul>
</div>
<!-- 单个小组件 结束 -->
</div>
<div class="col-lg-2 col-md-6 col-12">
<!-- 单个小组件 -->
<div class="footer-widget f-link">
<h5>技术支持</h5>
<ul>
<li><a href="javascript:void(0)">价格方案</a></li>
<li><a href="javascript:void(0)">开发文档</a></li>
<li><a href="javascript:void(0)">使用指南</a></li>
<li><a href="javascript:void(0)">API 状态</a></li>
</ul>
</div>
<!-- 单个小组件 结束 -->
</div>
<div class="col-lg-4 col-md-6 col-12">
<!-- 单个小组件 -->
<div class="footer-widget newsletter">
<h5>订阅我们</h5>
<p>订阅我们，获取最新资讯</p>
<form action="#" method="get" target="_blank" class="newsletter-form">
<input name="EMAIL" placeholder="邮箱地址" required="required" type="email" />
<div class="button">
<button class="sub-btn">
<i class="lni lni-envelope"></i>
</button>
</div>
</form>
</div>
<!-- 单个小组件 结束 -->
</div>
</div>
</div>
</div>
</div>
<!--/ 页脚顶部 结束 -->
</footer>
<!--/ 页脚区域 结束 -->
<a href="#" class="scroll-top btn-hover">
<i class="lni lni-chevron-up"></i>
</a>
<!--====== JavaScript 文件 ======-->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/glightbox.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/tiny-slider.js"></script>
<script>
//===== 点击导航链接后关闭折叠菜单
let navbarTogglerNine = document.querySelector(
".navbar-nine .navbar-toggler"
);
navbarTogglerNine.addEventListener("click", function () {
navbarTogglerNine.classList.toggle("active");
});
// ==== 左侧侧边栏切换
let sidebarLeft = document.querySelector(".sidebar-left");
let overlayLeft = document.querySelector(".overlay-left");
let sidebarClose = document.querySelector(".sidebar-close .close");
overlayLeft.addEventListener("click", function () {
sidebarLeft.classList.toggle("open");
overlayLeft.classList.toggle("open");
});
sidebarClose.addEventListener("click", function () {
sidebarLeft.classList.remove("open");
overlayLeft.classList.remove("open");
});
// ===== 导航栏侧边菜单按钮
let sideMenuLeftNine = document.querySelector(".navbar-nine .menu-bar");
sideMenuLeftNine.addEventListener("click", function () {
sidebarLeft.classList.add("open");
overlayLeft.classList.add("open");
});
//========= 初始化 glightbox 视频播放
GLightbox({
'href': 'https://www.youtube.com/watch?v=r44RKWyfcFw&fbclid=IwAR21beSJORalzmzokxDRcGfkZA1AtRTE__l5N4r09HcGS5Y6vOluyouM9EM',
'type': 'video',
'source': 'youtube', // vimeo, youtube 或本地视频
'width': 900,
'autoplayVideos': true,
});
</script>
</body>
</html>