Difference between revisions of "Team:CSU CHINA/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{CSU_CHINA}}
 
−
<html>
 
  
−
<div class="column two_thirds_size" >
+
<html lang="en">
 +
<head>
 +
<meta charset="utf-8">
 +
<title>CSU_CHINA_TEAM</title>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<!--bootstrap-->
 +
<link rel="stylesheet" href="https://2019.igem.org/Template:CSU_CHINA/CSS/Bootstrap?action=raw&ctype=text/css">
 +
<!-- Font-Awesome-Icons-CSS -->
 +
<link rel="stylesheet" href="https://2019.igem.org/Template:CSU_CHINA/CSS/Fonts?action=raw&ctype=text/css">
 +
<link rel="stylesheet" href="https://2019.igem.org/Template:CSU_CHINA/CSS/Team?action=raw&ctype=text/css">
 +
</head>
 +
<body>
 +
<div class="header-top">
 +
<header>
 +
<nav class="navbar navbar-expand-lg navbar-light fixed-top shrink">
 +
<a class="navbar-brand" href="index.html">
 +
<img src="https://static.igem.org/mediawiki/2019/e/eb/T--CSU_CHINA--LOGOWITHWORDS.jpg" alt="logo" style="width:250px;">
 +
</a>
 +
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
 +
<span class="navbar-toggler-icon"></span>
 +
</button>
 +
<div class="collapse navbar-collapse" id="navbarSupportedContent">
 +
<ul class="navbar-nav ml-lg-auto text-center">
 +
<li class="nav-item active">
 +
<a class="nav-link" href="index.html">Home
 +
<span class="sr-only">(current)</span>
 +
</a>
 +
</li>
 +
<li class="nav-item dropdown">
 +
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
TEAM
 +
 +
</a>
 +
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
<a class="dropdown-item" href="about.html" title="">TEAM1</a>
 +
<a class="dropdown-item" href="projects.html" title="">TEAM2</a>
 +
</div>
 +
</li>
 +
<li class="nav-item">
 +
<a class="nav-link" href="features.html">MODEL</a>
 +
</li>
 +
<li class="nav-item">
 +
<a class="nav-link" href="team.html">HP</a>
 +
</li>
 +
<li class="nav-item">
 +
<a class="nav-link" href="contact.html">LAB</a>
 +
</li>
 +
<li class="nav-item dropdown">
 +
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
PARTS
 +
 +
</a>
 +
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
<a class="dropdown-item" href="pricing.html"> MODEL1</a>
 +
<a class="dropdown-item" href="pricing_light.html"> MODEL2</a>
 +
<a class="dropdown-item" href="pricing.html">MODEL3</a>
 +
</div>
 +
</li>
 +
<li class="nav-item">
 +
<a class="nav-link" href="contact.html">SAFETY</a>
 +
</li>
 +
<li class="nav-item dropdown">
 +
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
PROJECT
 +
 +
</a>
 +
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
<a class="dropdown-item" href="pricing.html"> DESCRIPTION</a>
 +
<a class="dropdown-item" href="pricing_light.html"> DESIGN</a>
 +
<a class="dropdown-item" href="pricing.html">RESULTS</a>
 +
</div>
 +
</li>
 +
<li class="nav-item">
 +
<a class="nav-link" href="contact.html">JUDGING</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</nav>
 +
</header>
 +
</div>   
 +
<div class="background"></div>
 +
<div id="portfolio" class="portfolio">
 +
<div class="heading">
 +
<h3>TEAM</h3>
 +
</div>
 +
<div class="container">
 +
<div class="sap_tabs">
 +
<div id="horizontalTab">
 +
<ul class="resp-tabs-list">
 +
<li class="resp-tab-item"><span>Student Members</span></li>
 +
<li class="resp-tab-item"><span>Team Leader</span></li>
 +
<li class="resp-tab-item"><span>Instructors</span></li>
 +
<li class="resp-tab-item"><span>  Advisors  </span></li>
 +
</ul>
 +
<div class="clearfix"> </div>
 +
<div class="resp-tabs-container">
 +
<div class="tab-1 resp-tab-content row">
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
 +
<a href="images/Shi Qingxin.jpg" data-lightbox="example-set" data-title="My name is Qingxin Shi, a 20-year-old boy from Central South University. My major is life science and now I’m a junior student. This year is my first time to enjoy myself in iGEM and I am in charge of the online submission of our team CSU_CHINA and doing experiments. I’m so glad to master many new skills to make me be better and make many outstanding new friends. iGEM makes my life more colorful and I want to meet more interesting friends. Let’s do our best here! ">
 +
<img src="images/Shi Qingxin.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h2>Shi Qingxin</h2>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
 +
<a href="images/T--CSU_CHINA--TM_YSC.jpg" data-lightbox="example-set" data-title="My name is Shangcheng Yu, a 21-year-old boy, currently studying at Central South University majored in biological science. I’m mainly in charge of the experiment part of our whole IGEM project. In my spare time, I enjoy listening to music and watching cartoons. Discussing research progress and exchanging ideas about science especially in the field of immunology is also my favor. I’m outgoing and willing to make friends. For any related question, you can feel free to contact my e-mail below.
 +
cell_ysc@foxmail.com  ">
 +
<img src="images/T--CSU_CHINA--TM_YSC.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Yu Shangcheng</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
 +
<a href="images/T--CSU_CHINA--TM_DYF.jpg" data-lightbox="example-set" data-title="Dong Yufan, the junior undergraduate majored in biological sciences, acts as a member of the CSU_CHINA in 2018 iGEM. St.Dong is dedicated in studying the molecular mechanism of special gene related to certain genetic diseases during these two years, as well as participating in several kinds of social activities like the student union, communication in the institution of neurobiology, summer school in HKU, and so forth.
 +
