标题 佰卓云校|移动智慧校园
域名 www.bic-edu.com   
分类 移动互联网
源码下载 暂无下载 选择定制
更新时间 2019-09-13
简介 佰卓云校主要基于移动互联网技术,通过移动APP、微信、PC浏览器等方式构建的智慧校园应用平台。其在涵盖高校核心业务基础上强调全面、个性化、主动的校园服务和极致的用户体验
详情
  • 图片预览
  • 源码预览
  • 文章评论
  • 使用说明
                                     <!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset="UTF-8">
    <meta name="keywords" content="智慧校园">
    <meta name="description" content="佰卓云校主要基于移动互联网技术,通过移动APP、微信、PC浏览器等方式构建的智慧校园应用平台。其在涵盖高校核心业务基础上强调全面、个性化、主动的校园服务和极致的用户体验">
    <title>佰卓云校|移动智慧校园</title>
     <meta name="viewport" content="width=device-width initial-scale=1,user-scalable = 0"/>
     <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
  
   

 
     
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/index.css">
    
    
    
   
</head>
<body>

 <nav id="navbar1" class="navbar navbar-default" role="navigation">
  <div class="container"> 
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse"
        data-target="#example-navbar-collapse">
      <span class="sr-only">切换导航</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <div class="navbar-brand"><a href="index.html"><img src="image/logo.png"></a></div>
  </div>
  <div class="collapse navbar-collapse" id="example-navbar-collapse">
    <ul class="nav navbar-nav navbar-right">
      <li ><a href="index.html">首页</a></li>
      <li><a href="intro.html">产品介绍</a></li>
      <li ><a href="example.html" >产品案例</a></li>
       <li ><a href="#" >开放平台</a></li>
       <li ><a href="about.html" >联系我们</a></li>
    </ul>
  </div>
  </div>
</nav>



<div id="myCarousel" class="carousel slide">
  
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>   
  
  <div class="carousel-inner">
    <div class="item active">
      <img src="image/banner1.png" alt="First slide">
    </div>
    <div class="item">
      <img src="image/banner2.png" alt="Second slide">
    </div>
    <div class="item">
      <img src="image/banner4.png" alt="Third slide">
    </div>
  </div>
  
  <a class="carousel-control left" href="#myCarousel" 
     data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" 
     data-slide="next">&rsaquo;</a>
</div>    

 

<div class="int">
           <div class="int-detail">
               <div class="int-top">
               <div class="int-mi">
                  <img src="image/title1.png">
                  </div >
               </div>
               <ul class="nine">
                   <li>
                           <div class="nine-warp">
                                       <div  class="ni-pic">
                                       <img src="image/inter.png" alt="">
                                       <span>互动服务</span>
                                       </div>
                                       <div class="smask"><span>答题</span><span>话题</span><span>投票</span><span>群聊</span><span>活动</span><span>抢座</span><span>万能表单</span><span>活动抢票</span></div>
                                        
                           </div>
                          
                   </li>
                   <li>
                           <div class="nine-warp">
                                       <div  class="ni-pic">
                                       <img src="image/Release.png" alt="">
                                       <span>发布服务</span>
                                       </div>
                                       <div class="smask"><span>矩阵TV+校史</span><span>校园视频</span><span>校园图集</span><span>校园地图</span></div>
                                        
                           </div>
                          
                   </li>
                      <li>
                           <div class="nine-warp">
                                       <div  class="ni-pic">
                                       <img src="image/Finance.png" alt="">
                                       <span>财务服务</span>
                                       </div>
                                        <div class="smask"><span>工资查询</span></div>
                           </div>
                          
                   </li>
                       <li>
                           <div class="nine-warp">
                                       <div  class="ni-pic">
                                       <img src="image/edu.png" alt="">
                                       <span>教务服务</span>
                                       </div>
                                       <div class="smask"><span>学生课表</span><span>学习进度</span><span>教师课表</span><span>成绩查询</span><span>考试安排</span></div>
                           </div>
                          
                   </li>
                       <li>
                           <div class="nine-warp">
                                       <div  class="ni-pic">
                                       <img src="image/one.png" alt="">
                                       <span>一卡通</span>
                                       </div>
                                       <div class="smask"><span>招领</span><span>余额</span><span>充值</span><span>交易记录</span></div>
                                        
                           </div>
                          
                   </li>
                       <li>
                           <div class="nine-warp">
                                       <div  class="ni-pic">
                                       <img src="image/network.png" alt="">
                                       <span>网络服务</span>
                                       </div>
                                       <div class="smask"><span>网费充值</span><span>上网密码修改</span><span>网络查询</span><span>网费历史记录</span><span>网络在线终端查询</span></div>
                                        
                           </div>
                          
                   </li>
                       <li>
                           <div class="nine-warp">
                                       <div  class="ni-pic">
                                       <img src="image/books.png" alt="">
                                       <span>图书馆服务</span>
                                       </div>
                                       <div class="smask"><span>图书借阅信息</span><span>馆藏图书查询</span></div>
                                        
                           </div>
                          
                   </li>
                       <li>
                           <div class="nine-warp">
                                       <div  class="ni-pic">
                                       <img src="image/Welcome.png" alt="">
                                       <span>迎新离校</span>
                                       </div>
                                       <div class="smask"><span>迎新统计</span><span>离校统计</span><span>迎新环节办理</span><span>离校环节办理</span></div>
                                        
                           </div>
                          
                   </li>
               </ul>
       </div>
   </div>
