<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="imgs/PNG/LOGO1.png">
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/header.css">
<title>巨象云数</title>
</head>
<style>
html, body {
margin: 0;
padding: 0;
box-sizing: border-box;
}
</style>
<body>
<!-- <div id="header-container"></div> -->
<section class="video-container">
<section class="header">
<div class="logoBox">
<img class="logo" src="./imgs/PNG/LOGO1.png" alt="logo">
</div>
<ul class="nav">
<li><a class=" home" href="#">首页</a> </li>
<li><a class="menu" href="html/software.html">网站服务</a></li>
<li><a class="menu" href="html/bigDataServices.html">大数据服务</a></li>
<li><a class="menu" href="html/aboutUs.html">关于我们</a></li>
<li><a href="mailto:support@betmaysg.com"> <img class="email" src="./imgs/PNG/邮件.png" alt="邮件"></a></li>
</ul>
</section>
<!-- <img class="logo" src="./imgs/PNG/LOGO1.png" alt="logo"> -->
<video autoplay loop muted playsinline style="width: 100%;" preload="metadata">
<source src="./imgs/video/视频.mp4" type="video/mp4">
你的浏览器不支持 video 标签。
</video>
<div class="overlay-image"></div>
<div class="VideoText">
<p class="TextZH">专注技术</p>
<p class="TextEN">Focus on technology</p>
<p class="TextZH">贴心服务</p>
<p class="TextEN">Attentive service </p>
</div>
</section>
<section class="aboutUs">
<div class="textBox">
<div class="text">
<div class="Tilte"> <span class="round"></span> <h1 class="textTilte">我们拥有积聚更雄厚与专业的技术力量</h1>
</div>
<p class="introduce">来自于国内外巨头科技企业的技术骨干团队，
为您提供专业、高效、优质、贴心的服务支持
</p>
<a style="color: #fff;text-decoration: none;" href="html/aboutUs.html"><button class="more"> 更多 <img class="moreImg" src="./imgs/PNG/右边.png" alt="箭头"></button></a>
</div>
</div>
<div class="imgBox">
<img class="aboutUsImg" src="./imgs/首页-我们拥有.jpg" alt="关于我们">
</div>
</section>
<section class="software">
<div class="textBox">
<div class="text">
<div class="Tilte"> <span class="round"></span> <h1 class="textTilte">网站服务
</h1>
</div>
<p class="introduce">巨象云数科技是一家专门从事“网站服务"
的企业适用于PC，移动，APP,小程
序，微信，wap站等专业的开发技术，产
品团队让您的产品快速启动，完美落地。
</p>
<a style="color: #fff;text-decoration: none;" href="html/software.html"><button class="more"> 更多 <img class="moreImg" src="./imgs/PNG/右边.png" alt="箭头"></button></a>
</div>
</div>
<div class="imgBox">
<img class="aboutUsImg" src="./imgs/首页-软件开发.jpg" alt="软件开发">
</div>
</section>
<section class="bigData">
<div class="textBox">
<div class="text">
<div class="Tilte"> <span class="round"></span> <h1 class="textTilte">大数据服务
</h1>
</div>
<p class="introduce">超低功耗、超融合、高密度的大数据存储系统
智能化、高性能、算法精准的大数据处理技术
</p>
<a style="color: #fff;text-decoration: none;" href="html/bigDataServices.html"><button class="more"> 更多 <img class="moreImg" src="./imgs/PNG/右边.png" alt="箭头"></button></a>
</div>
</div>
<div class="imgBox">
<img class="aboutUsImg" src="./imgs/首页-大数据服务.jpg" alt="大数据服务">
</div>
</section>
<section class="footerBox">
<div class="Flogo">
<img class="FlogoImg" src="./imgs/PNG/LOGO2.png" alt="logo">
<p>版权所有 © 2025 巨象云数</p>
</div>
</section>
<script>
fetch('./header.html')
.then(response => response.text())
.then(data => {
document.getElementById('header-container').innerHTML = data;
});
</script>
</body>
</html>