Difference between revisions of "Team:Tsinghua/Team"

(Prototype team page)
 
Line 1: Line 1:
 
{{Tsinghua}}
 
{{Tsinghua}}
−
<html>
+
<html lang="en-US">
−
 
+
    <head>
−
<div class="column two_thirds_size" >
+
        <meta charset="utf-8">
−
 
+
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
<h1>Team</h1>
+
        <meta name="viewport" content="width=device-width, initial-scale=1">
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
        <!--  -->
−
 
+
        <!--    Document Title-->
−
 
+
        <!-- =============================================-->
−
<h3>What should this page contain?</h3>
+
        <title>Team page of iGEM Tsinghua</title>
−
<ul>
+
        <!--  -->
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
        <!--    Favicons-->
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
        <!--    =============================================-->
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
        <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png">
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
        <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png">
−
</ul>
+
        <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png">
−
</div>
+
        <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicons/favicon.ico">
−
 
+
        <link rel="manifest" href="assets/images/favicons/manifest.json">
−
 
+
        <link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#5bbad5">
−
 
+
        <meta name="msapplication-TileImage" content="assets/images/favicons/mstile-150x150.png">
−
<div class="column third_size" >
+
        <meta name="theme-color" content="#ffffff">
−
<div class="highlight decoration_A_full">
+
        <!--  -->
−
<h3>Inspiration</h3>
+
        <!--    Stylesheets-->
−
<p>You can look at what other teams did to get some inspiration! <br />
+
        <!--    =============================================-->
−
Here are a few examples:</p>
+
        <!-- Default stylesheets-->
−
<ul>
+
        <link href="assets/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
        <!-- Template specific stylesheets-->
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
        <link href="assets/lib/loaders.css/loaders.min.css" rel="stylesheet">
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
        <link href="https://fonts.googleapis.com/css?family=Hind+Madurai:300,400,500,600,700|Playfair+Display:400,400i,700,700i,900,900i" rel="stylesheet">
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
        <link href="assets/lib/hamburgers/dist/hamburgers.min.css" rel="stylesheet">
−
</ul>
+
        <link href="assets/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
−
</div>
+
        <!-- Main stylesheet and color file-->
