master

分支 (1)

管理

管理

master

xing.com
/
volunteer.html

<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7 lte9 lte8 lte7" lang="en-US"><![endif]-->
<!--[if IE 8]><html class="ie ie8 lte9 lte8" lang="en-US">  <![endif]-->
<!--[if IE 9]><html class="ie ie9 lte9" lang="en-US"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="noIE" lang="zh">
<!--<![endif]-->

<head>
    <title>益行游戏 - 蛋蛋在行动志愿服务队</title>
    <link rel="icon" href="public/favicon.ico">
    <!-- meta -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />
    <script type="text/javascript">
    try {
        Typekit.load();
    } catch (e) {}
    </script>
    <!-- css -->
    <link rel="stylesheet" href="public/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="public/assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="public/assets/css/style.css" media="screen" />
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
            <script src="public/assets/js/html5shiv.js"></script>
            <script src="public/assets/js/respond.js"></script>
        <![endif]-->
    <!--[if IE 8]>
            <script src="public/assets/js/selectivizr.js"></script>
        <![endif]-->
</head>

<body id="home">
    <!--<div id="preloader"></div>-->
    <div id="drawer-right">
        <div class="cross text-right">
            <a class="toggleDrawer" href="#"><i class="fa fa-times-circle fa-2x"></i></a>
        </div>
        <div>
            <ul class="nav nav-pills nav-stacked" style="padding-left:20px">
                <br>
                <br>
                <h2>联系我们</h2>
                <br>
                <li><a href="http://user.qzone.qq.com/862373035/" target="_blank"><i class="fa fa-qq fa-1x"></i> 862373035</a></li>
                <li><a href="http://weibo.com/dandanzaixingdong" target="_blank"><i class="fa fa-weibo fa-1x"></i> @益行人支教团</a></li>
                <li><a href="http://mp.weixin.qq.com/s?__biz=MzA5OTA0MzgwNg==&mid=215581320&idx=1&sn=471cbd57b34683fc18213e9829648663#rd" target="_blank"><i class="fa fa-wechat fa-1x"></i> @whutyixingren</a></li>
            </ul>
            <div class="wechat">
                <img src="public/assets/images/1-xing-wechat.jpg" alt="益行游戏公众微信平台"></img>
                <br>
                <br>
                <h5><font color="#CCCCCC">微信公众平台</font></h5>
                <br>
                <h6>wo men ye ai ni yo</h6>
                <i class="fa fa-heart-o"></i>
            </div>
        </div>
    </div>
    <!-- #drawer-right -->
    <div id="wrapper">
        <div id="header" class="content-block" style="background-image: url(public/assets/images/header-bg-volunteer.jpg)">
            <section class="top clearfix">
                <div class="pull-left">
                    <h2><a href="index.html"><i class="fa fa-home"></i></a></h2>
                </div>
                <div class="pull-right">
                    <h3><a class="toggleDrawer" href="#"><i class="fa fa-heart"></i></a><h3>
                </div>
            </section>
            <section class="center">
                <div class="slogan" data-scroll-reveal="wait 0.8s, then enter top over 2s" style="padding-top:450px;">
                    蛋蛋在行动志愿服务队
                </div>
                <br>
                <div class="secondary-slogan" data-scroll-reveal="wait 0.3s, then enter top over 2s" style="color:#FFF;">
                    益行游戏的起源，创立于2011年12月4日。
                </div>
            </section>
            <section class="bottom">
                <a id="scrollToContent" href="#">
                    <img data-scroll-reveal="wait 0.8s, then enter bottom over 3s" src="public/assets/images/arrow_down.png">
                </a>
            </section>
        </div>
        <!-- header -->
        <div class="content-block" id="portfolio">
            <div class="container">
                <header class="block-heading cleafix">
                    <!--<a href="#" class="btn btn-o btn-lg pull-right" data-scroll-reveal="wait 0.3s, then enter right over 1s">查看所有</a>-->
                    <h1 data-scroll-reveal="wait 0.3s, then enter left over 0.5s">公益不止</h1>
                    <p data-scroll-reveal="wait 0.3s, then enter left over 0.5s">已连续5年在贵州、广西进行支教，我们将继续给孩子们带去更多的知识与快乐。</p>
                </header>
                <hr class="featurette-divider">
                <div class="row featurette">
                    <div class="col-md-5" data-scroll-reveal="wait 0.3s, then enter left over 0.5s">
                        <a href="http://weibo.com/dandanzaixingdong" target="_blank">
                            <img class="featurette-image img-responsive" src="public/assets/images/educationActivity.jpg" alt="支教图片">
                        </a>
                    </div>
                    <div class="col-md-7" style="text-align:left">
                        <h1 data-scroll-reveal="wait 0.2s, then enter right over 0.5s" class="featurette-heading"><font color="#9adb6a">支教队员培训中！</font></h1>
                        <h3 data-scroll-reveal="wait 0.5s, then enter right over 0.5s">以下是支教的小学：</h3>
                        <br/>
                        <p class="lead" data-scroll-reveal="wait 0.5s, then enter right over 0.5s">贵州省遵义市习水县永安镇天桥村阳光古天乐小学</p>
                        <p class="lead" data-scroll-reveal="wait 0.5s, then enter right over 0.5s">贵州省黔西南州安龙县木咱镇响乐小学</p>
                        <p class="lead" data-scroll-reveal="wait 0.5s, then enter right over 0.5s">广西壮族自治区玉林市石南镇葵山村小学</p>
                        <p class="lead" data-scroll-reveal="wait 0.5s, then enter right over 0.5s">安徽省阜阳市颖上县陈桥镇三王学校</p>
                        <h3 data-scroll-reveal="wait 1.0s, then enter right over 0.5s">详情请关注<a href="http://weibo.com/dandanzaixingdong" target="_blank">@武汉理工大学益行人支教团</a></h3>
                    </div>
                </div>
                <hr class="featurette-divider">
                <div class="row featurette">
                    <div class="col-md-7" style="text-align:right">
                        <h1 class="featurette-heading" data-scroll-reveal="wait 0.3s, then enter left over 0.5s">大爱东方——守护天使</font></h1>
                        <h3 data-scroll-reveal="wait 0.3s, then enter left over 0.5s">东方卫视制作的爱乐小学和益行人的专题片</h3>
                        <br/>
                        <p class="lead" data-scroll-reveal="wait 0.5s, then enter left over 0.5s">走进这所充满爱与希望的学校，
                            <br/>
                            <br/>感受益行人对孩子们的爱。
                            <br/>
                            <br/>点击播放→</p>
                    </div>
                    <div class="col-md-5" data-scroll-reveal="wait 0.3s, then enter right over 0.5s">
                        <embed src="http://player.video.qiyi.com/54478166d305112cf2b4c21911fba26a/0/0/v_19rrnf0ypc.swf-albumId=303771100-tvId=303771100-isPurchase=0-cnId=6" allowFullScreen="true" quality="high" width="450" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash">
                        </embed>
                    </div>
                </div>
                <hr class="featurette-divider">
                <div class="row featurette">
                    <div class="col-md-5" data-scroll-reveal="wait 0.3s, then enter left over 0.5s">
                        <embed allowfullscreen="true" src="http://player.youku.com/player.php/sid/XNzYwNDU4OTYw/v.swf" allowFullScreen="true" quality="high" width="450" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash">
                        </embed>
                    </div>
                    <div class="col-md-7" style="text-align:left">
                        <h1 class="featurette-heading" data-scroll-reveal="wait 0.3s, then enter right over 0.5s"><font color="#9adb6a">阳与光的似与别</font></h1>
                        <h3 data-scroll-reveal="wait 0.6s, then enter right over 0.5s">志愿服务队支教微电影</h3>
                        <br/>
                        <p class="lead" data-scroll-reveal="wait 1.0s, then enter right over 0.5s">——我们是那么的相似，却又是那么的千差万别
                            <br/>
                            <br/>——是该牺牲掉一切往山外的世界看上一眼，还是该平静的守望这山里的世界？
                            <br/>
                            <br/>←点击播放</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- #portfolio -->
        <section id="portfolio" class="block" style="text-align:center">
            <section class="container">
                <section class="row">
                    <div class="col-md-12">
                        <div class="title-box">
                            <h1 data-scroll-reveal="wait 0.3s, then enter left over 0.5s">支教团历届负责人</h1>
                            <p data-scroll-reveal="wait 0.6s, then enter left over 0.5s">欢迎来到英灵殿！</p>
                        </div>
                    </div>
                </section>
                <section class="row">
                    <section class="col-md-2 col-sm-4">
                        <div class="team-member">
                            <img data-scroll-reveal="wait 0.3s, then enter top over 0.5s" src="public/assets/images/testimonial_MST_190x190.png" class="img_res team-pic">
                            <br>
                            <h2 data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">母世涛</h2>
                            <p data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">创始人，2012届负责人</p>
                        </div>
                    </section>
                    <section class="col-md-2 col-sm-4">
                        <div class="team-member">
                            <img data-scroll-reveal="wait 0.3s, then enter top over 0.5s" src="public/assets/images/testimonial_YJ_190x190.jpg" class="img_res team-pic">
                            <br>
                            <h2 data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">杨峻</h2>
                            <p data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">2013届马区负责人</p>
                        </div>
                    </section>
                    <section class="col-md-2 col-sm-4">
                        <div class="team-member">
                            <img data-scroll-reveal="wait 0.3s, then enter top over 0.5s" src="public/assets/images/testimonial_JT_190x190.png" class="img_res team-pic">
                            <br>
                            <h2 data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">江涛</h2>
                            <p data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">2013届余区负责人</p>
                        </div>
                    </section>
                    <section class="col-md-2 col-sm-4">
                        <div class="team-member">
                            <img data-scroll-reveal="wait 0.3s, then enter top over 0.5s" src="public/assets/images/testimonial_LY_190x190.png" class="img_res team-pic">
                            <br>
                            <h2 data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">梁媛</h2>
                            <p data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">2014届马区负责人</p>
                        </div>
                    </section>
                    <section class="col-md-2 col-sm-4">
                        <div class="team-member">
                            <img data-scroll-reveal="wait 0.3s, then enter top over 0.5s" src="public/assets/images/testimonial_LJY_190x190.jpg" class="img_res team-pic">
                            <br>
                            <h2 data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">李俊阳</h2>
                            <p data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">2014届余区负责人</p>
                        </div>
                    </section>
                    <section class="col-md-2 col-sm-4">
                        <div class="team-member">
                            <img data-scroll-reveal="wait 0.3s, then enter top over 0.5s" src="public/assets/images/testimonial_LX_190x190.png" class="img_res team-pic">
                            <br>
                            <h2 data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">刘旋</h2>
                            <p data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">2015届马区负责人</p>
                        </div>
                    </section>
                </section>
                <section class="row">
                    <section class="col-md-2 col-sm-4">
                        <div class="team-member">
                            <img data-scroll-reveal="wait 0.3s, then enter top over 0.5s" src="public/assets/images/testimonial_WY_190x190.png" class="img_res team-pic">
                            <br>
                            <h2 data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">王钰</h2>
                            <p data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">2015届余区负责人</p>
                        </div>
                    </section>
                    <section class="col-md-2 col-sm-4">
                        <div class="team-member">
                            <img data-scroll-reveal="wait 0.3s, then enter top over 0.5s" src="public/assets/images/testimonial_ZKF_190x190.jpg" class="img_res team-pic">
                            <br>
                            <h2 data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">张凯丰</h2>
                            <p data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">2016届马区负责人</p>
                        </div>
                    </section>
                    <section class="col-md-2 col-sm-4">
                        <div class="team-member">
                            <img data-scroll-reveal="wait 0.3s, then enter top over 0.5s" src="public/assets/images/testimonial_CXM_190x190.jpg" class="img_res team-pic">
                            <br>
                            <h2 data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">崔翔鸣</h2>
                            <p data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">2016届余区负责人</p>
                        </div>
                    </section>
                    <section class="col-md-2 col-sm-4">
                        <div class="team-member">
                            <img data-scroll-reveal="wait 0.3s, then enter top over 0.5s" src="public/assets/images/testimonial_LYQ_190x190.jpg" class="img_res team-pic">
                            <br>
                            <h2 data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">刘雨晴</h2>
                            <p data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">2017届马区负责人</p>
                        </div>
                    </section>
                    <section class="col-md-2 col-sm-4">
                        <div class="team-member">
                            <img data-scroll-reveal="wait 0.3s, then enter top over 0.5s" src="public/assets/images/testimonial_YHL_190x190.jpg" class="img_res team-pic">
                            <br>
                            <h2 data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">岳汉玲</h2>
                            <p data-scroll-reveal="wait 0.3s, then enter bottom over 0.5s">2017届余区负责人</p>
                        </div>
                    </section>
                </section>
            </section>
        </section>
        <div class="content-block" id="footer">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <a href="about.html">
                            公司简介&nbsp &nbsp
                        </a > |
                        <a href="about.html">
                            &nbsp &nbsp 关于我们&nbsp &nbsp
                        </a>|
                        <a href="about.html">
                            &nbsp &nbsp联系我们
                        </a>
                    </div>
                </div>
            </div>
            <br/>
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">&copy; 2014-2017&nbsp;&nbsp;武汉逸行灵动科技有限公司&nbsp;&nbsp;|&nbsp;&nbsp;鄂ICP备15000906号
                    </div>
                </div>
            </div>
        </div>
        <!-- #footer -->
    </div>
    <!--/#wrapper-->
    <!-- #java script-->
    <script src="public/assets/js/jquery-2.1.3.min.js"></script>
    <script src="public/assets/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="public/assets/js/bootstrap.min.js"></script>
    <script src="public/assets/js/bootstrap.js"></script>
    <script src="public/assets/js/jquery.actual.min.js"></script>
    <script src="public/assets/js/jquery.scrollTo.min.js"></script>
    <script src="public/assets/js/scrollReveal.js"></script>
    <script src="public/assets/js/script.js"></script>
    <script type="text/javascript">
    (function($) {

        'use strict';

        window.scrollReveal = new scrollReveal({
            reset: true,
            move: '50px'
        });
    })();
    </script>
</body>

</html>