81 lines
2.2 KiB
HTML
81 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Document</title>
|
|
<!-- 链入外部样式 -->
|
|
<link rel="stylesheet" href="./css/index.css" />
|
|
<!-- 内部样式 -->
|
|
<style>
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- 首页header部分 -->
|
|
<div id="header">
|
|
<div class="logo">
|
|
<img src="./images/logo.jpg" alt="logo" />
|
|
</div>
|
|
<div class="nav">
|
|
<ul>
|
|
<li>首页</li>
|
|
<li>关于我们</li>
|
|
<li>新闻中心</li>
|
|
<li>产品中心</li>
|
|
<li>客户服务</li>
|
|
<li>联系我们</li>
|
|
</ul>
|
|
</div>
|
|
<div class="language">
|
|
<ul>
|
|
<li>CN</li>
|
|
<li>EN</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="swipper">
|
|
<div class="swipper-container">
|
|
<div class="swipper-slide">
|
|
<img src="./images/banner_01.jpg" alt="Banner 1" class="swipper-slide-img">
|
|
</div>
|
|
<div class="swipper-slide">
|
|
<img src="./images/banner_02.jpg" alt="Banner 2" class="swipper-slide-img">
|
|
</div>
|
|
<div class="swipper-slide">
|
|
<img src="./images/banner_03.jpg" alt="Banner 3" class="swipper-slide-img">
|
|
</div>
|
|
<div class="swipper-slide">
|
|
<img src="./images/banner_02.jpg" alt="Banner 4" class="swipper-slide-img">
|
|
</div>
|
|
</div>
|
|
<div class="prev">
|
|
<img src="./images/left-arrow.png" alt="Previous">
|
|
</div>
|
|
<div class="next">
|
|
<img src="./images/right-arrow.png" alt="Next">
|
|
</div>
|
|
<div class="counter">
|
|
<div class="point"></div>
|
|
<div class="point"></div>
|
|
<div class="point"></div>
|
|
<div class="point"></div>
|
|
</div>
|
|
</div>
|
|
<div id="main">
|
|
main
|
|
<!-- welcome -->
|
|
<div id="welcome">welcome</div>
|
|
<!-- product -->
|
|
<div id="product"></div>
|
|
<!-- news -->
|
|
<div id="news"></div>
|
|
<!-- video -->
|
|
<div id="video"></div>
|
|
</div>
|
|
footer
|
|
<!-- 首页footer部分 -->
|
|
<div id="footer">footer</div>
|
|
</body>
|
|
</html>
|