−
</div>
+
        <link href="assets/css/style.css" rel="stylesheet">
 +
        <link href="assets/css/custom.css" rel="stylesheet"> </head>
 +
    <body data-spy="scroll" data-target=".inner-link" data-offset="60">
 +
        <main>
 +
            <div class="loading" id="preloader">
 +
                <div class="h-100vh d-flex align-items-center justify-content-center background-1">
 +
                    <div class="loader">
 +
                        <div class="line-scale-pulse-out">
 +
                            <div></div>
 +
                            <div></div>
 +
                            <div></div>
 +
                            <div></div>
 +
                            <div></div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="znav-container znav-transparent mt-4" id="znav-container">
 +
                <div class="container">
 +
                    <nav class="navbar navbar-expand-lg">
 +
                        <a class="navbar-brand overflow-hidden pr-3 fs-3" href="index.html">iGEM
 +
                            <span class="d-none d-lg-inline-block"><em>Tsinghua</em></span>
 +
                        </a>
 +
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 +
                            <div class="hamburger hamburger--emphatic">
 +
                                <div class="hamburger-box">
 +
                                    <div class="hamburger-inner"></div>
 +
                                </div>
 +
                            </div>
 +
                        </button>
 +
                        <div class="collapse navbar-collapse" id="navbarNavDropdown">
 +
                            <ul class="navbar-nav font-2 fs-0">
 +
                                <li>
 +
                                    <a href="JavaScript:void(0)">Home</a>
 +
                                    <ul class="dropdown fs--1">
 +
                                        <li>
 +
                                            <a href="index.html">Slider Header</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="index--header-slider-classic.html">Slider Classic</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="index--header-static.html">Static Header</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="index--header-static-classic.html">Static Classic</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="index--header-youtube-video.html">Youtube Background </a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="index--header-youtube-video-classic.html">Youtube Classic</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="index--header-selfhosted-video.html">Self-hosted Video</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="index--header-selfhosted-video-classic.html">Self-hosted Classic</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="JavaScript:void(0)">About us</a>
 +
                                    <ul class="dropdown fs--1">
 +
                                        <li>
 +
                                            <a href="gallery.html">Gallery</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="amenities.html">Amenities</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="packages.html">Packages</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="history.html">Our History</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="contact.html">Parts</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="contact.html">Team</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="contact.html">Project</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="contact.html">Collaboration</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="JavaScript:void(0)">Medals</a>
 +
                                    <ul class="dropdown fs--1">
 +
                                        <li>
 +
                                            <a href="components-buttons.html">Buttons</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="components-colors.html">Colors</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="components-googlemap.html">Google Map</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="components-grid.html">Grid</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="components-icons.html">Icons</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="components-layouthelpers.html">Layout Helpers</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="components-modal-video.html">Modal Video</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="components-owlcarousal.html">Owl Carousal</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="components-slider.html">Slider</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="components-typography.html">Typography</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 +
                            </ul>
 +
                            <ul class="navbar-nav ml-auto">
 +
                                <li class="text-center">
 +
                                   
 +
                                    <a class="pl-3 pl-lg-1 d-inline-block" href="#">
 +
                                        <span class="fa fa-google-plus"></span>
 +
                                    </a>
 +
                                </li>
 +
                           
 +
                            </ul>
 +
                        </div>
 +
                    </nav>
 +
                </div>
 +
            </div>
 +
            <section class="py-0 overflow-hidden">
 +
                <div class="background-holder overlay overlay-2 parallax" style="background-image:url(assets/images/main-header-1.jpg);"> </div>
 +
                <!--/.background-holder-->
 +
                <div class="container">
 +
                    <div class="row align-items-center justify-content-center text-center pt-8 pb-6" style="height: 50vh; min-height: 300px;" data-zanim-timeline="{}" data-zanim-trigger="scroll">
 +
                        <div class="col">
 +
                            <div class="overflow-hidden">
 +
                            <h1 class="color-white fs-5 fs-lg-7"  > Meet Our Team </h1>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <!--/.row-->
 +
                </div>
 +
                <!--/.container-->
 +
            </section>
 +
            <section>
 +
                  <div class="container">
 +
                    <div class="row">
 +
                        <div class="col-lg-4">
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/cgq.jpg" alt="" />
 +
                                    <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
 +
                                     
 +
                                    </div>
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"> <h3 style="color: rgba(255,255,255,1.00)">Team Instructor</h3></div>
 +
                                    </div>
 +
                                   
 +
                                </div>
 +
                                <h4 style="color: rgba(7,18,48,1.00)"><center>Guoqiang Chen</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/szr.jpg" alt="" />
 +
                                    <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Team Instructor</h3></div></div>
 +
                                    </div>
 +
                                   
 +
                                </div>
 +
                                <h4 style="color: rgba(7,18,48,1.00)"><center>Zhirong Sun</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/lp.jpg" alt="" />
 +
                                   
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Team Instructor</h3></div>
 +
                                    </div>
 +
                                   
 +
                                </div>
 +
                                <h4 style="color: rgba(7,18,48,1.00)"><center>Peng Li</center></h4>
 +
                        </div>
 +
                    </div>
 +
                        <div class="row">
 +
                        <div class="col-lg-4">
 +
                                <div class="hoverbox">
 +
                                  <img src="assets/images/team/wx.jpg" alt="" />
 +
                                    <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
 +
                                     
 +
                                    </div>
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"> <h3 style="color: rgba(255,255,255,1.00)">Team Instructor</h3></div>
 +
                                    </div>
 +
                                   
 +
                                </div>
 +
                                <h4 style="color: rgba(7,18,48,1.00)"><center>Xuan Wang</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                                <div class="hoverbox">
 +
                                  <img src="assets/images/team/yla.jpg" alt="" />
 +
                                    <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Advisor</h3></div></div>
 +
                                    </div>
 +
                                   
 +
                                </div>
 +
                                <h4 style="color: rgba(7,18,48,1.00)"><center>Liang Yao</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                                <div class="hoverbox">
 +
                                  <img src="assets/images/team/hjn.jpg" alt="" />
 +
                                   
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Advisor</h3></div>
 +
                                    </div>
 +
                                   
 +
                                </div>
 +
                                <h4 style="color: rgba(7,18,48,1.00)"><center>Jianing Han</center></h4>
 +
                        </div>
 +
                    </div>
 +
                    <div class="row">
 +
                        <div class="col-lg-4">
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/cxy.JPG" alt="" />
 +
                                    <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
 +
                                     
 +
                                    </div>
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"> <h3 style="color: rgba(255,255,255,1.00)">Advisor</h3></div>
 +
                                    </div>
 +
                                 
 +
                                </div>
 +
                          <h4 style="color: rgba(7,18,48,1.00)"><center>Xinyi Chen</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/gxf.jpg" alt="" />
 +
                                    <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Advisor</h3></div></div>
 +
                                    </div>
 +
                                 
 +
                                </div>
 +
                    <h4 style="color: rgba(7,18,48,1.00)"><center>Xiaofei Ge</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/yq.jpg" alt="" />
 +
                                   
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Advisor</h3></div>
 +
                                    </div>
 +
                                 
 +
                                </div>
 +
                            <h4 style="color: rgba(7,18,48,1.00)"><center>Qi Yan</center></h4>
 +
                        </div>
 +
                    </div>
 +
                        <div class="row">
 +
                        <div class="col-lg-4">
 +
                           
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/htz.jpg" alt="" />
 +
                                    <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
 +
                                     
 +
                                    </div>
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"> <h3 style="color: rgba(255,255,255,1.00)">Advisor</h3></div>
 +
                                    </div>
 +
                                </div>
 +
                            <h4 style="color: rgba(7,18,48,1.00)"><center>Tianze Huang</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                         
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/wtx.jpg" alt="" />
 +
                                    <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Advisor</h3></div></div>
 +
                                    </div>
 +
                                </div>
 +
                          <h4 style="color: rgba(7,18,48,1.00)"><center>Tingxuan Wang</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                         
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/hyj.jpg" alt="" />
 +
                                   
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Advisor</h3></div>
 +
                                    </div>
 +
                                </div>
 +
                            <h4 style="color: rgba(7,18,48,1.00)"><center>Yuejun Hao</center></h4>
 +
                        </div>
 +
                    </div>
 +
                        <div class="row">
 +
                        <div class="col-lg-4">
 +
                     
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/hzk.jpg" alt="" />
 +
                                    <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
 +
                                     
 +
                                    </div>
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"> <h3 style="color: rgba(255,255,255,1.00)">Team Leader / Wet Lab</h3></div>
 +
                                    </div>
 +
                                </div>
 +
                            <h4 style="color: rgba(7,18,48,1.00)"><center>Zikang Huang</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                         
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/ccy.png" alt="" />
 +
                                    <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Team Leader / Finance</h3></div></div>
 +
                                    </div>
 +
                                </div>
 +
                            <h4 style="color: rgba(7,18,48,1.00)"><center>Chunyu Chen</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                       
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/lhr.JPG" alt="" />
 +
                                   
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Wet Lab</h3></div>
 +
                                    </div>
 +
                                </div>
 +
                            <h4 style="color: rgba(7,18,48,1.00)"><center>Hongrui Liu</center></h4>
 +
                        </div>
 +
                    </div>
 +
                        <div class="row">
 +
                        <div class="col-lg-4">
 +
                     
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/cbw.JPG" alt="" />
 +
                                    <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
 +
                                     
 +
                                    </div>
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"> <h3 style="color: rgba(255,255,255,1.00)">Modeling / Wiki</h3></div>
 +
                                    </div>
 +
                                </div>
 +
                            <h4 style="color: rgba(7,18,48,1.00)"><center>Bowen Chen</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                         
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/fst.jpg" alt="" />
 +
                                    <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Wet Lab</h3></div></div>
 +
                                    </div>
 +
                                </div>
 +
                            <h4 style="color: rgba(7,18,48,1.00)"><center>Site Feng</center></h4><strong></strong>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                       
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/fm.JPG" alt="" />
 +
                                   
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Modeling</h3></div>
 +
                                    </div>
 +
                                </div>
 +
                            <h4 style="color: rgba(7,18,48,1.00)"><center>Meng Fang</center></h4>
 +
                        </div>
 +
                    </div>
 +
                        <div class="row">
 +
                        <div class="col-lg-4">
 +
                           
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/fjl.jpg" alt="" />
 +
                                    <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
 +
                                     
 +
                                    </div>
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"> <h3 style="color: rgba(255,255,255,1.00)">Wiki / Photography</h3></div>
 +
                                    </div>
 +
                                </div>
 +
                          <h4 style="color: rgba(7,18,48,1.00)"><center>Jiale Fu</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                         
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/zzh.jpg" alt="" />
 +
                                    <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Design / Poster</h3></div></div>
 +
                                    </div>
 +
                                </div>
 +
                          <h4 style="color: rgba(7,18,48,1.00)"><center>Zihan Zhai</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                       
 +
                                <div class="hoverbox">
 +
                                    <img src="assets/images/team/qch.jpg" alt="" />
 +
                                   
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Wet Lab</h3></div>
 +
                                    </div>
 +
                                </div>
 +
                            <h4 style="color: rgba(7,18,48,1.00)"><center>Chuheng Qing</center></h4>
 +
                        </div>
 +
                    </div>
 +
                    <div class="row">
 +
                        <div class="col-lg-4">
 +
                           
 +
                                <div class="hoverbox">
 +
                                  <img src="assets/images/team/slz.jpg" alt="" />
 +
                                    <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
 +
                                     
 +
                                    </div>
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"> <h3 style="color: rgba(255,255,255,1.00)">Wet Lab</h3></div>
 +
                                    </div>
 +
                                </div>
 +
                          <h4 style="color: rgba(7,18,48,1.00)"><center>Lize Sun</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                         
 +
                                <div class="hoverbox">
 +
                                  <img src="assets/images/team/lgz.jpg" alt="" />
 +
                                    <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Wet Lab</h3></div></div>
 +
                                    </div>
 +
                                </div>
 +
                          <h4 style="color: rgba(7,18,48,1.00)"><center>Genzhe Lu</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                       
 +
                                <div class="hoverbox">
 +
                                  <img src="assets/images/team/gj.jpg" alt="" />
 +
                                   
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Wet Lab</h3></div>
 +
                                    </div>
 +
                                </div>
 +
                            <h4 style="color: rgba(7,18,48,1.00)"><center>Ji Gao</center></h4>
 +
                        </div>
 +
                    </div>
 +
                  <div class="row">
 +
                        <div class="col-lg-4">
 +
                           
 +
                                <div class="hoverbox">
 +
                                  <img src="assets/images/team/ljy.jpg" alt="" />
 +
                                    <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
 +
                                     
 +
                                    </div>
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"> <h3 style="color: rgba(255,255,255,1.00)">Human Practice</h3></div>
 +
                                    </div>
 +
                                </div>
 +
                          <h4 style="color: rgba(7,18,48,1.00)"><center>Jiayi Li</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                         
 +
                                <div class="hoverbox">
 +
                                  <img src="assets/images/team/zlq.jpg" alt="" />
 +
                                    <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
 +
                                    <div class="hoverbox-content p-4">
 +
                                        <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Logistic Support</h3></div></div>
 +
                                    </div>
 +
                                </div>
 +
                          <h4 style="color: rgba(7,18,48,1.00)"><center>Liqun Zhou</center></h4>
 +
                        </div>
 +
                        <div class="col-lg-4 mt-4 mt-lg-0">
 +
                       
 +
                                <div class="hoverbox">
 +
                                  <img src="assets/images/team/logo.png" alt="" />
 +
                                   
 +
                                    <div class="hoverbox-content p-4">
 +
                                      <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Central Part</h3></div>
 +
                                    </div>
 +
                                </div>
 +
                            <h4 style="color: rgba(7,18,48,1.00)"><center>Phase</center></h4>
 +
                        </div>
 +
                    </div>
 +
                                         
 +
                   
 +
             
 +
                            <div class="row my-4 my-lg-6">
 +
                                <div class="col-12">
 +
                                    <img src="assets/images/team/hy2.JPG" alt="" />
 +
                                    <h2><center>Meet Our Team Here!</center></h2>
 +
                                </div>
 +
                               
 +
                            </div>
 +
                           
 +
                       
 +
                    </div>
 +
                    <!--/.row-->
 +
                </div>
 +
                <!--/.container-->
 +
            </section>
 +
            <section class="text-center pb-3">
 +
                <div class="background-holder overlay overlay-2" style="background-image:url(assets/images/footer-bg.jpg);background-position: top;"> </div>
 +
                <!--/.background-holder-->
 +
                <div class="container">
 +
                    <div class="row justify-content-center">
 +
                        <div class="col-12">
 +
                            <h4 class="mb-2 color-white">iGEM
 +
                                <em>Tsinghua </em></h4>
 +
                            <p class="mb-0 color-9">Thank you for viewing!</p>
 +
                        </div>
 +
                       
 +
                    </div>
 +
                    <div class="row mt-8 fs--1">
 +
                        <div class="col-lg-auto ml-lg-auto order-lg-2 mb-2 mb-lg-0">
 +
                            <a class="d-inline-block mx-2 color-8" href="#">Home</a>
 +
                            <a class="d-inline-block mx-2 color-8" href="#">About us</a>
 +
                            <a class="d-inline-block mx-2 color-8" href="#">Parts</a>
 +
                            <a class="d-inline-block mx-2 color-8" href="#">Team</a>
 +
                            <a class="d-inline-block mx-2 color-8" href="#">Project</a>
 +
                            <a class="d-inline-block mx-2 color-8" href="#">Medals</a>
 +
                        </div>
 +
                        <div class="col-lg text-lg-left">
 +
                            <div class="color-8">&copy; Tsinghua 2018 | Licensed by
 +
                                <a class="color-8" href="https://themewagon.com/" target="_blank">Themewagon</a>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <!--/.row-->
 +
                </div>
 +
                <!--/.container-->
 +
            </section>
 +
        </main>
 +
        <!--  -->
 +
        <!--    JavaScripts-->
 +
        <!--    =============================================-->
 +
        <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
 +
        <script src="assets/lib/jquery/dist/jquery.min.js"></script>
 +
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
 +
        <script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script>
 +
        <script src="assets/js/googlemap.js"></script>
 +
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCoK8GIrOHzHwnzHCyqrdtmTpUWcdrTTD8&callback=initMap" async></script>
 +
        <script src="assets/lib/imagesloaded/imagesloaded.pkgd.min.js"></script>
 +
        <script src="assets/lib/jquery-menu-aim/jquery.menu-aim.js"></script>
 +
        <script src="assets/lib/gsap/src/minified/TweenMax.min.js"></script>
 +
        <script src="assets/lib/gsap/src/minified/plugins/ScrollToPlugin.min.js"></script>
 +
        <script src="assets/lib/CustomEase.min.js"></script>
 +
        <script src="assets/js/config.js"></script>
 +
        <script src="assets/lib/rellax/rellax.min.js"></script>
 +
        <script src="assets/js/zanimation.js"></script>
 +
        <script src="assets/js/inertia.js"></script>
 +
        <script src="assets/lib/isotope-layout/dist/isotope.pkgd.min.js"></script>
 +
        <script src="assets/js/core.js"></script>
 +
        <script src="assets/js/main.js"></script>
 +
    </body>
 
