master

分支 (1)

管理

管理

master

huhan-mobile
/
student.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="format-detection" content="telephone=yes"/>
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="keywords" content="${keywords}" />
  <meta name="description" content="${description}" />
  <!-- 360默认极速模式 -->
  <meta name=”renderer” content=”webkit” />
  <link rel="stylesheet" href="./css/reset.css" />
  <link rel="stylesheet" href="./css/border.css" />
  <link rel="stylesheet" href="./css/font/iconfont.css" />
  <link rel="stylesheet" href="./css/base.css" />
  <link rel="stylesheet" href="./css/font/stylesheet.css" />
  <link rel="stylesheet" href="./css/footer.css" />
  <link rel="stylesheet" href="./js/wow.js/css/libs/animate.css" />
  <link rel="stylesheet" href="./js/swiper/css/swiper.css" />
  <link rel="stylesheet" href="./css/header.css" />
  <link rel="stylesheet" href="./css/swiper-reset.css" />
  <link rel="stylesheet" href="./css/flex.css" />
  <link rel="stylesheet" href="./css/student.css" />
  <title>${tile}</title>
</head>

<body>
  <header class="header">
    <div class="header-top">
      <div class="logo"><img src="./image/logo.png" alt="" /></div>
      <span class="iconfont icon-caidan"></span>
      <div class="hide" id="navs">
        <div id="cover"></div>
        <div class="navs-content">
          <ul class="nav">
            <li class="nav-item"><a href="/">首页</a></li>
            <li class="nav-item"><a class="arrow" href="#">教育数字化产品与服务</a>
              <ul class="sub-nav">
                <li><a href="/huahan/oem">必过在线OEM平台</a></li>
                <li><a href="/huahan/teachers">全科目数字化课程产品</a></li>
                <li><a href="http://www.e-xiaot.com/" target="_blank">E校通教育与知识数字化工具</a></li>
                <li><a href="/huahan/edu">教务数字化管理系统</a></li>
                <li><a href="/huahan/crm">CRM数字化营销系统</a></li>
                <li><a href="/huahan/student">学员数字化学习服务</a></li>
              </ul>
            </li>
            <li class="nav-item"><a class="arrow" href="#">行业解决方案</a>
              <ul class="sub-nav">
                <li><a href="/huahan/solution?tab=1">职业资格证</a></li>
                <li><a href="/huahan/solution?tab=2">学历教育</a></li>
                <li><a href="/huahan/solution?tab=3">教育机构</a></li>
                <li><a href="/huahan/solution?tab=4">企业培训</a></li>
                <li><a href="/huahan/solution?tab=5">知识付费</a></li>
              </ul>
            </li>
            <li class="nav-item">
              <a class="arrow" href="#">关于华翰</a>
              <ul class="sub-nav">
                <li><a href="/huahan/about">华翰故事</a></li>
                <li><a href="/huahan/brandDynamic?categoryId=1&page=1">品牌动态</a></li>
                <li><a href="/huahan/conncetUs">联系我们</a></li>
              </ul>
            </li>
          </ul>
          <div class="action">
            <a href="http://oem.beegoedu.com/oemv2/login" target="_blank">
              <div class="btn btn-login">登录</div>
            </a>
            <a href="http://oem.beegoedu.com/oemv2/reg" target="_blank">
              <div class="btn btn-try">试用</div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </header>
  <div class="scene-container">
    <div class="title-top flex-center wow fadeInUp" data-wow-duration="1s">
      <div>多终端学习场景，随时随地学习</div>
    </div>
    <div class="description  wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s">
      掌上课堂智能化学习，10类功能模块辅助学习更高效：错题本、收藏夹、课程介绍、学习进度、课件下载、 串讲视频、精讲视频、章节练习、模拟考试、考点串讲</div>
    <div class="content flex-center2">
      <div class="content-item">
        <img class="item-img  wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.2s"
          src="./image/student/student-icon1.png" alt="pc端网校">
        <span class="item-title wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.25s">pc端网校</span>
      </div>
      <div class="content-item">
        <img class="item-img wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.3s"
          src="./image/student/student-icon2.png" alt="移动端APP">
        <span class="item-title wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.35s">移动端APP</span>
      </div>
    </div>
    <div class="content flex-center2">
      <div class="content-item">
        <img class="item-img wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.5s"
          src="./image/student/student-icon3.png" alt="H5网校">
        <span class="item-title wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.25s">H5网校</span>
      </div>
      <div class="content-item">
        <img class="item-img wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.3s"
          src="./image/student/student-icon4.png" alt="小程序">
        <span class="item-title wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.35s">小程序</span>
      </div>
    </div>
  </div>
  <div class="module-container">
    <div class="title-top flex-center wow fadeInUp50" data-wow-duration="1s">
      <div>多功能智能学习模块，学习更高效</div>
    </div>
    <div class="description wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.2s">
      掌上课堂智能化学习，10类功能模块辅助学习更高效：错题本、收藏夹、课程介绍、学习进度、课件下载、串讲视频、 精讲视频、章节练习、模拟考试、考点串讲</div>
    <div class="module-wrapper">
      <div class="wrapper-left wow bounceInLeft" data-wow-duration="1s">
        <img src="./image/segment/phone.png" alt="">
      </div>
      <div class="wrapper-right">
        <div class="right-item active wow bounceInRight" data-wow-duration="1s" data-wow-delay="0.2s">
          <span>课程介绍</span>
          <img src="./image/segment/课程介绍.png" alt="">
        </div>
        <div class="right-item wow bounceInRight" data-wow-duration="1s" data-wow-delay="0.3s">
          <span>学习进度</span>
          <img src="./image/segment/学习进度.png" alt="">
        </div>
        <div class="right-item wow bounceInRight" data-wow-duration="1s" data-wow-delay="0.4s">
          <span>课件下载</span>
          <img src="./image/segment/课件下载.png" alt="">
        </div>
        <div class="right-item wow bounceInRight" data-wow-duration="1s" data-wow-delay="0.5s">
          <span>串讲视频</span>
          <img src="./image/segment/串讲视频.png" alt="">
        </div>
        <div class="right-item wow bounceInRight" data-wow-duration="1s" data-wow-delay="0.6s">
          <span>精讲视频</span>
          <img src="./image/segment/精讲视频.png" alt="">
        </div>
        <div class="right-item wow bounceInRight" data-wow-duration="1s" data-wow-delay="0.7s">
          <span>章节练习</span>
          <img src="./image/segment/章节练习.png" alt="">
        </div>
        <div class="right-item wow bounceInRight" data-wow-duration="1s" data-wow-delay="0.8s">
          <span>模拟考试</span>
          <img src="./image/segment/模拟考试.png" alt="">
        </div>
        <div class="right-item wow bounceInRight" data-wow-duration="1s" data-wow-delay="0.9s">
          <span>考点串讲</span>
          <img src="./image/segment/考点串讲.png" alt="">
        </div>
        <div class="right-item wow bounceInRight" data-wow-duration="1s" data-wow-delay="1s">
          <span>错题本</span>
          <img src="./image/segment/错题本.png" alt="">
        </div>
        <div class="right-item wow bounceInRight" data-wow-duration="1s" data-wow-delay="1s">
          <span>收藏夹</span>
          <img src="./image/segment/收藏夹.png" alt="">
        </div>
      </div>
    </div>
  </div>

  <div class="echart-container">
    <div class="title-top flex-center wow fadeInUp50" data-wow-duration="1s">
      <div>学习数据可视化，一键掌握</div>
    </div>
    <div class="description wow fadeInUp50" data-wow-duration="1s" data-wow-delay="0.2s">
      网校课程的学习、登录、进度、答疑等数据全面统计，直播课程在线互动、问答等实时动态，学习数据全面可视化，机构轻松一键掌握</div>
    <div class="echart-wrapper">
      <img class="phone1 " src="./image/student/phone1.png" alt="">
      <img class="phone2 " src="./image/student/phone2.png" alt="">
      <img class="statment1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.2s"
        src="./image/student/statement1.png" alt="">
      <img class="segment1 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.3s"
        src="./image/student/segment1.png" alt="">
      <img class="statment2 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s"
        src="./image/student/statement2.png" alt="">
      <img class="segment2 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.4s"
        src="./image/student/segment2.png" alt="">
    </div>
  </div>
  <footer class="footer">
    <div class="footer-container">
      <div class="footer-wrapper">
        <div class="wxcode"><span>官方服务号</span><img src="./image/service.png" alt="华翰科技官方服务号"></div>
        <div class="wxcode"><span>官方订阅号</span><img src="./image//subscription.png" alt="华翰科技官方订阅号"></div>
      </div>
      <div class="phone">
        <span>全国免费咨询服务热线</span>
        <div class="number">400-001-5920</div>
      </div>
      <div class="footer-bottom">
        <div class="address">总部地址：<div>广东省广州市高新技术开发区科汇金谷四街11号9层</div>
        </div>
        <div class="service-center">全国营销服务中心：广州、深圳、北京、上海、苏州、南京、宁波、温州、济南、天津、合肥、郑州、石家庄、武汉、长沙、成都、重庆、昆明、西安、南宁</div>
        <div class="hr"></div>
        <ul class="copyright">
          <li><a href="/cert-c.html" target="_blank">增值电信业务经营许可</a></li>
          <li><a href="/cert-a.html" target="_blank">广播电视节目经营许可</a></li>
          <li><a href="/cert-b.html" target="_blank">网络安全等级保护许可 </a></li>
          <li><a href="http://beian.miit.gov.cn" target="_blank">CIP备案号 13083939号</a></li>
          <li><a href="/cert-d.html" target="_blank">营业执照</a></li>
          <li><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011202000209" target="_blank">公安备号
              44011202000209号</a></li>
          <li><a href="/cert-e.html" target="_blank">出版物经营许可证</a></li>
        </ul>
      </div>
    </div>
    <div class="bottom">&#169 2013-2021 必过在线教育OEM ALL RIGHTS RESERVED. <div>广州华翰教育科技有限公司 版权所有</div>
    </div>
  </footer>

  <div class="fixed-container">
    <div class="fixed-wrapper">
      <div class="fixed-hover fixed-item" id="zhuanshu">

        <span class="col">专属客服</span>
      </div>
      <div class="fixed-hover fixed-item show-phone">
        <a href="tel:400-001-5920">
          <div class="img"></div>
          <span>咨询电话</span>
        </a>
      </div>
      <div class="fixed-hover fixed-item" id="consult">
        <div class="img"></div>
        <span>在线咨询</span>
      </div>
      <div class="fixed-hover fixed-item">
        <a class="flex-column-center" href="/huahan/zixun" target="_blank">
          <div class="img"></div>
          <span>获取方案</span>
        </a>
      </div>

    </div>
  </div>

  <script src="./js/wow.js/dist/wow.min2.js"></script>
  <script src="./js/jquery-3.3.1/jquery-3.3.1.min.js"></script>
  <script src="./js/fixed.js"></script>
  <script src="./js/header.js"></script>
  <script type="text/javascript">
    $(function () {
      new WOW().init();

      // 智能模块hover
      $('.wrapper-right .right-item').hover(function () {
        $(this).addClass('active').siblings().removeClass('active')
      })
    })
  </script>
</body>

</html>