jiaoyu
/
index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学习平台</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="i_nav">
    <div class="base_w clear">
        <div class="logo"><a href=""><img src="pic/logo_white_h70.png" alt=""></a></div>
        <ul class="clear">
            <li><a href="index.html" class="active">首页</a></li>
            <li class="show_list">
                <span><a href="job_direction.html">专业</a></span>
                <div>
                    <a href="job_direction.html">就业方向</a>
                    <a href="">建设成果</a>
                </div>
            </li>
            <li class="show_list">
                <span><a href="course.html">课程</a></span>
                <div>
                    <a href="course.html">课程介绍</a>
                    <a href="">建设依据</a>
                </div>
            </li>
            <li><a href="news.html">专业快讯</a></li>
            <li class="show_list">
                <span><a href="teacher.html">师资队伍</a></span>
                <div>
                    <a href="teacher.html">师资概况</a>
                    <a href="teacher2.html">师资队伍</a>
                </div>
            </li>
            <li class="show_list">
                <span><a href="research.html">教学科研</a></span>
                <div>
                    <a href="research.html">教学成果</a>
                    <a href="">科研成果</a>
                </div>
            </li>
            <li><a href="graduates.html">毕业生</a></li>
            <li><a href="creative.html">创新联盟</a></li>
            <li><a href="fusion.html">产教融合</a></li>
            <li><a href="innovation.html">创新创业</a></li>
        </ul>
    </div>
</div>


<div class="banner">
    <div class="scroll_pic">
        <ul>
            <li>
                <a href="">
                    <img src="pic/banner_1.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="pic/banner_1.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="pic/banner_1.jpg" alt="">
                </a>
            </li>
        </ul>
        <a href="javascript:void(0);" class="banner_prev"></a>
        <a href="javascript:void(0);" class="banner_next"></a>
    </div>
    <div class="small_btn">
    </div>
</div>

