83 lines
2.2 KiB
HTML
83 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title data-field="site_name">企业官网</title>
|
|
<link rel="stylesheet" href="./styles/main.css">
|
|
</head>
|
|
<body>
|
|
<!-- 头部 -->
|
|
<header class="header">
|
|
<div class="container">
|
|
<h1 data-field="site_name">企业官网</h1>
|
|
<nav class="nav">
|
|
<a href="/">首页</a>
|
|
<a href="/news">新闻资讯</a>
|
|
<a href="/solutions">解决方案</a>
|
|
<a href="/contact">联系我们</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- 轮播图 -->
|
|
<section class="banner">
|
|
<div class="banner-slides">
|
|
<div class="slide active" data-field="banner">
|
|
<img src="./images/banner1.jpg" alt="Banner 1">
|
|
<div class="banner-content">
|
|
<h2>欢迎来到我们的网站</h2>
|
|
<p>专业的企业数字化解决方案提供商</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 新闻资讯 -->
|
|
<section class="news section">
|
|
<div class="container">
|
|
<h2 class="section-title">新闻资讯</h2>
|
|
<div class="news-list" data-field="news">
|
|
<div class="news-item">
|
|
<h3>公司动态</h3>
|
|
<p>这里是新闻内容...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 解决方案 -->
|
|
<section class="solutions section">
|
|
<div class="container">
|
|
<h2 class="section-title">解决方案</h2>
|
|
<div class="solutions-grid" data-field="solutions">
|
|
<div class="solution-card">
|
|
<h3>解决方案一</h3>
|
|
<p>详细描述...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 合作伙伴 -->
|
|
<section class="partners section">
|
|
<div class="container">
|
|
<h2 class="section-title">合作伙伴</h2>
|
|
<div class="partners-grid" data-field="partners">
|
|
<div class="partner-logo">Partner Logo</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 底部 -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<p>© 2024 <span data-field="site_name">企业官网</span>. All rights reserved.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- 数据注入脚本 -->
|
|
<script src="./js/theme-loader.js"></script>
|
|
</body>
|
|
</html>
|