124 lines
5.2 KiB
HTML
124 lines
5.2 KiB
HTML
|
<!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>
|