Team:UST Beijing/Team

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
{{CSS/Main}}
+
<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">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
    <title>USTB iGEM14 Team</title>
-
<html>
 
-
<!--main content -->
 
-
<table width="70%" align="center">
 
 +
    <!-- Bootstrap core CSS -->
-
<!--welcome box -->
+
    <link href="https://2014.igem.org/Team:UST_Beijing/bootstrap/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
-
<tr>
+
    <link href="https://2014.igem.org/Team:UST_Beijing/bootstrap/docs.css?action=raw&ctype=text/css" rel="stylesheet">
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
    <link href="https://2014.igem.org/Team:UST_Beijing/bootstrap/ihover.css?action=raw&ctype=text/css" rel="stylesheet">
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UST_Beijing/Team&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
<!-- end welcome box -->
 
-
<tr>
 
-
<!--navigation menu -->
+
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
-
<td align="center" colspan="3">
+
    <!--[if lt IE 9]>
 +
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 +
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
-
<table  width="100%">
+
    <!-- Custom styles for this template -->
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">  
+
 +
    <style>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
    #footerlogo {
-
<a href="https://2014.igem.org/Team:UST_Beijing"style="color:#000000">Home </a> </td>
+
      width: 250px;
 +
      height: 100px;
 +
    }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      /* Removes the mysterious margin of footer */
-
<a href="https://2014.igem.org/Team:UST_Beijing/Team"style="color:#000000"> Team </a> </td>
+
    .bs-docs-footer {
 +
      margin-top: 0 !important;
 +
      border-top: 0 !important;
 +
    }
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      /* Removes default elements */
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UST_Beijing"style="color:#000000"> Official Team Profile </a></td>
+
    #contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
 +
        display:none;
 +
      }
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
      #top-section {
-
<a href="https://2014.igem.org/Team:UST_Beijing/Project"style="color:#000000"> Project</a></td>
+
        border: none;
 +
        height: 0px;
 +
        margin: 0px;
 +
      }
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      #content {
-
<a href="https://2014.igem.org/Team:UST_Beijing/Parts"style="color:#000000"> Parts</a></td>
+
        border: none;
 +
        background: transparent;
 +
        width: 100%;
 +
        padding: 0px;
 +
      }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      p {
-
<a href="https://2014.igem.org/Team:UST_Beijing/Modeling"style="color:#000000"> Modeling</a></td>
+
        margin: 0px;
 +
        padding: 0px;
 +
      }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
      body {
-
<a href="https://2014.igem.org/Team:UST_Beijing/Notebook"style="color:#000000"> Notebook</a></td>
+
        margin: 0 0 0 0;
 +
        padding: 0;
 +
      }
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      html, body {
-
<a href="https://2014.igem.org/Team:UST_Beijing/Safety"style=" color:#000000"> Safety </a></td>
+
        width: auto !important;
 +
        overflow-x: hidden !important;
 +
        height: 100% !important;
 +
        -webkit-overflow-scrolling: touch;
 +
      }
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      #top-section {
-
<a href="https://2014.igem.org/Team:UST_Beijing/Attributions"style="color:#000000"> Attributions </a></td>
+
        width: 1140px;
 +
        height: 0;
 +
        margin: 0 auto;
 +
        padding: 0;
 +
        border: none;
 +
      }
 +
      #menubar {
 +
        font-size: 80%;
 +
        top: 0px;
 +
        margin: 0px;
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
      /* Resizes the menubar to fix the links (default is 400px) */
-
</tr>
+
        width: auto;
-
</table>
+
      }
-
<!--end navigation menu -->
+
      .left-menu:hover {
-
</tr>
+
        background-color: transparent;
-
</tr>
+
      }
-
</td>
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
      #menubar li a {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
      background: transparent;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
      color: transparent;
 +
    }
-
<tr><td > <h3> Team Information</h3></td>
+
      #menubar:hover li a {
-
<td ></td >
+
        background-color: rgba(255, 255, 255, 0.8);
-
<td > <h3> Upload pictures of your team!</h3></td>
+
        color: grey;
