所有项目提交
This commit is contained in:
136
giantElephant/html/aboutUs.html
Normal file
136
giantElephant/html/aboutUs.html
Normal file
@@ -0,0 +1,136 @@
|
||||
<!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/aboutUs.css">
|
||||
<link rel="stylesheet" href="../css/header.css">
|
||||
<title>巨象云数</title>
|
||||
|
||||
|
||||
</head>
|
||||
<style>
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
|
||||
<section class="headerBox">
|
||||
|
||||
<section class="header">
|
||||
<div class="logoBox">
|
||||
<img class="logo" src="../imgs/PNG/LOGO2.png" alt="logo">
|
||||
</div>
|
||||
<ul class="nav">
|
||||
<li><a class="menu " href="../index.html">首页</a> </li>
|
||||
<li><a class="menu" href="software.html">软件开发</a></li>
|
||||
<li><a class="menu" href="bigDataServices.html">大数据服务</a></li>
|
||||
<li><a style="color: black;text-decoration: none;" href="#">关于我们</a></li>
|
||||
<li><a href="mailto:support@betmaysg.com"> <img class="email" src="../imgs/PNG/邮件.png" alt="邮件"></a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<div class="ABtitleBox">
|
||||
<div class="ABtitle">
|
||||
<h1>关于我们</h1>
|
||||
<p>About us</p>
|
||||
</div>
|
||||
<p class="content">
|
||||
我们是一家专业的软件开发公司，致力于
|
||||
为您提供全方位的解决方案。无论您需要
|
||||
定制应用程序开发、APP开发或者大数据
|
||||
技术服务，我们的专业团队将为您量身打
|
||||
造符合需求的解决方案。透过我们的服务
|
||||
您将能夠打造您的企业数位未来，实现更
|
||||
高效、更智能的运营。让我们携手合作，
|
||||
共同打造数位化时代的应用新价值。
|
||||
|
||||
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section class="standard">
|
||||
<div class="standardTitle">
|
||||
<h1>我们的标准</h1>
|
||||
<p>靠谱的服务是所有项目成功的必要条件</p>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div class="longBlock quality">
|
||||
<img src="../imgs/PNG/关于我们-质量.png" alt="质量">
|
||||
<p style="font-size: 25px;color: #396CF9;">质量</p>
|
||||
<p style="font-size: 19px;">代码规范检查多方测试验收</p>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<div class="longBlock separate growUp">
|
||||
<img src="../imgs/PNG/关于我们-成长.png" alt="成长">
|
||||
<p style="font-size: 25px;color: #396CF9;">成长</p>
|
||||
<p style="font-size: 19px;width: 100%;">我们的目标是共同成长</p>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<div class="longBlock separate innovate">
|
||||
<img src="../imgs/PNG/关于我们-创新.png" alt="创新">
|
||||
<p style="font-size: 25px;color: #396CF9;">创新</p>
|
||||
<p style="font-size: 19px;">突破常规思维创新永无止境</p>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<div class="longBlock separate cooperate">
|
||||
<img src="../imgs/PNG/关于我们-合作.png" alt="合作">
|
||||
<p style="font-size: 25px;color: #396CF9;">合作</p>
|
||||
<p style="font-size: 19px;">强化竞争意识营造团队精神</p>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<div class="longBlock separate service">
|
||||
<img src="../imgs/PNG/关于我们-服务.png" alt="服务">
|
||||
<p style="font-size: 25px;color: #396CF9;">服务</p>
|
||||
<p style="font-size: 19px;width: 100%;">专属团队一对一贴心服务</p>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</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>
|
||||
119
giantElephant/html/bigDataServices.html
Normal file
119
giantElephant/html/bigDataServices.html
Normal file
@@ -0,0 +1,119 @@
|
||||
<!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/aboutUs.css">
|
||||
<link rel="stylesheet" href="../css/header.css">
|
||||
<title>巨象云数</title>
|
||||
|
||||
|
||||
</head>
|
||||
<style>
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
|
||||
<section class="headerBox">
|
||||
|
||||
<section class="header">
|
||||
<div class="logoBox">
|
||||
<img class="logo" src="../imgs/PNG/LOGO2.png" alt="logo">
|
||||
</div>
|
||||
<ul class="nav">
|
||||
<li><a class="menu" href="../index.html">首页</a> </li>
|
||||
<li><a class="menu" href="software.html">软件开发</a></li>
|
||||
<li><a style="color: black;text-decoration: none;" href="#">大数据服务</a></li>
|
||||
<li><a class="menu" href="aboutUs.html">关于我们</a></li>
|
||||
<li><a href="mailto:support@betmaysg.com"> <img class="email" src="../imgs/PNG/邮件.png" alt="邮件"></a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<div class="BigtitleBox">
|
||||
<div class="ABtitle">
|
||||
<h1>大数据服务</h1>
|
||||
<p style="padding-left: 0px;">Big data services</p>
|
||||
</div>
|
||||
<p class="content">
|
||||
巨象云数支持多种数据源的接入，打通
|
||||
用户行为和业务数据，构建全域数据融
|
||||
合模型，实现从用户到经营的全链路
|
||||
全场景分析，提供全面有效的市场信息
|
||||
和经营策略，帮助企业更好的了解用户
|
||||
掌握市场、提高竞争力。
|
||||
|
||||
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section class="standard">
|
||||
<div class="standardTitle">
|
||||
<h1>云计算&大数据服务</h1>
|
||||
<p style="width: 800px;margin: 0 auto ;margin-top: 18px;">超过50类业务指标多维分析，实时定位运营状态，提高运营效率
|
||||
精准的信息推送服务和精细化用户标签体系，极大提升客户转化率、留存率和复购率</p>
|
||||
</div>
|
||||
<ul class="standardList">
|
||||
<li class="bigData">
|
||||
<div class="longBlock ">
|
||||
<img src="../imgs/PNG/大数据资产.png" alt="资产">
|
||||
<p style="font-size: 25px;">大数据资产</p>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="bigData">
|
||||
<div class="longBlock ">
|
||||
<img src="../imgs/PNG/大数据能力.png" alt="大数据能力">
|
||||
<p style="font-size: 25px;">大数据能力</p>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="bigData">
|
||||
<div class="longBlock ">
|
||||
<img src="../imgs/PNG/大数据应用.png" alt="大数据应用">
|
||||
<p style="font-size: 25px;">大数据应用</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</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>
|
||||
31
giantElephant/html/header.html
Normal file
31
giantElephant/html/header.html
Normal file
@@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="../css/header.css">
|
||||
<title>巨象云数</title>
|
||||
</head>
|
||||
<style>
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<section class="header">
|
||||
<div class="logoBox">
|
||||
<!-- <img class="logo" src="../imgs/PNG/LOGO1.png" alt="logo"> -->
|
||||
</div>
|
||||
<ul class="nav">
|
||||
<li>首页</li>
|
||||
<li>软件开发</li>
|
||||
<li>大数据服务</li>
|
||||
<li>关于我们</li>
|
||||
<li><img class="email" src="../imgs/PNG/邮件.png" alt="邮件"></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
259
giantElephant/html/software.html
Normal file
259
giantElephant/html/software.html
Normal file
@@ -0,0 +1,259 @@
|
||||
<!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/header.css">
|
||||
<link rel="stylesheet" href="../css/software.css">
|
||||
|
||||
<title>巨象云数</title>
|
||||
|
||||
|
||||
</head>
|
||||
<style>
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
|
||||
<section class="headerBox">
|
||||
|
||||
<section class="header">
|
||||
<div class="logoBox">
|
||||
<img class="logo" src="../imgs/PNG/LOGO2.png" alt="logo">
|
||||
</div>
|
||||
<ul class="nav">
|
||||
<li><a class="menu " href="../index.html">首页</a> </li>
|
||||
<li > <a style="color: black;text-decoration: none;" href="#">软件开发</a></li>
|
||||
<li><a class="menu" href="bigDataServices.html">大数据服务</a></li>
|
||||
<li><a class="menu" href="aboutUs.html">关于我们</a></li>
|
||||
<li><a href="mailto:support@betmaysg.com"> <img class="email" src="../imgs/PNG/邮件.png" alt="邮件"></a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<div class="ABtitleBox">
|
||||
<div class="ABtitle">
|
||||
<h1>软件开发</h1>
|
||||
<p>Software Development</p>
|
||||
</div>
|
||||
<p class="content">
|
||||
巨象云数为企业提供软件外包、系统设计、开发服务并在预算范围内按质交付项目。我们能够帮助客户确定对应系统或产品的具体需求，并管理和维护其整个生命周期。
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ourServicesBox">
|
||||
<div class="ourServicesTitle">
|
||||
<h1>我们的服务</h1>
|
||||
<p>标准化产品+个性化定制服务+一站式解决方案满足各个场景的应用需求</p>
|
||||
</div>
|
||||
<div class="ourServicesContent">
|
||||
<div class="left">
|
||||
<img src="../imgs/软件定制服务.jpg" alt="软件开发">
|
||||
<h1>软件定制服务</h1>
|
||||
<p>为企业提供软件外包、系统设计、开发服务、并在预算范
|
||||
围内按质交付项目。我们能够帮助客户确定对应系统或产
|
||||
品的具体需求，并管理和维护其整个生命周期。</p>
|
||||
</div>
|
||||
<div class="right">
|
||||
|
||||
<img src="../imgs/移动APP及小程序开发.jpg" alt="软件开发">
|
||||
<h1>移动APP及小程序开发</h1>
|
||||
<p>精湛的移动应用开发团队，为您打造符合最新技术标准的
|
||||
创新移动应用APP和成熟的微信开发解决方案，扩大您的
|
||||
用户基底和市场覆盖。</p>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="ourWorksBox">
|
||||
<h1>我们的工作流程</h1>
|
||||
<ul>
|
||||
<li>
|
||||
<div class="left2">
|
||||
<p class="title">1.调查</p>
|
||||
<p class="text">我们进行深入的研究，以
|
||||
深入了解我们的用户和市
|
||||
场。通过竞争对手分析使
|
||||
自己的产品脱颖而出，并
|
||||
确定您品牌的当前状态和
|
||||
目标。</p>
|
||||
</div>
|
||||
<div class="right2">
|
||||
<img src="../imgs/PNG/箭头.svg" alt="箭头">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="left2">
|
||||
<p class="title">2.策略</p>
|
||||
<p class="text">制定全面的软件策略，包
|
||||
括营销和品牌推广。我们
|
||||
将从独特的角度创造附加
|
||||
价值，并制定实现品牌价
|
||||
值最大化的策略。</p>
|
||||
|
||||
</div>
|
||||
<div class="right2">
|
||||
<img src="../imgs/PNG/箭头.svg" alt="箭头">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="left2">
|
||||
<p class="title">3.详细设计</p>
|
||||
<p class="text">我们在设计软件时充分考
|
||||
虑用户体验。将SEO和品
|
||||
牌故事编织在一起，以具
|
||||
有自己特色的内容吸引用
|
||||
户。</p>
|
||||
</div>
|
||||
<div class="right2">
|
||||
<img src="../imgs/PNG/箭头.svg" alt="箭头">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="left2">
|
||||
<p class="title">4. 设计与实施</p>
|
||||
<p class="text">体现软件产品个性，结合
|
||||
用户实际使用体验，并使
|
||||
用最新技术和方法来达到
|
||||
提高用户使用数量的目的。</p>
|
||||
|
||||
</div>
|
||||
<div class="right2">
|
||||
<img src="../imgs/PNG/箭头.svg" alt="箭头">
|
||||
</div>
|
||||
</li>
|
||||
<li class="last">
|
||||
<div class="content">
|
||||
<p class="title">5.运营和改进</p>
|
||||
<p class="text">在软件产品发布后，我们
|
||||
也会倾听用户的声音，并努力提高软件的使用体验。
|
||||
我们将在数据分析的基础
|
||||
上不断改进，努力提高营
|
||||
销效果和品牌价值。</p>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="softwareProduct">
|
||||
<h1>软件产品</h1>
|
||||
<p>每一个产品都是一份信任</p>
|
||||
<div class="CarouselBox">
|
||||
<div class="carousel-container">
|
||||
<div class="carousel-list">
|
||||
<div class="carousel-item">
|
||||
<img src="../imgs/Carousel/房地产.png" alt="房地产项目">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="../imgs/Carousel/数据管理软件.png" alt="数据管理项目">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="../imgs/Carousel/电商平台.png" alt="电商平台项目">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="../imgs/Carousel/音乐移动端.png" alt="音乐移动端">
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-arrow carousel-arrow-left">❮</div><div class="carousel-arrow carousel-arrow-right">❯</div> </div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="footerBox">
|
||||
<div class="Flogo">
|
||||
<img class="FlogoImg" src="../imgs/PNG/LOGO2.png" alt="logo">
|
||||
<p>版权所有 © 2025 巨象云数</p>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
const carousel = {
|
||||
container: document.querySelector('.carousel-container'),
|
||||
list: document.querySelector('.carousel-list'),
|
||||
items: document.querySelectorAll('.carousel-item'),
|
||||
prevBtn: document.querySelector('.carousel-arrow-left'),
|
||||
nextBtn: document.querySelector('.carousel-arrow-right'),
|
||||
currentIndex: 0,
|
||||
interval: null,
|
||||
|
||||
init() {
|
||||
// 克隆第一张图片到最后
|
||||
const firstClone = this.items[0].cloneNode(true);
|
||||
this.list.appendChild(firstClone);
|
||||
|
||||
this.autoPlay();
|
||||
this.bindEvents();
|
||||
},
|
||||
|
||||
bindEvents() {
|
||||
// 绑定箭头点击事件
|
||||
this.prevBtn.addEventListener('click', () => this.prev());
|
||||
this.nextBtn.addEventListener('click', () => this.next());
|
||||
|
||||
// 鼠标悬停暂停
|
||||
this.container.addEventListener('mouseenter', () => this.pause());
|
||||
this.container.addEventListener('mouseleave', () => this.autoPlay());
|
||||
},
|
||||
|
||||
next() {
|
||||
this.currentIndex++;
|
||||
this.updateSlide();
|
||||
},
|
||||
|
||||
prev() {
|
||||
if (this.currentIndex === 0) {
|
||||
this.currentIndex = this.items.length;
|
||||
this.list.style.transition = 'none';
|
||||
this.list.style.transform = `translateX(-${this.currentIndex * 100}%)`;
|
||||
// 强制重绘
|
||||
this.list.offsetHeight;
|
||||
}
|
||||
this.currentIndex--;
|
||||
this.list.style.transition = 'transform 0.5s ease';
|
||||
this.list.style.transform = `translateX(-${this.currentIndex * 100}%)`;
|
||||
},
|
||||
|
||||
updateSlide() {
|
||||
this.list.style.transition = 'transform 0.5s ease';
|
||||
this.list.style.transform = `translateX(-${this.currentIndex * 100}%)`;
|
||||
|
||||
// 当滑动到克隆的第一张图时
|
||||
if (this.currentIndex === this.items.length) {
|
||||
setTimeout(() => {
|
||||
this.list.style.transition = 'none';
|
||||
this.currentIndex = 0;
|
||||
this.list.style.transform = `translateX(0)`;
|
||||
}, 500);
|
||||
}
|
||||
},
|
||||
|
||||
autoPlay() {
|
||||
this.interval = setInterval(() => this.next(), 3000);
|
||||
},
|
||||
|
||||
pause() {
|
||||
clearInterval(this.interval);
|
||||
}
|
||||
};
|
||||
|
||||
// 初始化轮播图
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
carousel.init();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user