<div class="i_content">
    <div class="i_section1 base_w clear">
        <!--专业介绍-->
        <div class="i_about">
            <h3 class="base_h3">专业介绍</h3>
            <p>
                数字传媒学院是一个怎么样得学院呢？介绍的内容数字传媒学院是一个怎么样得学院呢？介绍的内容数字传媒学院是一个怎么
                样得学院呢？介绍的内容数字传媒学院是一个怎么样得学院呢v？介绍的内容介绍的内容数字传媒学院是一个怎么样得学院呢v
                介绍的内容数字传媒学院是一个怎么样得学院呢v？介绍的内容？介绍的内容<a href="">[查看全部]</a>
            </p>
            <div class="about_link">
                <a href="">
                    <img src="pic/i_pic1.jpg" alt="">
                    <i></i>
                    <div class="span">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </a>
                <a href="">
                    <img src="pic/i_pic1.jpg" alt="">
                    <i></i>
                    <div class="span">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </a>
                <a href="">
                    <img src="pic/i_pic1.jpg" alt="">
                    <i></i>
                    <div class="span">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </a>
                <a href="">
                    <img src="pic/i_pic1.jpg" alt="">
                    <i></i>
                    <div class="span">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </a>
            </div>
        </div>

        <!--专业快讯-->
        <div class="i_news">
            <h3 class="base_h3"><svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-xinwen"></use></svg>专业快讯</h3>
            <ul>
                <li>
                    <a href="">
                        <p>介绍的内容数字传媒学院是一个怎么样得学院呢介绍的内容数字</p>
                        <time>2017-03-03</time><span>500</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <p>介绍的内容数字传媒学院是一个怎么样得学院呢介绍的内容数字</p>
                        <time>2017-03-03</time><span>500</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <p>介绍的内容数字传媒学院是一个怎么样得学院呢介绍的内容数字</p>
                        <time>2017-03-03</time><span>500</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!--主干课程-->
    <div class="i_section2 base_w">
        <div class="base_h2">
            <h2>主干课程</h2>
        </div>
        <ul>
            <li>
                <a href="">
                    <img src="pic/i_pic2.jpg" alt="">
                    <p>移动互联网</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="pic/course_arvr.jpg" alt="">
                    <p>数字交互/VR/AR</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="pic/course_front.jpg" alt="">
                    <p>WEB前端/后端</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="pic/course_bigdata.jpg" alt="">
                    <p>大数据应用</p>
                </a>
            </li>
        </ul>
    </div>

    <!--实战项目-->
    <div class="i_section3">

        <div class="i_xm">
            <div class="base_h2">
                <h2 >实战项目</h2>
            </div>
            <div class="poster-main B_Demo">
                <div class="poster-btn poster-prev-btn"></div>
                <ul class="poster-list">
                    <li class="poster-item"><img src="http://statics.qikuedu.com/images/zp1.jpg" width="100%" ></li>
                    <li class="poster-item"><img src="http://statics.qikuedu.com/images/zp2.jpg" width="100%" ></li>
                    <li class="poster-item"><img src="http://statics.qikuedu.com/images/zp3.jpg" width="100%" ></li>
                    <li class="poster-item"><img src="http://statics.qikuedu.com/images/zp4.jpg" width="100%" ></li>
                    <li class="poster-item"><img src="http://statics.qikuedu.com/images/zp5.jpg" width="100%" ></li>
                    <li class="poster-item"><img src="http://statics.qikuedu.com/images/zp6.jpg" width="100%" ></li>
                    <li class="poster-item"><img src="http://statics.qikuedu.com/images/zp7.jpg" width="100%" ></li>
                </ul>
                <div class="poster-btn poster-next-btn"></div>
            </div>
        </div>
    </div>
    <!--师资队伍-->

    <div class="i_section4 bj2">
        <div class="base_h2">
            <h2>师资队伍</h2>
        </div>
        <div class="i_teacher">
            <div class="i_container">
                <ul id="toggle_teacher" class="toggle_teacher">
                    <li>
                        <div class="teacher_pic">
                            <img src="pic/t_hcb.jpg" alt="">
                        </div>
                        <div class="teacher_txt">
                            <h4>黄崇本<span>[教授 浙江省教学名师]</span></h4>
                            <p>
                                黄崇本教授兼任中国职业教育学会计算机专业委员会委员，浙江省高职高专计算机类专业教学指导委员会委员，宁波市计算机学会常务理事，宁波市软件行业协会理事。主要研究方向有高职教育管理、高职课程开发、数据库技术、信息检索与推荐技术等。从事职业教育28年来，作为第一作者发表学术教研论文28篇，主编教材5部；主持国家精品课程建设等国家、省、市级教改科研项目8项；主持省、市级教学成果奖4项；荣获“浙江省第五届高等学校教学名师”等荣誉25项。
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="teacher_pic">
                            <img src="pic/t_wcc.jpg" alt="">
                        </div>
                        <div class="teacher_txt">
                            <h4>韦存存<span>[副教授]</span></h4>
                            <p>
                                座右铭：无旁骛才能有所专,有所专才能有所进。<br/>
                                想对学生说的话：人生最大的敌人是自己；人生最大的失败是自大；人生最大的愚蠢是欺骗；人生最大的可悲是嫉妒；人生最大的错误是自卑；人生最大的羞辱是献媚；人生最大的危险是贪婪；人生最大的破产是绝望；人生最大的债务是情债；人生最大的财富是健康；人生最大的幸福是知足；人生最大的欣慰是布施；人生最大的礼物是宽恕；人生最大的惋惜是错过；人生最大的烦恼是争名夺利；人生最大的罪过是自欺欺人。

                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="teacher_pic">
                            <img src="pic/t_gqq.jpg" alt="">
                        </div>
                        <div class="teacher_txt">
                            <h4>葛茜倩<span>[副教授]</span></h4>
                            <p>
                                座右铭：精勤求学，敦笃励志，果毅力行，忠恕任事<br/>
                                想对学生说的话：感谢伤害你的人，因为他磨练了你的心志；感谢欺骗你的人，因为他增进了你的智慧；感谢中伤你的人，因为他砥砺了你的人格；感谢鞭打你的人，因为他激发了你的斗志；感谢遗弃你的人，因为他教导了你该独立；感谢绊倒你的人，因为他强化了你的能力；感谢斥责你的人，因为他提醒了你的缺点。怀着一颗感恩的心，感激一切使你成长的人！
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="teacher_pic">
                            <img src="pic/t_xc.jpg" alt="">
                        </div>
                        <div class="teacher_txt">
                            <h4>徐畅<span>[副教授 博士]</span></h4>
                            <p>
                                座右铭：明天的你会感谢今天勤奋的自己<br/>
                                想对学生说的话：人生的进程就好像在走一座迷宫，无穷无尽又精彩缤纷，让人无法预料，正如你永远不知道在下一个转弯处等待你的是什么，你只能转过去，然后看见命运给我们安排下无数的惊喜，挫折，重逢，别离，高潮，低谷，也顺带安排下无数的转折。每转折一次，你的生命轨迹就有了变化;每转折一次，你的人生感悟都不再相同。
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="teacher_pic">
                            <img src="pic/t_ths.jpg" alt="">
                        </div>
                        <div class="teacher_txt">
                            <h4>谭恒松<span>[讲师]</span></h4>
                            <p>
                                座右铭：虽然过去不能改变，未来可以<br/>
                                想对学生说的话：肉体是精神居住的花园，意志则是这个花园的园叮意志既能使肉体“贫瘠”下去，又能用勤劳使它“肥沃”起来。 对于最有能力的领航人风浪总是格外的汹涌。 知识给人重量，成就给人光彩，大多数人只是看到了光彩，而不去称量重量。 最重要的就是不要去看远方模糊的，而要做手边清楚的事。 为明天做准备的最好方法就是集中你所有智慧，所有的热忱，把今天的工作做得尽善尽美，这就是你能应付未来的唯一方法。
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="teacher_pic">
                            <img src="pic/t_yld.jpg" alt="">
                        </div>
                        <div class="teacher_txt">
                            <h4>严良达<span>[讲师]</span></h4>
                            <p>
                                座右铭：虽然过去不能改变，未来可以<br/>
                                想对学生说的话：人要拿得起，也要放得下。拿得起是生存，放得下是生活;拿得起是潜质，放得下是智慧。有的人拿不起，也就无所谓放下;有的人拿得起，却放不下。拿不起，就会庸庸碌碌;放不下，就会疲惫不堪。人生有许多东西需要放下。只有放下那些无谓的负担，咱们才能一路潇洒前行。
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <div id="change_btn" class="change_btn">
                <a href="javascript:void(0);" class="prev"></a>
                <div>
                    <div class="change_b">
                    </div>
                </div>
                <a href="javascript:void(0);" class="next"></a>
            </div>
        </div>
    </div>
    <!--创新联盟-->
    <div class="i_section5 base_w">
        <div class="base_h2">
            <h2>创新联盟</h2>
        </div>
        <ul>
            <li>
                <a href="">
                    <img src="pic/i_pic3.jpg" class="big_p" alt="">
                    <h4>青菜萝卜</h4>
                    <p>实战中教学，让学生实战中成长实战中教学，让学生实战中成长</p>
                    <div class="pr_bottom">
                        <img src="pic/i_pic1.jpg" class="small_p" alt="">
                        <div>
                            <span>Silly D</span>
                            <time>2017-03-03</time>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="pic/i_pic3.jpg" class="big_p" alt="">
                    <h4>青菜萝卜</h4>
                    <p>实战中教学，让学生实战中成长实战中教学，让学生实战中成长</p>
                    <div class="pr_bottom">
                        <img src="pic/i_pic1.jpg" class="small_p" alt="">
                        <div>
                            <span>Silly D</span>
                            <time>2017-03-03</time>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="pic/i_pic3.jpg" class="big_p" alt="">
                    <h4>青菜萝卜</h4>
                    <p>实战中教学，让学生实战中成长实战中教学，让学生实战中成长</p>
                    <div class="pr_bottom">
                        <img src="pic/i_pic1.jpg" class="small_p" alt="">
                        <div>
                            <span>Silly D</span>
                            <time>2017-03-03</time>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="pic/i_pic3.jpg" class="big_p" alt="">
                    <h4>青菜萝卜</h4>
                    <p>实战中教学，让学生实战中成长实战中教学，让学生实战中成长</p>
                    <div class="pr_bottom">
                        <img src="pic/i_pic1.jpg" class="small_p" alt="">
                        <div>
                            <span>Silly D</span>
                            <time>2017-03-03</time>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
    </div>

    <!--优秀毕业生-->
    <div class="i_section6">
        <div class="base_h2">
            <h2>优秀毕业生</h2>
        </div>
        <ul class="base_w">
            <li>
                <a href="">
                        <span>
                            <img src="pic/i_pic4.jpg" alt="">
                        </span>
                    <div>
                        <h4>张晓明</h4>
                        <p>优秀毕业生作为毕业班中最优秀的
                            一批学生，必须具备好的品质以及
                            优异的学习成绩才能获得这个称号</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                        <span>
                            <img src="pic/i_pic4.jpg" alt="">
                        </span>
                    <div>
                        <h4>张晓明</h4>
                        <p>优秀毕业生作为毕业班中最优秀的
                            一批学生，必须具备好的品质以及
                            优异的学习成绩才能获得这个称号</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                        <span>
                            <img src="pic/i_pic4.jpg" alt="">
                        </span>
                    <div>
                        <h4>张晓明</h4>
                        <p>优秀毕业生作为毕业班中最优秀的
                            一批学生，必须具备好的品质以及
                            优异的学习成绩才能获得这个称号</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                        <span>
                            <img src="pic/i_pic4.jpg" alt="">
                        </span>
                    <div>
                        <h4>张晓明</h4>
                        <p>优秀毕业生作为毕业班中最优秀的
                            一批学生，必须具备好的品质以及
                            优异的学习成绩才能获得这个称号</p>
                    </div>
                </a>
            </li>
        </ul>
    </div>
</div>

<!--底部-->
<div class="i_bottom">
    <div class="base_w clear">
        <ul class="i_bottom_lt clear">
            <li>
                <p><a href="">专业园地</a></p>
                <p><a href="">课程中心</a></p>
                <p><a href="">微课中心</a></p>
            </li>
            <li>
                <p><a href="">培训中心</a></p>
                <p><a href="">素材中心</a></p>
                <p><a href="">实习实训库</a></p>
            </li>
            <li>
                <p><a href="">行业资源库</a></p>
                <p><a href="">校园官网</a></p>
                <p><a href="">图书库</a></p>
            </li>
        </ul>
        <img src="pic/i_logo.png" class="i_logo" alt="">
        <div class="i_code">
            <span><img src="pic/i_code.jpg" alt=""></span>
        </div>
    </div>
</div>
<div class="i_footer">
    <p>Copyright © 2017-2020<span>浙江工商职业技术学院</span></p>
</div>

<a href="javascript:void(0);" class="back_top"></a>


<script src="js/lib/jquery.min.js"></script>
<script src="js/lib/jquery.flipster.js"></script>
<script  src="js/index.js"></script>
<script src="js/common.js"></script>
</body>
</html>