-
</tr>
+
      }
-
<tr>
+
      /* Removes "teams" from the menubar */
-
<td width="45%" valign="top">
+
-
<p>
+
-
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.</p>
+
-
<p>
+
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
+
-
</ul>
+
      #menubar > ul > li:last-child {
 +
        display: none;}
 +
      /* Customize the navbar */
-
</td>
+
      /* Special class on .container surrounding .navbar, used for positioning it into place. */
-
<td></td>
+
      .navbar-wrapper {
-
<td width="45%"  valign="top">
+
        position: absolute;
-
<p> We provide a server where you can upload images for your wiki!</p>
+
        top: 0;
-
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
+
        right: 0;
-
<a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
        left: 0;
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
        z-index: 20;
-
<br>
+
      }
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
-
</td>
+
 +
      /* Flip around the padding for proper display in narrow viewports */
 +
      .navbar-wrapper > .container {
 +
        padding-right: 0;
 +
        padding-left: 0;
 +
      }
 +
      .navbar-wrapper .navbar {
 +
        padding-right: 15px;
 +
        padding-left: 15px;
 +
      }
 +
      .navbar-wrapper .navbar .container {
 +
        width: auto;
 +
      }
-
</tr>
 
-
<tr><td > <h3> Tips for the Team Page </h3></td>
+
      /* Customize the carousal */
-
<td ></td >
+
-
<td > </td>
+
-
</tr>
+
 +
      /* Carousel base class */
 +
      .carousel {
 +
        height: 550px;
 +
        margin-bottom: 60px;
 +
      }
 +
      /* Since positioning the image, we need to help out the caption */
 +
      .carousel-caption {
 +
        z-index: 10;
 +
      }
-
<tr>
+
      /* Declare heights because of positioning of img element */