</html>
 
</html>

Revision as of 14:40, 20 October 2019

Team page of iGEM Tsinghua

Meet Our Team

Team Instructor

Guoqiang Chen

Team Instructor

Zhirong Sun

Team Instructor

Peng Li

Team Instructor

Xuan Wang

Advisor

Liang Yao

Advisor

Jianing Han

Advisor

Xinyi Chen

Advisor

Xiaofei Ge

Advisor

Qi Yan

Advisor

Tianze Huang

Advisor

Tingxuan Wang

Advisor

Yuejun Hao

Team Leader / Wet Lab

Zikang Huang

Team Leader / Finance

Chunyu Chen

Wet Lab

Hongrui Liu

Modeling / Wiki

Bowen Chen

Wet Lab

Site Feng

Modeling

Meng Fang

Wiki / Photography

Jiale Fu

Design / Poster

Zihan Zhai

Wet Lab

Chuheng Qing

Wet Lab

Lize Sun

Wet Lab

Genzhe Lu

Wet Lab

Ji Gao

Human Practice

Jiayi Li

Logistic Support

Liqun Zhou

Central Part

Phase

Meet Our Team Here!

iGEM Tsinghua

Thank you for viewing!

Home About us Parts Team Project Medals
© Tsinghua 2018 | Licensed by Themewagon