index.html

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

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <link rel="icon" type="image/png" sizes="96x96" href="images/gcd-favicon-96x96.png">
    <title>Girls Coding Day</title>

    <!-- Plugins style -->
    <link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="plugins/owl-carousel/owl.carousel.css" rel="stylesheet">
    <link href="plugins/owl-carousel/owl.theme.css" rel="stylesheet">
    <link href="plugins/owl-carousel/owl.transitions.css" rel="stylesheet">
    <link href="plugins/pe-icon-7-stroke/css/pe-icon-7-stroke.css" rel="stylesheet">
    <link href="plugins/lightbox2/dist/css/lightbox.min.css" rel="stylesheet">
    <!--template style-->
    <link href="css/style.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->

    <script>
        (function(i, s, o, g, r, a, m) {
            i["DaoVoiceObject"] = r;
            i[r] = i[r] || function() {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o), m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            a.charset = "utf-8";
            m.parentNode.insertBefore(a, m)
        })(window, document, "script", ('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/925c1fb3.js", "daovoice")
        daovoice('init', {
            app_id: "8b3d964e"
        });
        daovoice('update');
    </script>
</head>

<body data-spy="scroll" data-offset="70" data-target=".navbar">
    <!--welcome section start-->
    <section id="home" class="full-screen parallax-bg" data-stellar-background-ratio="0.5">
        <div class="display-table">
            <div class="verticle-middle">
                <div class="container text-center">
                    <h4 class="text-uppercase text-white"><i class="fa fa-calendar"></i> 11 June
                       2017. <i class="fa fa-map-marker"></i> China</h4>
                    <h1 class="text-uppercase text-white">Girls Coding Day</h1>
                    <!-- <h2 class="text-white">公主靠美颜 <b>女王爱Coding</b></h2> -->
                    <div class="buttons smooth-scroll">
                        <a class="typeform-share button" href="https://sundevilyang.typeform.com/to/NJYh9K" data-mode="drawer_left" style="display:inline-block;text-decoration:none;background-color:#267DDD;color:white;cursor:pointer;font-family:Helvetica,Arial,sans-serif;font-size:20px;line-height:50px;text-align:center;margin:0;height:50px;padding:0px 33px;border-radius:25px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"
                            target="_blank">学员、教练、志愿者报名</a>
                        <script>
                            (function() {
                                var qs, js, q, s, d = document,
                                    gi = d.getElementById,
                                    ce = d.createElement,
                                    gt = d.getElementsByTagName,
                                    id = "typef_orm_share",
                                    b = "https://s3-eu-west-1.amazonaws.com/share.typeform.com/";
                                if (!gi.call(d, id)) {
                                    js = ce.call(d, "script");
                                    js.id = id;
                                    js.src = b + "share.js";
                                    q = gt.call(d, "script")[0];
                                    q.parentNode.insertBefore(js, q)
                                }
                            })()
                        </script>
                        <!-- <a href="https://jinshuju.net/f/s1v1QY" class="btn btn-theme-bg btn-lg">点击报名</a> -->
                        <!-- <a href="#" data-toggle="modal" data-target="#videoModal" class="btn btn-white-border btn-lg">观看视频</a> -->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--welcome section end-->

    <!--main navigation start-->
    <!-- Static navbar -->
    <nav class="navbar navbar-inverse navbar-sticky navbar-static-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                <a class="navbar-brand" href="https://girlscodingday.org/">Girls Coding Day</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right smooth-scroll">
                    <li class="active navlink"><a href="#home">首页</a></li>
                    <li class="navlink"><a href="#about">介绍</a></li>
                    <li class="navlink"><a href="#schedule">学习内容</a></li>
                    <li class="navlink"><a href="#volunteers">志愿者</a></li>
                    <li class="navlink"><a href="#pricing">承诺费</a></li>
                    <li class="navlink"><a href="#host">合作伙伴</a></li>
                    <li class="navlink"><a href="#sponsors">赞助商</a></li>
                    <li class="city-dropdown">
                        <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        城市 <span class="caret"></span>
                      </a>
                        <ul class="dropdown-menu">
                            <li><a href="./wuhan.html">武汉</a></li>
                            <li><a href="chengdu.html">成都</a></li>
                            <li><a href="xian.html">西安</a></li>
                            <li><a href="hangzhou.html">杭州</a></li>
                            <li><a href="shanghai.html">上海</a></li>
                            <li><a href="beijing.html">北京</a></li>
                            <li><a href="shenzhen.html">深圳</a></li>
                            <li><a href="guangzhou.html">广州</a></li>
                            <li><a href="nanjing.html">南京</a></li>
                            <li><a href="chongqing.html">重庆</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
        <!--/.container-fluid -->
    </nav>
    <!--end main navigation-->

    <!--start about section-->
    <section id="about" class="padded-top-70">
        <div class="container">
            <div class="row">
                <div class="col-sm-10 col-sm-offset-1">
                    <div class="center-title">
                        <h1>活动介绍</h1>
                        <br>
                        <p class="lead">
                            联合国设定2月11日为 <a href="http://www.un.org/zh/events/women-and-girls-in-science-day/" class="text-info">女性和女童参与科学国际日</a>, 联合国秘书长安东尼奥·古特雷斯号召：
                            <br>
                            <blockquote>
                                <p>
                                    值此国际日，我敦促各方致力于消除偏见，为所有妇女和女童接受科学、技术、工程和数学教育提供更多投资，并为她们的事业和更长期的职业发展提供机会，以使所有人都能从她们开创性的未来贡献中获益。
                                </p>

                            </blockquote>

                            <span class="text-primary">Girls Coding Day</span> 是由社会企业 <a href="http://www.codingirls.club/">Coding Girls Club</a> 联合众多性别友好的公司和程序员为促进性别平等而举办的公益编程工作坊。
                            <br> Girls Coding Day将于每月11日陆续在各大城市开启, 帮助更多的女性学习编程进入 <a href="https://zh.wikipedia.org/wiki/STEM%E6%95%99%E8%82%B2" class="text-info">STEM</a>。
                            <br> 各城市一年将举办5次
                            <b>编程工作坊</b>。
                        </p>
                    </div>
                </div>
            </div>
            <div class="row padded-bottom-40">
                <div class="col-md-10 col-md-offset-1">
                    <div class="row">
                        <div class="col-sm-4 margin-b-30 text-center features">
                            <i class="fa fa-wrench fa-4x text-primary"></i>
                            <h4>工具</h4>
                            <p>
                                介绍编程开发所需的工具，提供自主学习的路径，开启进入编程领域的第一步。
                            </p>
                        </div>
                        <div class="col-sm-4 margin-b-30 text-center features">
                            <i class="fa fa-refresh fa-4x text-primary"></i>
                            <h4>社群</h4>
                            <p>
                                Coding Girls Club是一个女性友好的社群，我们还有一群可爱的志愿者教练，会员自发组织的俱乐部，大家一起打怪升级。
                            </p>
                        </div>
                        <div class="col-sm-4 margin-b-30 text-center features">
                            <i class="fa fa-code fa-4x text-primary"></i>
                            <h4>动手实践</h4>
                            <p>
                                Learning by doing，通过实战学习制作静态网站，你在workshop结束之后将具备做出类似本网站的能力。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--half image section start-->
        <div class="half-image-section">
            <div class="image-col left">
                <div class="display-table">
                    <div class="verticle-middle">
                        <div class="event-time text-center">
                            <h4>距离工作坊开始还剩下:</h4>
                            <div id="countdown" class="text-center">
                                <div class="dash days-dash text-center">
                                    <div class="circle">
                                        <ul class="alive">
                                            <li class="digit">0</li>
                                            <li class="digit">0</li>
                                        </ul>
                                        <span class="dash-title alive">Days</span>
                                    </div>
                                </div>
                                <div class="dash hours-dash text-center">
                                    <div class="circle">
                                        <ul class="alive">
                                            <li class="digit">0</li>
                                            <li class="digit">0</li>
                                        </ul>
                                        <span class="dash-title alive">Hours</span>
                                    </div>
                                </div>
                                <div class="dash minutes-dash text-center">
                                    <div class="circle">
                                        <ul class="alive">
                                            <li class="digit">0</li>
                                            <li class="digit">0</li>
                                        </ul>
                                        <span class="dash-title alive">Minutes</span>
                                    </div>
                                </div>
                                <div class="dash seconds-dash text-center">
                                    <div class="circle">
                                        <ul class="alive">
                                            <li class="digit">0</li>
                                            <li class="digit">0</li>
                                        </ul>
                                        <span class="dash-title alive">Seconds</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-md-offset-6">
                        <div class="half-section-content">
                            <h1 class="font-700">HTML & CSS 工作坊介绍</h1>
                            <h4>About this workshop</h4>
                            <p>
                                Dive head first into HTML & CSS. This workshop takes a project-based approach to HTML & CSS. By distinguishing good code from bad, participants will focus on learning a subset of the good parts in order to make something (quick and) awesome.
                            </p>
                            <p>
                                Tackle the barebones of how to quickly develop a web site, and get it live on the Web by the end of the workshop.
                            </p>
                            <h4>Prereps & Preparation</h4>
                            <p>
                                Basic HTML experience may be helpful, but is not necessary. <b>Bring a laptop</b> to class (Mac preferred but not required). Please download and install <a href="http://cn.bing.com/search?q=chrome" target="_blank">Chrome</a>                                and
                                <a href="https://atom.io/" target="_blank">Atom</a> (Hint: the download button is on the home page). Please <a href="mailto:info@codingirls.club?subject=Girls Coding Day">email</a> us prior to class if you have any additional
                                concerns or questions.
                            </p>
                            <br>
                            <!-- <a href="#" class="btn btn-dark-border btn-lg">Get ticket Now</a> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--half image section end-->
    </section>
    <!--end about section-->


    <div class="fun-facts" data-stellar-background-ratio="0.5">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-md-3 margin-b-30">
                    <h1 class="counter-digit">10</h1>
                    <span>Cities</span>
                </div>
                <div class="col-sm-6 col-md-3 margin-b-30">
                    <h1 class="counter-digit">50</h1>
                    <span>Universities</span>
                </div>
                <div class="col-sm-6 col-md-3 margin-b-30">
                    <h1 class="counter-digit">2500</h1>
                    <span>Females</span>
                </div>
                <div class="col-sm-6 col-md-3 margin-b-30">
                    <h1 class="counter-digit">500</h1>
                    <span>Tutors</span>
                </div>
            </div>
        </div>
    </div>
    <!--fun facts end-->

    <section id="schedule" class="padded-top-70 padded-bottom-40">
        <div class="container">
            <div class="row">
                <div class="col-sm-8 col-sm-offset-2 text-center">
                    <div class="center-title">
                        <h2>十小时做出个人网站</h2>
                        <p class="lead">
                            Start from 11 June 2017.
                        </p>
                    </div>
                </div>
            </div>
            <div class="row margin-b-30">
                <div class="col-md-10 col-md-offset-1">
                    <div>

                        <!-- Nav tabs -->
                        <ul class="tabs-schedule list-inline" role="tablist">
                            <li role="presentation"><a href="wuhan.html" aria-controls="01" role="tab" >武汉 <span>6-11</span></a></li>
                            <li role="presentation"><a href="chengdu.html" aria-controls="02" role="tab">成都 <span>7-11</span></a></li>
                            <li role="presentation"><a href="xian.html" aria-controls="03" role="tab">西安 <span>8-11</span></a></li>
                            <li role="presentation"><a href="hangzhou.html" aria-controls="03" role="tab">杭州 <span>9-11</span></a></li>
                            <li role="presentation"><a href="shanghai.html" aria-controls="02" role="tab">上海 <span>10-11</span></a></li>
                            <li role="presentation"><a href="beijing.html" aria-controls="03" role="tab">北京 <span>11-11</span></a></li>
                            <li role="presentation"><a href="shenzhen.html" aria-controls="03" role="tab">深圳 <span>12-11</span></a></li>
                            <li role="presentation"><a href="guangzhou.html" aria-controls="03" role="tab">广州 <span>待定</span></a></li>
                            <li role="presentation"><a href="nanjing.html" aria-controls="03" role="tab">南京 <span>待定</span></a></li>
                            <li role="presentation"><a href="chongqing.html" aria-controls="03" role="tab">重庆 <span>待定</span></a></li>
                            <!-- <li role="presentation"><a href="#02" aria-controls="02" role="tab" data-toggle="tab">成都 <span>7-11</span></a></li> -->
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane fade in active" id="01">
                                <div class="row margin-b-30">
                                    <h2 class="text-center text-primary">Kickoff Party</h2>
                                    <div class="col-sm-3 event-info">
                                        <span>Session 1</span>
                                        <span>9:30 AM to 11:45 AM</span>
                                        <span class="event-hall"><a href="./wuhan.html">点击查看举办时间和地点</a></span>
                                    </div>
                                    <div class="col-sm-9 event-detail">
                                        <h4>Intro to Tools & Basic Web Knowledge</h4>
                                        <div class="row margin-b-20">
                                            <div class="col-sm-12">
                                                <li>Anatomy of a website</li>
                                                <li>Client side web development</li>
                                                <li>Web servers and protocols: Hosting provider and so on</li>
                                                <li><b>Optional</b>: Domains, registrars, DNS</li>
                                                <li><b>Optional</b>: Version control systems</li>
                                                <li>Intro to Github (Desktop client and basic commands)</li>
                                                <li><b>Optional</b>: Github workflow for multiple users: forking, branching, merging, PRs</li>
                                                <li>Intro to Github pages</li>
                                                <li>Formatted text - paragraphs, headers</li>
                                                <li>Links, images, lists, tables</li>
                                                <li>CSS properties: colors, different fonts and font sizes</li>
                                                <li>HTML5, pseudo-classes, the box model, padding</li>
                                                <li>Layouts: positions, z-index, floats, clear</li>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>

                                <h2 class="text-center text-primary">Workshop</h2>

                                <div class="row margin-b-30">
                                    <div class="col-sm-3 event-info">
                                        <span>Session 2</span>
                                        <span>9:30 AM to 11:45 AM</span>
                                        <span class="event-hall"><a href="./wuhan.html">点击查看举办时间和地点</a></span>
                                    </div>
                                    <div class="col-sm-9 event-detail">
                                        <h3><a href="#">Intro to HTML & CSS</a></h3>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <li>Fixed and fluid pages</li>
                                                <li>HTML5: browser compatibility, new structural elements </li>
                                                <li>Horizontal & fixed navigation</li>
                                                <li>Heroes with full bleed background images</li>
                                                <li>Border-radius on images & elements</li>
                                                <li>Custom font-faces</li>
                                                <li>Three column layouts</li>
                                                <li>Fancy buttons</li>
                                                <li>SVG graphics</li>
                                                <li>Colors: RGBA colors and opacity, gradients</li>
                                                <li>Transform: scale, rotate, translate</li>
                                                <li>Responsive web design: fluid grids, flexible images, media queries</li>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row margin-b-30" style="opacity: 0.7;">
                                    <div class="col-sm-3 event-info">

                                        <span>12:00 AM to 1:00 AM</span>
                                    </div>
                                    <div class="col-sm-9 event-detail">
                                        <h3><a href="#">lunch</a></h3>
                                        <p>
                                            We provide lunch for free.
                                        </p>
                                    </div>
                                </div>

                                <div class="row margin-b-30">
                                    <div class="col-sm-3 event-info">
                                        <span>Session 3</span>
                                        <span>1:00 PM to 3:00 PM</span>
                                    </div>
                                    <div class="col-sm-9 event-detail">
                                        <h3><a href="#">Bootstrap Responsive Design</a></h3>
                                        <div class="row margin-b-20">
                                            <div class="col-sm-12">
                                                <li>HTML & CSS Review</li>
                                                <li>Tools and pro-tips for front-end development and debuggin</li>
                                                <li>Good defaults and comparison of front-end frameworks
                                                    <</li>
                                                        <li>Bootstrap grid system</li>
                                                        <li>Exercise - Fluid layout with bootstrap system</li>
                                                        <li>Bootstrap CSS, component classes, atomic design</li>
                                                        <li>Building a website with UI components</li>
                                                        <li>Exercise - Splash page for your portfolio</li>
                                                        <li>Exercise - Contact me for</li>
                                                        <li>Exercise - Personal website gallery</li>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row margin-b-30">
                                    <div class="col-sm-3 event-info">
                                        <span>3:00 PM to 3:30 PM</span>
                                    </div>
                                    <div class="col-sm-9 event-detail">
                                        <h3><a href="#">Lightning Talks of Startup and Females</a></h3>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <p>
                                                    Once there are startups initialized at our workshop, thanks to our famous lightning talks speakers showed up and inspired the participants.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                

                                <div class="row margin-b-30">
                                    <div class="col-sm-3 event-info">
                                        <span>Session 4</span>
                                        <span>3:30 PM to 5:30 PM</span>
                                        <!-- <span class="event-hall">当地组织者决定</span> -->
                                    </div>
                                    <div class="col-sm-9 event-detail">
                                        <h3><a href="#">Rebuiding & Deploying</a></h3>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <li>Rebuid Bootstrap website based on your idea</li>
                                                <li><b>Peer Critique</b>: Bootstrap projects</li>

                                            </div>

                                            <div class="col-sm-12">
                                                <li><b>Exercise</b> – Set up repository and account on Github</li>
                                                <li><b>Exercise</b> - Deploy with Github pages, show off to friends</li>
                                                <li><b>Exercise</b> - Student Project Directory, submit a PR with your entry to showcase your work & stay in touch</li>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-sm-3 event-info">
                                        <span>Session 5</span>
                                        <span>5:30 PM to 6:15 PM</span>
                                        <!-- <span class="event-hall">当地组织者决定</span> -->
                                    </div>
                                    <div class="col-sm-9 event-detail">
                                        <h3><a href="#">Review & Award</a></h3>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <li><b>Presentation</b> – Introduct your idea and website to all participants</li>
                                                <li><b>Awarding</b> - Vote for the excellent websites and award them</li>
                                            </div>
      
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <!-- <div role="tabpanel" class="tab-pane fade" id="02">
                                    <div class="row margin-b-30">
                                        <div class="col-sm-3 event-info">
                                            <span>Saturday</span>
                                            <span>9:00 AM to 10:45 AM</span>
                                            <span class="event-hall">当地组织者决定</span>
                                        </div>
                                        <div class="col-sm-9 event-detail">
                                            <h3><a href="#">Introducing bootstrap4 features</a></h3>
                                            <div class="row margin-b-20">
                                                <div class="col-sm-2">
                                                    <img src="images/team-1.jpg" alt="" class="img-responsive">
                                                </div>
                                                <div class="col-sm-10">
                                                    <h4>Nikita Miller</h4>
                                                    <p>
                                                        But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings, the master-builder of human happiness
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-2">
                                                    <img src="images/team-2.jpg" alt="" class="img-responsive">
                                                </div>
                                                <div class="col-sm-10">
                                                    <h4>Johathan Doe</h4>
                                                    <p>
                                                        But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings, the master-builder of human happiness
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row margin-b-30">
                                        <div class="col-sm-3 event-info">
                                            <span>Saturday</span>
                                            <span>11:00 AM to 11:45 AM</span>
                                            <span class="event-hall">当地组织者决定</span>
                                        </div>
                                        <div class="col-sm-9 event-detail">
                                            <h3><a href="#">Roadmap about bootstrap updates</a></h3>
                                            <div class="row">
                                                <div class="col-sm-2">
                                                    <img src="images/team-4.jpg" alt="" class="img-responsive">
                                                </div>
                                                <div class="col-sm-10">
                                                    <h4>Robert</h4>
                                                    <p>
                                                        But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings, the master-builder of human happiness
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row margin-b-30" style="opacity: 0.7;">
                                        <div class="col-sm-3 event-info">
                                            <span>Monday</span>
                                            <span>1:00 AM to 2:00 AM</span>
                                            <span class="event-hall">Fulkari Restaurant</span>
                                        </div>
                                        <div class="col-sm-9 event-detail">
                                            <h3><a href="#">lunch</a></h3>
                                            <p>
                                                But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings, the master-builder of human happiness
                                            </p>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3 event-info">
                                            <span>Monday</span>
                                            <span>2:00 AM to 4:30 AM</span>
                                            <span class="event-hall">当地组织者决定</span>
                                        </div>
                                        <div class="col-sm-9 event-detail">
                                            <h3><a href="#">Bootstrap with AngularJs</a></h3>
                                            <div class="row">
                                                <div class="col-sm-2">
                                                    <img src="images/team-4.jpg" alt="" class="img-responsive">
                                                </div>
                                                <div class="col-sm-10">
                                                    <h4>Smitha Doe</h4>
                                                    <p>
                                                        But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings, the master-builder of human happiness
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane fade " id="03">
                                    <div class="row margin-b-30">
                                        <div class="col-sm-3 event-info">
                                            <span>Wednesday</span>
                                            <span>9:00 AM to 10:45 AM</span>
                                            <span class="event-hall">当地组织者决定</span>
                                        </div>
                                        <div class="col-sm-9 event-detail">
                                            <h3><a href="#">Lorem ipsum dolor sit amet</a></h3>
                                            <div class="row margin-b-20">
                                                <div class="col-sm-2">
                                                    <img src="images/team-5.jpg" alt="" class="img-responsive">
                                                </div>
                                                <div class="col-sm-10">
                                                    <h4>John Miller</h4>
                                                    <p>
                                                        But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings, the master-builder of human happiness
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-2">
                                                    <img src="images/team-6.jpg" alt="" class="img-responsive">
                                                </div>
                                                <div class="col-sm-10">
                                                    <h4>Adam Doe</h4>
                                                    <p>
                                                        But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings, the master-builder of human happiness
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row margin-b-30">
                                        <div class="col-sm-3 event-info">
                                            <span>Wednesday</span>
                                            <span>11:00 AM to 11:45 AM</span>
                                            <span class="event-hall">当地组织者决定</span>
                                        </div>
                                        <div class="col-sm-9 event-detail">
                                            <h3><a href="#">Roadmap about bootstrap updates</a></h3>
                                            <div class="row">
                                                <div class="col-sm-2">
                                                    <img src="images/team-4.jpg" alt="" class="img-responsive">
                                                </div>
                                                <div class="col-sm-10">
                                                    <h4>Robert</h4>
                                                    <p>
                                                        But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings, the master-builder of human happiness
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row margin-b-30" style="opacity: 0.7;">
                                        <div class="col-sm-3 event-info">
                                            <span>Wednesday</span>
                                            <span>1:00 AM to 2:00 AM</span>
                                            <span class="event-hall">Fulkari Restaurant</span>
                                        </div>
                                        <div class="col-sm-9 event-detail">
                                            <h3><a href="#">lunch</a></h3>
                                            <p>
                                                But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings, the master-builder of human happiness
                                            </p>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3 event-info">
                                            <span>Wednesday</span>
                                            <span>2:00 AM to 4:30 AM</span>
                                            <span class="event-hall">当地组织者决定</span>
                                        </div>
                                        <div class="col-sm-9 event-detail">
                                            <h3><a href="#">Closing ceremony</a></h3>
                                            <div class="row">
                                                <div class="col-sm-2">
                                                    <img src="images/team-4.jpg" alt="" class="img-responsive">
                                                </div>
                                                <div class="col-sm-10">
                                                    <h4>Smitha Doe</h4>
                                                    <p>
                                                        But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings, the master-builder of human happiness
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--schedule end-->


    <!--feedbacks start-->
    <section id="volunteers" class="testimonials-section">
        <div class="container">
            <div class="row">
                <div class="col-sm-4">
                    <h1 class="text-capitalize text-white">
                            Why people volunteer for <br>Girls Coding Day ?
                        </h1>
                    <br>
                    <br>
                    <div class="btn-group">
                        <!-- <a href="https://girlscodingday.typeform.com/to/xP1yFD"><button type="button" class="btn btn-primary">教练 & 志愿者报名</button></a> -->
                        <a href="volunteers.html"><button type="button" class="btn btn-primary">志愿者一览</button></a>
                    </div>
                </div>
                <div class="col-sm-8 text-left">
                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                              <!-- <h2 class="rotation-title">活动发起人</h2> -->
                                <div class="owl-carousel" id="sync1">
                                    <div class="item">
                                        <p class="lead text-white">
                                            "以帮助女性数字赋能平权为使命，以平凡的姿态做不平凡的事"
                                        </p>
                                        <h5 class="text-white">文洋 <small class="text-white"> - Coding Girls Club Founder</small></h5>
                                    </div>

                                    <div class="item">
                                        <p class="lead text-white">
                                            "相信兴趣是学习的第一核动力！"
                                        </p>
                                        <h5 class="text-white">张韫杰 <small class="text-white"> - 美团网</small></h5>
                                    </div>

                                    <div class="item">
                                        <p class="lead text-white">
                                            "Coding 是通往新世界的一扇大门，愿你我一起坚定有耐心充满好奇地推开它。"
                                        </p>
                                        <h5 class="text-white">张丹 <small class="text-white"> - </small></h5>
                                    </div>

                                    <div class="item">
                                        <p class="lead text-white">
                                            "Thanks  to all who’ve helped me."
                                        </p>
                                        <h5 class="text-white">张瑄 <small class="text-white"> - 中国传媒大学</small></h5>
                                    </div>
                                    <div class="item">
                                        <p class="lead text-white">
                                            "Somtimes you just need to be your own hero."
                                        </p>
                                        <h5 class="text-white">钱冰沁 <small class="text-white"> - ThoughtWorks</small></h5>
                                    </div>

                                    <div class="item">
                                        <p class="lead text-white">
                                            "Stay curious, stay childlike."
                                        </p>
                                        <h5 class="text-white">孙秋 <small class="text-white"> - Freelancer</small></h5>
                                    </div>
                                    <div class="item">
                                        <p class="lead text-white">
                                            "热爱折腾热爱养梦。"
                                        </p>
                                        <h5 class="text-white">张弦 <small class="text-white"> - 幻腾智能</small></h5>
                                    </div>
                                    <div class="item">
                                        <p class="lead text-white">
                                            "If you do what you've always done, you'll get what you've always gotten."
                                        </p>
                                        <h5 class="text-white">若水 <small class="text-white"> - 住百家</small></h5>
                                    </div>
                                </div>

                                <div class="owl-carousel owl-thumnails" id="sync2">
                                    <div class="item">
                                        <img src="http://ocuwjo7n4.bkt.clouddn.com/blog/2017-06-04-wenyang.jpg" alt="" class="img-responsive img-circle">
                                    </div>
                                    <div class="item">
                                        <img src="http://ocuwjo7n4.bkt.clouddn.com/blog/2017-06-04-kiwi.jpeg" alt="" class="img-responsive img-circle">
                                    </div>
                                    <div class="item">
                                        <img src="http://ocuwjo7n4.bkt.clouddn.com/blog/2017-06-04-zhangdan.jpeg" alt="" class="img-responsive img-circle">
                                    </div>
                                    <div class="item">
                                        <img src="http://ocuwjo7n4.bkt.clouddn.com/blog/2017-06-04-zhangxuan.png" alt="" class="img-responsive img-circle">
                                    </div>                                    
                                    <div class="item">
                                        <img src="http://ocuwjo7n4.bkt.clouddn.com/blog/2017-06-04-qianbingqin.jpeg" alt="" class="img-responsive img-circle">
                                    </div>
                                    <div class="item">
                                        <img src="http://ocuwjo7n4.bkt.clouddn.com/blog/2017-06-04-sunqiu.jpeg" alt="" class="img-responsive img-circle">
                                    </div>
                                    <div class="item">
                                        <img src="http://ocuwjo7n4.bkt.clouddn.com/blog/2017-06-04-zhangxian.jpeg" alt="" class="img-responsive img-circle">
                                    </div>
                                    <div class="item">
                                        <img src="http://ocuwjo7n4.bkt.clouddn.com/blog/2017-06-04-ruoshui.jpeg" alt="" class="img-responsive img-circle">
                                    </div>
                                </div>
                            </div>

                            <div class="item">
                              <!-- <h2 class="rotation-title">武汉志愿者</h2> -->
                                <div class="owl-carousel" id="sync3">
                                    <div class="item">
                                        <p class="lead text-white">
                                            "多看些风景，多看点书，多走点路"</p>
                                        <h5 class="text-white">杨小媚 <small class="text-white"> - 盛安德软件</small></h5>
                                    </div>

                                    <div class="item">
                                        <p class="lead text-white">
                                            "Hello world, Let's doodle!"</p>
                                        <h5 class="text-white">高洁 <small class="text-white"> - 光谷社区</small></h5>
                                    </div>

                                    <div class="item">
                                        <p class="lead text-white">
                                            "Code will bring love and peace"</p>
                                        <h5 class="text-white">刘晨阳 <small class="text-white"> - 盛安德软件</small></h5>
                                    </div>

                                    <div class="item">
                                        <p class="lead text-white">
                                            "Being a developer, have fun!"</p>
                                        <h5 class="text-white">杨波 <small class="text-white"> - zhiren.com / tower.im</small></h5>
                                    </div>
                                </div>

                                <div class="owl-carousel owl-thumnails" id="sync4">
                                    <div class="item">
                                        <img src="http://ocuwjo7n4.bkt.clouddn.com/blog/2017-06-04-yangxiaomei.png" alt="" class="img-responsive img-circle">
                                    </div>
                                    <div class="item">
                                        <img src="http://ocuwjo7n4.bkt.clouddn.com/blog/2017-06-04-gaojie.png" alt="" class="img-responsive img-circle">
                                    </div>
                                    <div class="item">
                                        <img src="http://ocuwjo7n4.bkt.clouddn.com/blog/2017-06-04-liuchenyang.png" alt="" class="img-responsive img-circle">
                                    </div>
                                    <div class="item">
                                        <img src="http://ocuwjo7n4.bkt.clouddn.com/blog/2017-06-04-yangbo.png" alt="" class="img-responsive img-circle">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <ol class="carousel-indicators">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        </ol>
                    </div>

                </div>
            </div>

        </div>
    </section>
    <!--feedbacks section end-->
    <!--parallax section start-->
    <!-- <div class="cta" data-stellar-background-ratio="0.5">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-sm-offset-3 text-center">
                    <h1 class="text-white font-700">Register for Conference now</h1>
                    <p class="lead text-white">
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. took a galley of type and scrambled it to make a type.
                    </p>
                    <a href="#" class="btn btn-lg btn-white-border">
                            Register Now
                        </a>
                </div>
            </div>
        </div>
    </div> -->
    <!--parallax section end-->


    <section id="pricing" class="padded-top-70 padded-bottom-40">
        <div class='container'>
            <div class="row">
                <div class="col-sm-10 col-sm-offset-1 text-center">
                    <div class="center-title">
                        <h2>承诺费</h2>
                        <p class='lead'>
                            本工作坊为非盈利活动，<b>报名无需缴费</b>。<br> 通过筛选的参与者需缴纳少量承诺费，只要完整参与工作坊，将退还承诺费。
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class='container'>
            <div class='row no-margin'>
                <div class='col-sm-4 no-padding margin-b-30 col-sm-offset-2'>
                    <div class='price-box'>
                        <h3 class="font-700 text-uppercase">学生</h3>
                        <span class='price'>
                                <sup>￥</sup> 49
                            </span>
                        <ul class="price-features list-unstyled">
                            <li>Workshop Kit</li>
                            <li>Coffee break</li>
                            <li>Lunch</li>
                            <li>Competition Bonus</li>
                        </ul>
                        <!-- <div class='text-center'>
                            <a href='#' class="btn btn-dark-border">Buy Now</a>
                        </div> -->
                    </div>
                </div>
                <div class='col-sm-4 no-padding margin-b-30'>
                    <div class='price-box popular'>
                        <h3 class="font-700 text-uppercase">在职女性</h3>
                        <span class='price'>
                                <sup>￥</sup> 149
                            </span>
                        <ul class="price-features list-unstyled">
                            <li>Workshop Kit</li>
                            <li>Coffee break</li>
                            <li>Lunch</li>
                            <li>Competition Bonus</li>
                        </ul>
                        <!-- <div class='text-center'>
                            <a href='#' class="btn btn-white-border">Buy Now</a>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--end pricing-->

    <!--register section start-->
    <!-- <section id="register">
        <div class="half-image-section dark-section">
            <div class="image-col bg3 right"></div>
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="half-section-content right-img-content">
                            <h3 class="font-700">Register Now</h3>
                            <p class="margin-b-30 lead">
                                Doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
                            </p>
                            <form class="register-form" action="index.html">
                                <div class="row">
                                    <div class='col-sm-6'>
                                        <input type="text" class="form-control" placeholder="Name*">
                                    </div>
                                    <div class='col-sm-6'>
                                        <input type="text" class="form-control" placeholder="Email*">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class='col-sm-6'>
                                        <input type="text" class="form-control" placeholder="Phone*">
                                    </div>
                                    <div class='col-sm-6'>
                                        <select class="form-control">
                                                <option>- Ticket Type -</option>
                                                <option>Early Bird</option>
                                                <option>Silver Pass</option>
                                                <option>Gold pass</option>
                                            </select>
                                    </div>
                                </div>
                                <div class="text-center">
                                    <input type="submit" value="Register Now" class="btn btn-lg btn-theme-bg">
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
    <!--register section end-->


    <section id="host" class="gallery-section padded-top-70 padded-bottom-40">
        <div class="container">
            <div class="row">
                <div class="col-sm-8 col-sm-offset-2 text-center">
                    <div class="center-title">
                        <h2>Host</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 margin-b-30 col-sm-offset-4">
                    <a href="http://www.codingirls.club">
                        <img src="images/partners/cgc.jpg" alt="Coding Girls Club" class="img-responsive">
                    </a>
                    <!--gallery item-->
                </div>
                <!--gallery item col-->
            </div>
            <!--gallery row-->
            <!-- <div class="text-center margin-b-30">
                    <h5>View all images at <a href="#" class="text-underline">Instagram</a></h5>
                </div>
            </div> -->
    </section>

    <!-- <section id='partners' class="padded-bottom-40 padded-top-70">
        <div class="container">
            <div class="row">
                <div class="col-sm-8 col-sm-offset-2 text-center">
                    <div class="center-title">
                        <h2>Proudly cooperate with</h2>
                        <p class='lead'>非常骄傲与她们为伍</p>
                    </div>
                </div>
            </div>
            <div class="row margin-b-20">
                <div class='col-sm-10 col-sm-offset-1'>
                    <div class="row sponsors-row">
                        <div class='col-sm-3'>
                            <a href="https://school.thoughtworks.cn/">
                                <img src="images/partners/thoughtworks-school.jpeg" alt="思沃学院" class="img-responsive">
                            </a>
                        </div>
                        <div class='col-sm-3'>
                            <img src="images/ad.png" alt="" class="img-responsive">
                        </div>
                        <div class='col-sm-3'>
                            <img src="images/ad.png" alt="" class="img-responsive">
                        </div>
                        <div class='col-sm-3'>
                            <img src="images/ad.png" alt="" class="img-responsive">
                        </div>
                        <div class='col-sm-3'>
                            <img src="images/ad.png" alt="" class="img-responsive">
                        </div>
                    </div>
                    <div class="row sponsors-row">
                        <div class='col-sm-3'>
                            <img src="images/ad.png" alt="" class="img-responsive">
                        </div>
                        <div class='col-sm-3'>
                            <img src="images/ad.png" alt="" class="img-responsive">
                        </div>
                        <div class='col-sm-3'>
                            <img src="images/ad.png" alt="" class="img-responsive">
                        </div>
                        <div class='col-sm-3'>
                            <img src="images/ad.png" alt="" class="img-responsive">
                        </div>
                    </div>
                </div>
            </div>
            <div class='text-center margin-b-30'>
                <h5>Want to become a partner <a href='mailto:wenyang@codingirls.club?subject=Partner with Girls Coding Day' class="text-underline">Click here</a></h5>
            </div>
        </div>
    </section> -->
    <!--end partners-->

    <section id='sponsors' class="padded-bottom-40 padded-top-70">
        <div class="container">
            <div class="row">
                <div class="col-sm-8 col-sm-offset-2 text-center">
                    <div class="center-title">
                        <h2>Luckly sponsored by</h2>
                        <p class='lead'>有幸得到以下企业大力支持</p>
                    </div>
                </div>
            </div>
            <div class="row margin-b-20">
                <div class='col-sm-10 col-sm-offset-1'>
                    <div class="row sponsors-row">
                        <div class='col-sm-3'>
                            <a href="https://yunbi.com/"></a>
                            <img src="images/sponsors/yunbi.png" alt="Yunbi" class="img-responsive">
                        </div>

                        <div class='col-sm-3'>
                            <img src="images/ad.png" alt="" class="img-responsive">
                        </div>
                        <div class='col-sm-3'>
                            <img src="images/ad.png" alt="" class="img-responsive">
                        </div>
                        <div class='col-sm-3'>
                            <img src="images/ad.png" alt="" class="img-responsive">
                        </div>
                    </div>
                    <div class="row sponsors-row">
                        <div class='col-sm-3'>
                            <img src="images/ad.png" alt="" class="img-responsive">
                        </div>
                        <div class='col-sm-3'>
                            <img src="images/ad.png" alt="" class="img-responsive">
                        </div>
                        <div class='col-sm-3'>
                            <img src="images/ad.png" alt="" class="img-responsive">
                        </div>
                        <div class='col-sm-3'>
                            <img src="images/ad.png" alt="" class="img-responsive">
                        </div>
                    </div>
                </div>
            </div>
            <div class='text-center margin-b-30'>
                <h5>Want to become a sponsor <a href='mailto:sponsor@codingirls.club?subject=Sponsor Girls Coding Day' class="text-underline">Click here</a></h5>
            </div>
        </div>
    </section>
    <!--end sponsors-->

    <section id='faqs' class="padded-top-70 padded-bottom-40 faqs">
        <div class='container'>
            <div class="row">
                <div class="col-sm-8 col-sm-offset-2 text-center">
                    <div class="center-title">
                        <h2>F.A.Q.</h2>
                        <p class='lead'>常见问题</p>
                    </div>
                </div>
            </div>
            <div class='row'>
                <div class='col-sm-4 margin-b-30'>
                    <h4>如何选择参与者 <i class="fa fa-question"></i> </h4>
                    <p>
                        因为名额有限，我们仅面向在校大学生和职场女性（全职妈妈也是在职女性哦）。请详细填写申请表单，向我们表达「为何你会是一个好的参与者」。我们希望选择有能力，也有意愿帮助她人的候选者。
                    </p>
                </div>
                <div class='col-sm-4 margin-b-30'>
                    <h4>编程小白也可以参加吗 <i class="fa fa-question"></i> </h4>
                    <p>
                        本次Workshop不需要你有任何的编程基础亦可参加，工作坊的目的就是启发你的编程基因，希望你找到更多「可能的自我」
                    </p>
                </div>
                <div class='col-sm-4 margin-b-30'>
                    <h4>能学会什么 <i class="fa fa-question"></i> </h4>
                    <p>
                        我们主要学习如何制作并部署一个<b>静态网站</b>，本网站就是一个静态网站，用来展示你的Idea。
                    </p>
                </div>
            </div>
            <div class='row'>
                <div class='col-sm-4 margin-b-30'>
                    <h4>男性可以参加此次工作坊吗 <i class="fa fa-question"></i> </h4>
                    <p>
                        我们关注如何帮助更多女性如何进入到IT世界，在男女比例严重失衡的IT领域我们希望通过这些活动增加女性比例。当然，我们坚信任何人都应该学习编程，你可以通过我们的合作伙伴找到一些其他学习资源，例如<a href="https://school.thoughtworks.cn/" class="text-info">思特沃克学院</a>。
                    </p>
                </div>
                <div class='col-sm-4 margin-b-30'>
                    <h4>Girls Coding Day开启后，各城市后续工作坊具体时间<i class="fa fa-question"></i>  </h4>
                    <p>
                        首次Girls Coding Day工作坊在您的城市开启后，将有当地的志愿者团队决定后续活动何时何地开展。 您可以添加CGC小助手加入当地的微信群，获得后续活动一手信息。甚至，报名充当志愿者。
                    </p>
                </div>
                <div class='col-sm-4 margin-b-30'>
                    <h4>I’d like to help out <i class="fa fa-exclamation"></i> And have more questions <i class="fa fa-question"></i>  </h4>
                    <p>
                        当然！本次活动是基于志愿者行为，你可以帮助我们宣传活动，过来当志愿者，还有甚至在当地组织workshop。
                    </p>
                    <p>
                        如有其他的想法，请发邮件 info@codingirls.club.
                    </p>
                </div>

            </div>
        </div>
    </section>
    <!--end faqs-->


    <!-- <section id='subscribe' class="subscribe-section" data-stellar-background-ratio='0.5'>
            <div class='container text-center'>
                <h1 class="text-capitalize text-white font-700">Subscribe for latest news</h1>
                <div class='newsletter-form'>
                    <form>
                        <input type="email" class="form-control" placeholder="Your Email...">
                        <input type="submit" class="btn btn-theme-bg btn-lg" value="Subscribe">
                    </form>
                </div>
            </div>
        </section> -->
    <!--subscribe section end-->


    <!-- <div class="half-image-section dark-section">
        <div class="image-col right">
          <div id="google-map" style="width: 100%; height: 100%;"></div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="half-section-content contact-info">
                        <h3 class="font-400 margin-b-30">Contact Info</h3>
                        <p class="lead"><strong>Address:</strong>124, Lorem Street, Opera House, Sydney, Australia</p>
                        <p class="lead">
                            <strong>Mail:</strong> <a href="mailto:wenyang@codingirls.club">wenyang@codingirls.club</a>
                        </p>
                        <p class="lead">
                            <strong>添加微信机器人:</strong> <big>codingirls</big>
                        </p>
                        <img src="images/codingirls-wechat.jpg" class="img-responsive" alt="wechat">
                        <ul class='list-inline margin-b-20'>
                          <li><a href='#'><i class="fa fa-zhihu"></i></a></li>
                          <li><a href='#'><i class="fa fa-weibo"></i></a></li>
                          <li><a href='#'><i class="fa fa-wechat"></i></a></li>
                          <li><a href='#'><i class="fa fa-twitter"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div> -->
    <footer id="footer" class="footer">
        <div class="container">
            <div class='col-sm-8'>
                <ul class='list-inline'>
                    <li>Hosted by <a href='http://www.codingirls.club/'>Coding Girls Club</a></li>

                </ul>
            </div>
            <div class='col-sm-4 footer__copyright'>
                <span>&copy; Copyright 2017. Coding Girls Club</span>
            </div>
        </div>
    </footer>
    <!--footer end-->

    <!--video modal -->

    <!-- Modal -->
    <!-- <div class="modal fade video-modal" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="videoModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="embed-responsive embed-responsive-16by9">
                        <iframe width="854" height="480" src="https://www.youtube.com/embed/VJnTBAQEQX8" frameborder="0" allowfullscreen></iframe>
                    </div>

                </div>
            </div>
        </div>
    </div> -->
    <!--end modal-->
    <!-- jQuery-->
    <script src="plugins/jquery/dist/jquery.min.js"></script>
    <script src="js/jquery-migrate.min.js"></script>
    <script src="plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="plugins/owl-carousel/owl.carousel.min.js"></script>
    <script src="js/jquery.stellar.min.js"></script>
    <script src="js/jquery.sticky.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <script src="js/jquery.countdown.min.js"></script>
    <script src="plugins/lightbox2/dist/js/lightbox.min.js"></script>
    <script src="js/custom.js"></script>
    <!--google map-->
    <!-- <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script src="js/google-map.js"></script> -->
</body>

</html>