<div class="clear"></div>
   <div class="good ">
       <div class="good-container">
           <div class="banner1">
               <ul>
                   <li class="product_li"><div class="product"><img src="image/title3.png"></div></li>
                   <li class="b_li 1">
                           <div class="front "></div>
                           <div class="back">敏捷开发</div>
                   </li>
                   <li class="b_li 2" id="two">
                           <div class="front "></div>
                           <div class="back">部署迅速</div>
                   </li>
                   <li class="b_li " id="three">

                   <li class="b_li " id="fo">
                           <div class="front "></div>
                           <div class="back">安全性高</div>
                   </li>
                   <li class="b_li " id="five">
                           
                   </li>

                   <li class="b_li " id="six">
                           <div class="front "></div>
                           <div class="back back1">交付时间短</div>
                   </li>
                    <li class="b_li " id="seven">
                           <div class="front "></div>
                           <div class="back">扩展性高</div>
                   </li>
                    <li class="b_li " id="eight">
                           <div class="front "></div>
                           <div class="back">功能迭代快</div>
                   </li>
                    <li class="b_li " id="nine">
                           <div class="front "></div>
                           <div class="back back1">功能灵活可定制</div>
                   </li>

                   <li class="b_li " id="ele">
                           <div class="front "></div>
                           <div class="back">自定义</div>
                   </li>
                    <li class="b_li " id="tw">
                           
                   </li>

                   <li class="b_li " id="thr">
                           <div class="front "></div>
                           <div class="back">组件化</div>
                   </li>

                       <li class="b_li " id="fou">
                           <div class="front "></div>
                           <div class="back back1">公有云+私有云</div>
                   </li>

                     <li class="b_li " id="la">
                           <div class="front "></div>
                           <div class="back">兼容性好</div>
                   </li>
                     <li class="b_li " id="st">
                           <div class="front "></div>
                           <div class="back">易用性强</div>
                   </li>

                    <li class="b_li " id="lass">
                           <div class="front "></div>
                           <div class="back">可配置性强</div>
                   </li>
                  
               </ul>
           </div>
       </div>
   </div>
   <div class="clear"></div> 
   <div class="last">
   <div class="windo">
        <div class="int-top">
                  <img src="image/title2.png">
        </div>
        
            
        </div>

    <div class="banner">
      <div class="ba-wrap">
       <div class="main-top">
          <div class="img-tit">
                       <div class="swiper-container" id="myswiper2">
                               <div class="swiper-wrapper">

                                   <div class="swiper-slide slo">
                                       <a href="javascript:void(0);">
                                       <img src="image/pi1.png">
                                       <div class="mask">
                                           <div class="bg other-bg bg1"></div>
                                           <div class="cont">
                
                                                <p class="line-panel">
                                                  <i class="item-line"></i>
                                                </p>
                                                <h3 class="item-title">敏捷开发</h3>
                                                <p class="item-desc">
                                                  产品使用PHP语言开发,PHP是解释型的语言,不需要进行再编译, 可以实现敏捷开发。
                                                </p>
                                                <span class="item-link">查看详情</span>
                                      </div>
                                       </div>
                                       </a><a href="javascript:void(0);">
                                       <img src="image/pi2.png">
                                       <div class="mask">
                                           <div class="bg other-bg bg2"></div>
                                           <div class="cont">
                
                                                <p class="line-panel">
                                                  <i class="item-line"></i>
                                                </p>
                                                <h3 class="item-title">安全性高</h3>
                                                <p class="item-desc">
                                                  产品系统和数据库以及缓存和队列均部署在学校本地服务器上, 所有数据均运行于学校内网,业务数据不会与外部产生交互,保证了数据的安全性。
                                                </p>
                                                <span class="item-link">查看详情</span>
                                      </div>
                                       </div>
                                       </a><a href="javascript:void(0);">
                                       <img src="image/pi3.png">
                                       <div class="mask">
                                           <div class="bg other-bg bg1"></div>
                                           <div class="cont">
                
                                                <p class="line-panel">
                                                  <i class="item-line"></i>
                                                </p>
                                                <h3 class="item-title">兼容性好</h3>
                                                <p class="item-desc">
                                                  所有前端页面采用HTML5技术,能很好的适配各种终端以及各种通道的使用。 
                                                </p>
                                                <span class="item-link">查看详情</span>
                                      </div>
                                       </div>
                                       </a><a href="javascript:void(0);">
                                       <img src="image/pi4.png">
                                       <div class="mask">
                                           <div class="bg other-bg bg2"></div>
                                           <div class="cont">
                
                                                <p class="line-panel">
                                                  <i class="item-line"></i>
                                                </p>
                                                <h3 class="item-title">定制化服务</h3>
                                                <p class="item-desc">
                                                 平台包括通用应用,接口应用在内的150多种应用,可根据需求自由选择, 像搭积木一样搭建专属移动智慧校园。
                                                </p>
                                                <span class="item-link">查看详情</span>
                                      </div>
                                       </div>
                                       </a><a  id="phone"  href="javascript:void(0);">
                                       <img src="image/pi5.png">
                                       <div class="mask">
                                           <div class="bg other-bg bg1"></div>
                                           <div class="cont">
                
                                                <p class="line-panel">
                                                  <i class="item-line"></i>
                                                </p>
                                                <h3 class="item-title">部署迅速</h3>
                                                <p class="item-desc">
                                                  学校服务器到位的情况下使用一键部署安装包一键部署,web平台、db以及缓存和队列在短时间内即可完成快速部署,及早使用。
                                                </p>
                                                <span class="item-link">查看详情</span>
                                      </div>
                                       </div>
                                       </a>
                                      
                                   </div>
                                   

                                



                               </div>
                       </div>
           
           
            </div>
       </div> 
       </div>  
   </div>


   </div>
   <div class="clear"></div>
   <div class="footer">
       <div class="copy1 "> © 版权所有 创元网络技术股份有限公司 豫ICP备05021020号-1</div>
       <div class="copy2"> 联系电话:0371-6757 7266、0371-6757 7277</div>
       <div class="copy2"> 电子邮箱:create@create.com.cn</div>
   </div>


   
</body>
</html>
                                    
暂无评论


模板使用前提是遵循《吉山数据服务协议》,图片预览只作为样例举例展示,具体定制以商谈需求为准。


如需要模板/网站开发服务,主按照以下步骤:

1、构思好需求,最好能把需求文档写清楚,以便客服人员快速理解对接。

2、把需求文档通过邮箱(service@jsanai.com)或者QQ(526713444)发送给我们的客服。

3、客服分析完需求后会与你进一步对接。

热门精选
999元全包网站建设
推广邮箱email地址批量下载
邮箱真伪在线验证及API接口
邮箱地址在线采集工具
 
QQ在线咨询