<!DOCTYPE html>
<html lang="en" class="no-js">
    <!-- BEGIN HEAD -->
    <head>
        <meta charset="utf-8"/>
        <title>Math and Science Education</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1" name="viewport"/>
        <meta content="" name="description"/>
        <meta content="" name="author"/>

        <!-- GLOBAL MANDATORY STYLES -->
        <link href="http://fonts.googleapis.com/css?family=Hind:300,400,500,600,700" rel="stylesheet" type="text/css">
        <link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css"/>
        <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

        <!-- PAGE LEVEL PLUGIN STYLES -->
        <link href="css/animate.css" rel="stylesheet">
        <link href="vendor/swiper/css/swiper.min.css" rel="stylesheet" type="text/css"/>
        <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css"/>

        <!-- THEME STYLES -->
        <link href="css/layout.min.css" rel="stylesheet" type="text/css"/>

        <!-- Favicon -->
        <link rel="shortcut icon" href="favicon.ico"/>
    </head>
    <!-- END HEAD -->

    <!-- STYLE -->
    <style>
    .floaties{
      vertical-align: top;
      display: inline-block;
      width: 280px;
      padding: 10px;
      padding-bottom: 15px;
    }

    .teampic{
      border-radius: 100px;
      height: 200px;
    }
    </style>
    <!-- END STYLE -->

    <!-- BODY -->
    <body id="body" data-spy="scroll" data-target=".header">

        <!--========== HEADER ==========-->
        <header class="header navbar-fixed-top">
            <!-- Navbar -->
            <nav class="navbar" role="navigation">
                <div class="container">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="menu-container js_nav-item">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="toggle-icon"></span>
                        </button>

                        <!-- Logo -->
                        <div class="logo">
                            <a class="logo-wrap" href="index.html">
                                <img class="logo-img logo-img-main" src="img/logo.png" alt="Asentus Logo">
                                <img class="logo-img logo-img-active" src="img/logo-dark.png" alt="Asentus Logo">
                            </a>
                        </div>
                        <!-- End Logo -->
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse nav-collapse">
                        <div class="menu-container">
                            <ul class="nav navbar-nav navbar-nav-right">
                              <li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="index.html">Home</a></li>
                              <li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="about.html">About</a></li>
                              <li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="team.html">Team</a></li>
                              <li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="faq.html">FAQ</a></li>
                              <li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="volunteer.html">Volunteer</a></li>
                              <li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="photo.html">Photos</a></li>
                              <li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="contact.html">Contact</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- End Navbar Collapse -->
                </div>
            </nav>
            <!-- Navbar -->
        </header>
        <!--========== END HEADER ==========-->

        <!--========== SLIDER ==========-->
        <div class="promo-block">
            <div class="container">
                <div class="margin-b-40">
                    <h1 class="promo-block-title">Team</h1>
                </div>
            </div>
        </div>
        <!--========== END SLIDER ========== -->
        <!-- 2017-18 TEAM -->
        <div>
          <div class= "container" style= "padding-top: 100px; padding-bottom: 50px; padding-left: 0px; padding-right: 0px;
           text-align: center; font-size: 18px; color: #606060;">
            <h1>Meet Our 2017-18 Team</h1><br>
            <div class="floaties">
              <img class="teampic" src="img/team/300/grace.jpg"><br><br>
              <b>Grace Jiang</b><br>
              <i>MSJHS '18</i><br>
              AIME Qualifier<br>
              Science Olympiad Team
              <!--MathEdge Intern/TA<br>-->
            </div>
            <div class="floaties">
             <img class="teampic" src="img/team/300/tyler.jpg"><br><br>
             <b>Tyler Zhu</b><br>
             <i>IHS '18</i><br>
             USAMO Qualifier<br>
             <!--USACO Platinum Division <br>-->
             IHS Math Club President
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/laura.jpg"><br><br>
              <b>Laura Savio</b><br>
              <i>MSJHS '19</i><br>
              SPLASH Presenter<br>
              Science for Youth VP<br>
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/kanav.jpg"><br><br>
              <b>Kanav Kalucha</b><br>
              <i>MSJHS '19</i><br>
              USACO Gold Division<br>
              <!--California TSA State Reporter<br>-->
              STEM Success Organizer
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/ishil.jpg"><br><br>
              <b>Ishil Puri</b><br>
              <i>MSJHS '19</i><br>
              <!--COSMOS Video Game Designer<br>-->
              MSJ Computer Science VP<br>
              Java TA at ATDP, UCB
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/michelle.jpg"><br><br>
              <b>Michelle Lin</b><br>
              <i>MSJHS '18</i><br>
              COSMOS Math Cluster
            </div>
          </div>
        </div>
        <!-- END 2017-18 TEAM -->

        <!-- ALUMNI -->
        <div style="background: #303030;">
          <div class="container" style= "color: white; padding-top: 50px; padding-bottom: 50px; padding-left: 0px; padding-right: 0px;
          text-align: center; font-size: 18px;">
            <h1 style="color: white;">Past MASE Alumni</h1><br>
            <!--<div class="floaties">
              <img class="teampic" src="img/team/300/grace.jpg"><br><br>
              <b>Grace Jiang</b><br>
              University of Pennsylvania '22
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/tyler.jpg"><br><br>
              <b>Tyler Zhu</b><br>
              UC Berkeley '22
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/michelle.jpg"><br><br>
              <b>Michelle Lin</b><br>
              UC Berkeley '22
            </div>
          -->
            <div class="floaties">
              <img class="teampic" src="img/team/300/caroline.jpg"><br><br>
              <b>Caroline Chen</b><br>
              MIT '21
            </div>
            <div class="floaties">
             <img class="teampic" src="img/team/300/emily.jpg"><br><br>
             <b>Emily Shiang</b><br>
             Cornell University '21
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/mzhang.jpg"><br><br>
              <b>Michelle Zhang</b><br>
              UC Berkeley '21
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/faith.jpg"><br><br>
              <b>Faith Huang</b><br>
              UC San Diego '21
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/william.jpg"><br><br>
              <b>Wiliam Tu</b><br>
              Univeristy of Richmond '21
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/matthew.jpg"><br><br>
              <b>Matthew Saleem</b><br>
              Hofstra '20
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/trisha.jpg"><br><br>
              <b>Trisha Shang</b><br>
              UC Berkeley '20
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/john.jpg"><br><br>
              <b>John Tu</b><br>
              Vanderbilt University '19
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/dora.jpg"><br><br>
              <b>Dora Li</b><br>
              University of Michigan '19
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/katherine.jpg"><br><br>
              <b>Katherine Tian</b><br>
              UC San Diego '19
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/kevin.jpg"><br><br>
              <b>Kevin Wu</b><br>
              UC Berkeley '19
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/megan.jpg"><br><br>
              <b>Megan Ren</b><br>
              UC Los Angeles '19
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/tejas.jpg"><br><br>
              <b>Tejas Bharadwaj</b><br>
              UC Berkeley '19
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/mudit.jpg"><br><br>
              <b>Mudit Mittal</b><br>
              UC Berkeley '19
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/james.jpg"><br><br>
              <b>James Kwok</b><br>
              UC Berkeley '19
            </div>
            <!--<div class="floaties">
              <img class="teampic" src="img/team/300/lesley.jpg"><br><br>
              <b>Lesley Lu</b><br>
              UC Berkeley '19
            </div>-->
            <div class="floaties">
              <img class="teampic" src="img/team/300/molly.jpg"><br><br>
              <b>Molly Zhang</b><br>
              Cornell University '19
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/amy.jpg"><br><br>
              <b>Amy Huang</b><br>
              MIT '18
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/zerkeen.jpg"><br><br>
              <b>Zer Keen Chia</b><br>
              Northwestern University '18
            </div>
            <div class="floaties">
              <img class="teampic" src="img/team/300/joshua.jpg"><br><br>
              <b>Joshua Ho</b><br>
              UC Los Angeles '18
            </div>
          </div>
        </div>
        <!-- END ALUMNI -->

        <footer class="footer">
            <!-- Links -->
            <div class="section-seperator">
                <div class="content-md container" style="padding: 40px; padding-bottom: 30px;">
                    <div class="row">
                        <div class="col-sm-2 sm-margin-b-30">
                            <!-- List -->
                            <ul class="list-unstyled footer-list">
                                <li class="footer-list-item">Contact Us!</li>
                                <li class="footer-list-item"><a href="https://www.facebook.com/groups/mathandsciedu/">Facebook</a></li>
                                <li class="footer-list-item"><a href="mailto:mathandsciedu@gmail.com">Email</a></li>
                            </ul>
                            <!-- End List -->
                        </div>
                        <div class="col-sm-3">
                            <!-- List -->
                            <ul class="list-unstyled footer-list">
                                <li class="footer-list-item"><a href="faq.html">FAQ</a></li>
                                <li class="footer-list-item"><a href="https://www.gofundme.com/mase-funding">Donate</a></li>
                                <li class="footer-list-item"><a href="terms.html">Photo Disclaimer</li>
                            </ul>
                            <!-- End List -->
                        </div>
                    </div>
                    <!--// end row -->
                </div>
            </div>
            <a href="javascript:void(0);" class="js-back-to-top back-to-top">Top</a>

            <!-- JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
            <!-- CORE PLUGINS -->
            <script src="vendor/jquery.min.js" type="text/javascript"></script>
            <script src="vendor/jquery-migrate.min.js" type="text/javascript"></script>
            <script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>

            <!-- PAGE LEVEL PLUGINS -->
            <script src="vendor/jquery.easing.js" type="text/javascript"></script>
            <script src="vendor/jquery.back-to-top.js" type="text/javascript"></script>
            <script src="vendor/jquery.smooth-scroll.js" type="text/javascript"></script>
            <script src="vendor/jquery.wow.min.js" type="text/javascript"></script>
            <script src="vendor/swiper/js/swiper.jquery.min.js" type="text/javascript"></script>
            <script src="vendor/magnific-popup/jquery.magnific-popup.min.js" type="text/javascript"></script>
            <script src="vendor/masonry/jquery.masonry.pkgd.min.js" type="text/javascript"></script>
            <script src="vendor/masonry/imagesloaded.pkgd.min.js" type="text/javascript"></script>
            <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBsXUGTFS09pLVdsYEE9YrO2y4IAncAO2U&amp;callback=initMap" async defer></script>

            <!-- PAGE LEVEL SCRIPTS -->
            <script src="js/layout.min.js" type="text/javascript"></script>
            <script src="js/components/wow.min.js" type="text/javascript"></script>
            <script src="js/components/swiper.min.js" type="text/javascript"></script>
            <script src="js/components/maginific-popup.min.js" type="text/javascript"></script>
            <script src="js/components/masonry.min.js" type="text/javascript"></script>
            <script src="js/components/gmap.min.js" type="text/javascript"></script>
  </body>
</html>