You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
2.9 KiB
85 lines
2.9 KiB
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!--小图标 -->
|
|
<link rel="icon" href="../public/favicon.ico" type="image/x-icon" />
|
|
<title>极创科技</title>
|
|
<link rel="stylesheet" href="../css/pc.css">
|
|
</link>
|
|
<link rel="stylesheet" href="../css/phone.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- 固定导航栏 -->
|
|
<nav class="navbar">
|
|
<div class="nav-container">
|
|
<a href="#" class="nav-logo">LOGO</a>
|
|
|
|
<!-- 汉堡菜单按钮 -->
|
|
<div class="menu-toggle">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
|
|
<ul class="nav-menu">
|
|
<li class="nav-item"><a href="#section1" class="nav-link">首页</a></li>
|
|
<li class="nav-item"><a href="#section2" class="nav-link">公司介绍</a></li>
|
|
<li class="nav-item"><a href="#section3" class="nav-link">公司资质</a></li>
|
|
<li class="nav-item"><a href="#section4" class="nav-link">服务内容</a></li>
|
|
<li class="nav-item"><a href="#section5" class="nav-link">行业案例</a></li>
|
|
<li class="nav-item"><a href="#section6" class="nav-link">联系我们</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- 页面模块容器 -->
|
|
<div class="section-container">
|
|
<!-- 首页模块 -->
|
|
<section id="section1" class="section">
|
|
</section>
|
|
<!-- 公司介绍模块 -->
|
|
<section id="section2" class="section">
|
|
<div class="grid-container">
|
|
<div class="grid-item" style="background-image: url(../images/website/智慧教育BG@2x.png);">
|
|
<h2>模块二 - 项目一</h2>
|
|
<p>这里是模块二项目一的内容区域。</p>
|
|
</div>
|
|
<div class="grid-item" style="background-image: url(../images/website/数据建库BG@2x.png);">
|
|
<h2>模块二 - 项目二</h2>
|
|
<p>这里是模块二项目二的内容区域。</p>
|
|
</div>
|
|
<!-- 其他项目 -->
|
|
</div>
|
|
</section>
|
|
<!-- 公司资质模块 -->
|
|
<section id="section3" class="section">
|
|
<h2></h2>
|
|
<p></p>
|
|
</section>
|
|
<!-- 服务内容模块 -->
|
|
<section id="section4" class="section">
|
|
<h2></h2>
|
|
<p></p>
|
|
</section>
|
|
<!-- 行业案例模块 -->
|
|
<section id="section5" class="section">
|
|
<!-- 只在手机端显示的文字 -->
|
|
<div class="only-phone anli">
|
|
123
|
|
</div>
|
|
</section>
|
|
<!-- 联系我们模块 -->
|
|
<section id="section6" class="section">
|
|
<h2></h2>
|
|
<p></p>
|
|
</section>
|
|
</div>
|
|
|
|
<script src="../js/pc.js"></script>
|
|
</body>
|
|
|
|
</html> |