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> |