Besides, st.Dong has a great passion on music esp piano, and all kinds of sports. ">
 +
<img src="images/T--CSU_CHINA--TM_DYF.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Dong Yufan</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="images/T--CSU_CHINA--TM_YKY.jpg" data-lightbox="example-set" data-title="My name is Yao Keyu. I am 20 years old now ，but in my heart,forever 18. I am currently a junior student of Central South University. My major is Detection, guidance and control technology.I'm honored to participate in this competition. In the CSU-CHINA team ,I am an art designer.I spend most of my time on designing the poster 、website design and so on. I have lots of interest, such as singing, dancing, drawing and so on.On vacation,I usually like to have the Volunteer Travel. ">
 +
<img src="images/T--CSU_CHINA--TM_YKY.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Yao Keyu</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid5">
 +
<a href="images/T--CSU_CHINA--TM_LJY.jpg" data-lightbox="example-set" data-title="I am a Year 3 Biological Science student. I love sightseeing , dancing and eating mooncake, especially lava egg custard mooncake! The reason why I joined iGEM not only I wanted to try something new but also I can learn more about synthetic biology. During these months, I have learned how to be a scientific researcher, how to draw a beautiful chart, how to teach people learn a dance in a few days and how to cooperate well with others. ">
 +
<img src="images/T--CSU_CHINA--TM_LJY.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Li Jiayi</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid6">
 +
<a href="images/T--CSU_CHINA--TM_PXD.jpg data-lightbox="example-set" data-title="Nice to meet you. I am Xiandong Peng. I come from Hunan Province , which is in the middle south of our country, China.I am a college student studying life sciences and have a special passion for liver cancer and lung cancer research. I hope that my research career will have no regrets. ">
 +
<img src="images/T--CSU_CHINA--TM_PXD.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Peng Xiandong </h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid6">
 +
<a href="images/T--CSU_CHINA--TM_LJM.jpg" data-lightbox="example-set" data-title="Hello! I am a junior student(20 year-old) of clinical medicine from CSU-China. I have extensive hobbies, eg. watching drama, singing songs and reading novels. Moreover, I am very good at basketball.
 +
Major contribution to the project：organiser of Human Practice, collaborator-in-chief, video editor and assistant designer.
 +
">
 +
<img src="images/T--CSU_CHINA--TM_LJM.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Liu Jiamiao</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<div class="tab-1 resp-tab-content">
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
 +
<a href="images/ship1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/ship1.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Ship Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class=" col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
 +
<a href="images/ship2.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/ship2.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Ship Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
 +
<a href="images/ship3.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/ship3.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Ship Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="images/ship4.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/ship4.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Ship Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid5">
 +
<a href="images/ship5.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/ship5.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Ship Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<div class="tab-1 resp-tab-content">
 +
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
 +
<a href="images/800px-T--CSU_CHINA--TM_LXY.jpg" data-lightbox="example-set" data-title="Hey guys,My name is Li Xiangyu,the student leader of CSU_CHINA.This is our first year to take part in the competition.I hope we will have a good trip to America. ">
 +
<img src="images/800px-T--CSU_CHINA--TM_LXY.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Xiangyu LI</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<div class="tab-1 resp-tab-content">
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
 +
<a href="images/flight1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/flight1.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
 +
<a href="images/flight2.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/flight2.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids  portfolio-grid3">
 +
<a href="images/flight3.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/flight3.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="images/flight4.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/flight4.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="images/flight5.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/flight5.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="images/flight6.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/flight6.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<script src="js/jquery-3.4.1.min.js"></script>
 +
<script src="js/bootstrap.min.js"></script>
 +
<script src="js/bootstrap.bundle.min.js"></script>
 +
    <script>
 +
        $(document).ready(function() {
 +
            $(".dropdown").hover(
 +
                function() {
 +
                    $('.dropdown-menu', this).stop(true, true).slideDown("fast");
 +
                    $(this).toggleClass('open');
 +
                },
 +
                function() {
 +
                    $('.dropdown-menu', this).stop(true, true).slideUp("fast");
 +
                    $(this).toggleClass('open');
 +
                }
 +
            );
 +
        });
 +
    </script>
 +
<!-- //dropdown nav -->
 +
<!-- fixed nav -->
 +
<script>
 +
$(window).scroll(function () {
 +
if ($(document).scrollTop() > 50) {
 +
$('nav').addClass('shrink');
 +
} else {
 +
$('nav').removeClass('shrink');
 +
}
 +
});
 +
</script>
 +
<!-- //fixed nav -->
 +
<!--script for portfolio-->
 +
<script src="js/lightbox-plus-jquery.min.js"> </script>
 +
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function () {
 +
$('#horizontalTab').easyResponsiveTabs({
 +
type: 'default', //Types: default, vertical, accordion         
 +
width: 'auto', //auto or any width like 600px
 +
fit: true  // 100% fit in a container
 +
});
 +
});
 +
</script>
 +
<!--//script for portfolio-->
  
−
<h1>Team</h1>
+
</body>
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
−
 
+
−
 
+
−
<h3>What should this page contain?</h3>
+
−
<ul>
+
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
−
<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>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column third_size" >
+
−
<div class="highlight decoration_A_full">
+
−
<h3>Inspiration</h3>
+
−
<p>You can look at what other teams did to get some inspiration! <br />
+
−
Here are a few examples:</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
 
</html>
 
</html>

Revision as of 16:52, 12 September 2019

CSU_CHINA_TEAM