-
<td width="45%" valign="top">  
+
      .carousel .item {
-
<p>What should this page contain?</p>
+
        height: 550px;
-
<ul>
+
        background-color: #777;
-
<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, tell us what you like, and what motivates to participate in iGEM. </li>
+
      .carousel-inner > .item > img {
-
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
        position: absolute;
-
<li>Remember that image galleries can help you showcase many pictures while saving space </li>
+
        top: 0;
-
</ul>
+
        left: 0;
 +
        min-width: 100%;
 +
        height: 550px;
 +
      }
 +
 
 +
 
 +
 
 +
      /* Content */
 +
 
 +
      /* Center align the text within the three columns below the carousel */
 +
      .marketing .col-lg-4 {
 +
        margin-bottom: 20px;
 +
        text-align: center;
 +
      }
 +
      .marketing h2 {
 +
        font-weight: normal;
 +
      }
 +
      .marketing .col-lg-4 p {
 +
        margin-right: 10px;
 +
        margin-left: 10px;
 +
      }
 +
 
 +
 
 +
      /* Featurettes */
 +
 
 +
      .featurette-divider {
 +
        margin: 80px 0; /* Space out the Bootstrap <hr> more */
 +
      }
 +
 
 +
      /* Thin out the marketing headings */
 +
      .featurette-heading {
 +
        font-weight: 300;
 +
        line-height: 1;
 +
        letter-spacing: -1px;
 +
      }
 +
 
 +
 
 +
 
 +
      /* Responsive CSS */
 +
 
 +
      @media (min-width: 768px) {
 +
 
 +
        /* Navbar positioning foo */
 +
        .navbar-wrapper {
 +
          margin-top: 20px;
 +
        }
 +
        .navbar-wrapper .container {
 +
          padding-right: 15px;
 +
          padding-left: 15px;
 +
        }
 +
        .navbar-wrapper .navbar {
 +
          padding-right: 0;
 +
          padding-left: 0;
 +
        }
 +
 
 +
        /* The navbar becomes detached from the top, so we round the corners */
 +
        .navbar-wrapper .navbar {
 +
          border-radius: 4px;
 +
        }
 +
 
 +
        /* Bump up size of carousel content */
 +
        .carousel-caption p {
 +
          margin-bottom: 20px;
 +
          font-size: 21px;
 +
          line-height: 1.4;
 +
        }
 +
 
 +
        .featurette-heading {
 +
          font-size: 50px;
 +
        }
 +
      }
 +
 
 +
      @media (min-width: 992px) {
 +
        .featurette-heading {
 +
          margin-top: 120px;
 +
        }
 +
      }
 +
 
 +
    </style>
 +
 
 +
  </head>
 +
 
 +
<!-- navbar -->
 +
 
 +
  <body>
 +
    <div class="navbar-wrapper">
 +
      <div class="container">
 +
 
 +
        <div class="navbar navbar-inverse navbar-static-top" role="navigation">
 +
          <div class="container">
 +
            <div class="navbar-header">
 +
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
 +
                <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="#">USTB iGEM14</a>
 +
            </div>
 +
            <div class="navbar-collapse collapse">
 +
              <ul class="nav navbar-nav">
 +
                <li><a href="https://2014.igem.org/Team:UST_Beijing">Home</a></li>
 +
                <li class="active"><a href="https://2014.igem.org/Team:UST_Beijing/Team">Team</a></li>
 +
                <li><a href="https://2014.igem.org/Team:UST_Beijing/Project">Project</a></li>
 +
                <li><a href="https://2014.igem.org/Team:UST_Beijing/Parts">Parts</a></li>
 +
                <li><a href="https://2014.igem.org/Team:UST_Beijing/Modeling">Modeling</a></li>
 +
 
 +
                <li class="dropdown">
 +
                  <a href="#notebook" class="dropdown-toggle" data-toggle="dropdown">Notebook <span class="caret"></span></a>
 +
                  <ul class="dropdown-menu" role="menu">
 +
                      <li><a href="https://2014.igem.org/Team:UST_Beijing/History">History</a></li>
 +
                      <li><a href="https://2014.igem.org/Team:UST_Beijing/Safety">Safety</a></li>
 +
                      <li><a href="https://2014.igem.org/Team:UST_Beijing/Attributions">Attributions</a></li>
 +
                  </ul>
 +
                </li>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
        </div>
 +
 
 +
      </div>
 +
    </div>
 +
 
 +
<!-- Team Introduction -->
 +
 
 +
    <div class="bs-docs-featurette">
 +
      <div class="container">
 +
        <h2 class="bs-docs-featurette-title">Getting to know the explorers.</h2>
 +
        <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
 
 +
        <a href="https://igem.org/Team.cgi?year=2014&team_name=UST_Beijing" class="btn btn-outline btn-lg">View official team profile</a>
 +
 
 +
 
 +
    <hr class="half-rule">
 +
 
 +
<div class="row" align="center">
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
      <div class="img"><img src="https://static.igem.org/mediawiki/2014/7/73/Moujianqiu.jpg" alt="img"></div>
 +
      <div class="info">
 +
        <div class="info-back">
 +
          <h3><font color="ffffff">Jianqiu Mou<font></h3>
 +
          <p>牟鉴秋</p>
 +
        </div>
 +
      </div></a></div>
 +
    </div>
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
      <div class="img"><img src="https://static.igem.org/mediawiki/2014/9/91/Xule.jpg" alt="img"></div>
 +
      <div class="info">
 +
        <div class="info-back">
 +
          <h3><font color="ffffff">Le Xu<font></h3>
 +
          <p>徐乐</p>
 +
        </div>
 +
      </div></a></div>
 +
  </div>
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
      <div class="img"><img src="https://static.igem.org/mediawiki/2014/1/1b/Kehanzhong3.jpg" alt="img"></div>
 +
      <div class="info">
 +
        <div class="info-back">
 +
          <h3><font color="ffffff">Hanzhong Ke<font></h3>
 +
          <p>柯瀚中</p>
 +
        </div>
 +
      </div></a></div>
 +
  </div>
 +
 
 +
</div>
 +
 
 +
  <div style="width:100%; height:45px; border:0; background-color: #ffffff;"></div>
 +
 
 +
<div class="row" align="center">
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
        <div class="img"><img src="https://static.igem.org/mediawiki/2014/5/59/Liting2.jpg" alt="img"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3><font color="ffffff">Ting Li<font></h3>
 +
            <p>李婷</p>
 +
          </div>
 +
        </div></a></div>
 +
  </div>
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
        <div class="img"><img src="https://static.igem.org/mediawiki/2014/d/dc/Baoran.jpg" alt="img"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3><font color="ffffff">Ran Bao<font></h3>
 +
            <p>包然</p>
 +
          </div>
 +
        </div></a></div>
 +
  </div>
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
        <div class="img"><img src="https://static.igem.org/mediawiki/2014/a/ab/Make.jpg" alt="img"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3><font color="ffffff">Ke Ma<font></h3>
 +
            <p>马可</p>
 +
          </div>
 +
        </div></a></div>
 +
  </div>
 +
 
 +
</div>
 +
 
 +
  <div style="width:100%; height:45px; border:0; background-color: #ffffff;"></div>
 +
 
 +
<div class="row" align="center">
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
      <div class="img"><img src="https://static.igem.org/mediawiki/2014/4/42/Chenmo.jpg" alt="img"></div>
 +
      <div class="info">
 +
        <div class="info-back">
 +
          <h3><font color="ffffff">Mo Chen<font></h3>
 +
          <p>陈默</p>
 +
        </div>
 +
      </div></a></div>
 +
  </div>
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
        <div class="img"><img src="https://static.igem.org/mediawiki/2014/4/43/Yangchunyu.jpg" alt="img"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3><font color="ffffff">Chunyu Yang<font></h3>
 +
            <p>杨春雨</p>
 +
          </div>
 +
        </div></a></div>
 +
  </div>
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
        <div class="img"><img src="https://static.igem.org/mediawiki/2014/b/ba/Xieruining.jpg" alt="img"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3><font color="ffffff">Ruining Xie<font></h3>
 +
            <p>解瑞宁</p>
 +
          </div>
 +
        </div></a></div>
 +
  </div>
 +
 
 +
</div>
 +
 
 +
  <div style="width:100%; height:45px; border:0; background-color: #ffffff;"></div>
 +
 
 +
<div class="row" align="center">
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
        <div class="img"><img src="https://static.igem.org/mediawiki/2014/4/48/Yufeiyuan.jpg" alt="img"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3><font color="ffffff">Feiyuan Yu<font></h3>
 +
            <p>于飞沅</p>
 +
          </div>
 +
        </div></a></div>
 +
  </div>
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
        <div class="img"><img src="https://static.igem.org/mediawiki/2014/6/63/Zhanghanwen.jpg" alt="img"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3><font color="ffffff">Hanwen Zhang<font></h3>
 +
            <p>张瀚文</p>
 +
          </div>
 +
        </div></a></div>
 +
  </div>
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
        <div class="img"><img src="https://static.igem.org/mediawiki/2014/d/de/Zhoumengyun.jpg" alt="img"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3><font color="ffffff">Mengyun Zhou<font></h3>
 +
            <p>周梦芸</p>
 +
          </div>
 +
        </div></a></div>
 +
  </div>
 +
 
 +
</div>
 +
 
 +
  <div style="width:100%; height:45px; border:0; background-color: #ffffff;"></div>
 +
 
 +
<div class="row" align="center">
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
        <div class="img"><img src="https://static.igem.org/mediawiki/2014/9/9f/Yxliu.jpg" alt="img"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3><font color="ffffff">Yingxuan Liu<font></h3>
 +
            <p>刘应轩</p>
 +
          </div>
 +
        </div></a></div>
 +
  </div>
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
        <div class="img"><img src="https://static.igem.org/mediawiki/2014/2/2f/Zhangjianbo.jpg" alt="img"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3><font color="ffffff">Jianbo Zhang<font></h3>
 +
            <p>张剑波</p>
 +
          </div>
 +
        </div></a></div>
 +
  </div>
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
        <div class="img"><img src="https://static.igem.org/mediawiki/2014/6/61/Panboyu.jpg" alt="img"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3><font color="ffffff">Boyu Pan<font></h3>
 +
            <p>潘博宇</p>
 +
          </div>
 +
        </div></a></div>
 +
  </div>
 +
 
 +
</div>
 +
 
 +
  <div style="width:100%; height:45px; border:0; background-color: #ffffff;"></div>
 +
 
 +
<div class="row" align="center">
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
        <div class="img"><img src="https://static.igem.org/mediawiki/2014/7/79/Yunping.jpg" alt="img"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3><font color="ffffff">Yonten Phuntsok<font></h3>
 +
            <p>ཡོན་ཏན་ཕུན་ཚོགས་ 云丹平措</p>
 +
          </div>
 +
        </div></a></div>
 +
  </div>
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
        <div class="img"><img src="https://static.igem.org/mediawiki/2014/3/35/Songqing.jpg" alt="img"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3><font color="ffffff">Ching Song<font></h3>
 +
            <p>宋青</p>
 +
            <p>Advisor</p>
 +
          </div>
 +
        </div></a></div>
 +
  </div>
 +
 
 +
  <div class="col-sm-4">
 +
    <div class="ih-item circle colored effect13 from_left_and_right"><a href="#">
 +
        <div class="img"><img src="https://static.igem.org/mediawiki/2014/0/07/Zhanghuai.jpg" alt="img"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3><font color="ffffff">Huai Zhang<font></h3>
 +
            <p>张怀</p>
 +
            <p>Advisor</p>
 +
          </div>
 +
        </div></a></div>
 +
  </div>
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<!--    <div style="width:100%; height:45px; border:0; background-color: #ffffff;"></div> -->
 +
 
 +
 
 +
<!-- Footer -->
 +
 
 +
<footer class="bs-docs-footer">
 +
<div class="container">
 +
 
 +
<div align="center"><img id="footerlogo" src="https://static.igem.org/mediawiki/2014/b/b5/Ustbigemlogo.png" alt="" class="img-responsive"></div>
 +
 
 +
<p><br></p>
 +
 
 +
<p><font size=2.5>Built with love by<br>The iGEM14 team of University of Science and Technology Beijing</font></p>
 +
<ul class="bs-docs-footer-links muted"> <font size=2.5>
 +
  <li><a href="http://www.ustb.edu.cn">Visit us</a></li>
 +
  <li>&middot;</li>
 +
  <li><a href="http://twitter.com">Follow us on Twitter</a></li>
 +
</font>
 +
</ul>
 +
</div>
 +
</footer>
-
</td>
 
-
<td></td>
 
-
<td width="45%"  valign="top"> </td>
 
-
</tr>
+
<!-- Bootstrap core JavaScript -->
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
<script src="https://2014.igem.org/Team:UST_Beijing/bootstrap/bootstrap.js?action=raw"></script>
 +
<script src="https://2014.igem.org/Team:UST_Beijing/bootstrap/docs.js?action=raw"></script>
-
</table>
+
</body>
</html>
</html>

Revision as of 11:43, 8 October 2014

USTB iGEM14 Team

Getting to know the explorers.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

View official team profile
img

Jianqiu Mou

牟鉴秋

img

Le Xu

徐乐

img

Hanzhong Ke

柯瀚中

img

Ting Li

李婷

img

Ran Bao

包然

img

Ke Ma

马可

img

Mo Chen

陈默

img

Chunyu Yang

杨春雨

img

Ruining Xie

解瑞宁

img

Feiyuan Yu

于飞沅

img

Hanwen Zhang

张瀚文

img

Mengyun Zhou

周梦芸

img

Yingxuan Liu

刘应轩

img

Jianbo Zhang

张剑波

img

Boyu Pan

潘博宇

img

Yonten Phuntsok

ཡོན་ཏན་ཕུན་ཚོགས་ 云丹平措

img

Ching Song

宋青

Advisor

img

Huai Zhang

张怀

Advisor

Retrieved from "http://2014.igem.org/Team:UST_Beijing/Team"