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