|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
<title>HelloCode少儿编程_全国少儿编程加盟_阿罗少儿编程课程培训-HelloCode</title>
<meta name="keywords" content="少儿编程,少儿编程加盟,少儿编程培训,少儿编程课程,K12编程,HelloCode青少儿编程">
<meta name="description" content="拥有完整的少儿编程体系,提供专业的少儿编程课程以及少儿编程加盟服务, 致力打造5-18岁青少儿编程教育行业生态闭环,少儿编程加盟热线:4007188686">
<link rel="stylesheet" href="./css/main.css">
<link rel="stylesheet" href="./lib/swiper/swiper.min.css">
</head>
<body>
<!-- logo -->
<div class="head">
<img src="./img/logo.png" alt="logo" class="logo">
</div>
<div class="banner">
<img src="./img/banner.jpg" alt="">
<!-- <img src="./img/banner2.png" alt="">-->
</div>
<div class="linkus">
<div class="title">免费获取 加盟优惠政策</div>
<div class="form-box">
<div class="input-box">
<input type="tel" id="phone" placeholder="请输入手机号">
<i></i>
</div>
<button id="phone_submit">立即领取</button>
</div>
</div>
<div class="banner">
<img src="./img/banner2.png" alt="">
</div>
<div class="info">
<img src="./img/info-title.png" alt="" class="info-title">
<div class="swiper-container info-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="./img/info1.png" alt=""></div>
<div class="swiper-slide"><img src="./img/info2.png" alt=""></div>
<div class="swiper-slide"><img src="./img/info3.png" alt=""></div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination system-swiper-pagination"></div>
</div>
<div class="info-msg">
北京阿罗互动教育科技有限公司是由海天地科技集团斥重金打造的教育公司。作为学科编程领域的佼佼者， Hellocode的课程种类丰富，学科连接紧密，旨在为4-18岁青少年提供更好的学科编程教育，培养孩子与世界对话的能力
</div>
<button class="info-btn contactUs">了解更多</button>
</div>
<div class="teacher">
<img src="./img/teah-title.png" alt="" class="teach-title">
<div class="teac-box">
<div class="teac-item">
<img src="./img/teacher1.png" alt="" class="tea-avatar">
<div class="tea-name">柯登峰</div>
<div class="tea-title">HelloCode首席教研官</div>
<div class="tea-info">
人工智能博士<br/>语音识别专家<br/>HelloCode课程总架构师<br/>中科院自动化研究所研究员
</div>
</div>
<div class="teac-item">
<img src="./img/teacher2.png" alt="" class="tea-avatar">
<div class="tea-name">涂慈爱</div>
<div class="tea-title">HelloCode师资培训专家</div>
<div class="tea-info">
北京师范大学心理学硕士<br/>中国杰出青少年心理学专家<br/>专注青少年心理研究与实践<br/>知名培训机构师资特聘专家
</div>
</div>
<div class="teac-item">
<img src="./img/teacher3.png" alt="" class="tea-avatar">
<div class="tea-name">罗飞</div>
<div class="tea-title">HelloCode首席技术官</div>
<div class="tea-info">
HelloCode联合创始人<br/>
新浪及创新工场云计算技术开发者<br/>
Thinkphp核心开发者<br/>
国内高端CTO俱乐部创始人
</div>
</div>
<div class="teac-item">
<img src="./img/teacher4.png" alt="" class="tea-avatar">
<div class="tea-name">尧玮</div>
<div class="tea-title">HelloCode教研总监</div>
<div class="tea-info">
12年编程教学经验<br/>带领学生屡次获奖<br/>曾任美国奇幻工房课程总监<br/>精通C++. Python. Scratch等编程语言
</div>
</div>
</div>
</div>
<div class="banner">
<img src="./img/banner3.png" alt="">
<img src="./img/banner4.png" alt="">
</div>
<div class="info tixi">
<img src="./img/tixi-title.png" alt="" class="tixi-title">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="./img/system1.png" alt=""></div>
<div class="swiper-slide"><img src="./img/system2.png" alt=""></div>
<div class="swiper-slide"><img src="./img/system3.png" alt=""></div>
<div class="swiper-slide"><img src="./img/system4.png" alt=""></div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination system-swiper-pagination"></div>
</div>
</div>
<div class="pingtai">
<img src="./img/pingtai-title.png" alt="" class="tixi-title">
<div class="pingtai-box">
<button class="pingtai-btn active-btn js-btn">学生端平台</button>
<button class="pingtai-btn js-btn">教师端平台</button>
<button class="pingtai-btn js-btn">名师在线示范</button>
</div>
<img src="./img/student.png" alt="" id="pingtai_cover">
</div>
<div class="banner bottom">
<img src="./img/banner5.png" alt="">
<img src="./img/banner6.png" alt="">
<img src="./img/banner7.png?v=1" alt="">
</div>
<div class="fixed" style="height:1.1rem;">
<div class="test" style="border-radius: 50px;display: flex;justify-content: center;align-items: center;font-size:18px;font-weight: bold;">
<img src="./img/phone.gif" alt="" width="30" height="30" style="margin-right: 10px;">
<a href="tel:400-718-8686" style="color: #ffffff;; display: inline-block; text-decoration: none;" target="_self">400-718-8686</a>
</div>
<div class="zixun contactUs" style="border-radius: 50px;display: flex;justify-content: center;align-items: center;font-size:18px;font-weight: bold;">
<img src="./img/ask.png" alt="" width="30" height="30" style="margin-right: 10px;">
<span>在线咨询</span>
</div>
</div>
<!-- <div class="flex x-center link-us">-->
<!-- <div class="div2" style="border-radius: 50px;display: flex;justify-content: center;align-items: center;font-size:18px;font-weight: bold;">-->
<!-- <img src="./img/phone.gif" alt="" width="30" height="30" style="margin-right: 10px;">-->
<!-- <a href="tel:400-718-8686">-->
<!-- 400-718-8686-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="div1 contactUs" style="border-radius: 50px;display: flex;justify-content: center;align-items: center;font-size:18px;font-weight: bold;">-->
<!-- <img src="./img/ask.png" alt="" width="30" height="30" style="margin-right: 10px;">-->
<!-- <span>在线咨询</span>-->
<!-- </div>-->
<!-- </div>-->
</body>
<script src="./lib/jq1.11.3.min.js"></script>
<script src="./js/rem.js"></script>
<script src="./lib/picker/layer/layer.js"></script>
<script src="./lib/swiper/swiper.min.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?f0b7e8c7646078b5172adb3c0853191a";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
(function() {var _53code = document.createElement("script");_53code.src = "https://tb.53kf.com/code/code/74076bc4318fab2a04e4d8cb30eb14465/1";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(_53code, s);})();
</script>
<script>
//填写验证提交手机号码
$("#phone_submit").click(function () {
var phone = document.getElementById('phone').value;
if (!(/^1[3456789]\d{9}$/.test(phone))) {
alert("手机号码有误，请重填");
return false;
}
$.ajax({
url: "https://www.hellocode.cn/ajaxPhone",
type: 'POST',
dataType: 'json',
data: {phone: phone},
success: function (data) {
if (data.status == 1) {
alert(data.msg);
return false;
} else {
alert(data.msg);
return false;
}
},
error: function (result) {
alert(result.msg);
return false;
}
});
});
</script>
</html>
|
