Team:UST Beijing/Team

From 2014.igem.org

(Difference between revisions)

Latest revision as of 16:54, 16 October 2014

USTB iGEM14 Team

Meet the explorers.

Getting to know the explorers who revived human's beloved magic.

View Official Team Profile

Jianqiu Mou

牟鉴秋

Le Xu

徐乐

Hanzhong Ke

柯瀚中

Ting Li

李婷

Ran Bao

包然

Ke Ma

马可

Mo Chen

陈默

Chunyu Yang

杨春雨

Ruining Xie

解瑞宁

Feiyuan Yu

于飞沅

Hanwen Zhang

张瀚文

Mengyun Zhou

周梦芸

Yingxuan Liu

刘应轩

Jianbo Zhang

张剑波

Boyu Pan

潘博宇

Yonten Phuntsok

ཡོན་ཏན་ཕུན་ཚོགས་

云丹平措

Sonam Choedrun

བསོད་ནམས་ཆོས་སྒྲོན།

索朗曲珍

Ching Song, Ph.D

宋青

Professor / Instructor

Huai Zhang, Ph.D

张怀

Advisor

View Our Groupshot :)

@@ Line 28: / Line 28: @@
      <style>
-     #footerlogo {
+.modal-backdrop {
-      width: 250px;
+     position: relative;
-      height: 100px;
+}
-    }
+.dl-horizontal dt {
+     white-space: normal;
+}
+#footerlogo {
+  width: 250px;
+  height: 100px;
+}
+#minilogo {
+  width: 200px;
+}
        /* Removes the mysterious margin of footer */
@@ Line 139: / Line 152: @@
        /* Carousel base class */
+      .fill {
+          width: 100%;
+          height: 100%;
+          background-position: center;
+          -webkit-background-size: cover;
+          -moz-background-size: cover;
+          background-size: cover;
+          -o-background-size: cover;
+      }
        .carousel {
-         height: 550px;
+         height: 680px;
          margin-bottom: 60px;
        }
@@ Line 150: / Line 174: @@
        /* Declare heights because of positioning of img element */
        .carousel .item {
-         height: 550px;
+         height: 680px;
          background-color: #777;
        }
@@ Line 158: / Line 182: @@
          left: 0;
          min-width: 100%;
-         height: 550px;
+         height: 680px;
        }
@@ Line 262: / Line 287: @@
                  <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><a href="https://2014.igem.org/Team:UST_Beijing/Outreach">Outreach</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/Footsteps">Footsteps</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>
@@ Line 278: / Line 305: @@
        </div>
      </div>
+<!-- Carousel
+    <div id="myCarousel" class="carousel slide" data-ride="carousel">
+      <div class="carousel-inner">
+        <div class="item active" style="background: url(https://static.igem.org/mediawiki/2014/3/35/Home_back2.jpg) no-repeat center center; background-size: cover;"></div>
+    </div>-->
 <!-- Team Introduction -->
@@ Line 283: / Line 316: @@
      <div class="bs-docs-featurette">
        <div class="container">
-         <h2 class="bs-docs-featurette-title">Getting to know the explorers.</h2>
+         <h2 class="bs-docs-featurette-title">Meet 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>
+         <p class="lead">Getting to know the explorers who revived human's beloved magic.</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>
-        <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">
-    <hr class="half-rule">
 <div class="row" align="center">
-   <div class="col-sm-4">
+   <div class="col-sm-3">
      <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>
@@ Line 304: / Line 337: @@
      </div>
-   <div class="col-sm-4">
+   <div class="col-sm-3">
      <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>
@@ Line 315: / Line 348: @@
    </div>
-   <div class="col-sm-4">
+   <div class="col-sm-3">
      <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>
@@ Line 326: / Line 359: @@
    </div>
-</div>
+   <div class="col-sm-3">
-  <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>
@@ Line 343: / Line 370: @@
    </div>
-   <div class="col-sm-4">
+</div>
+  <div style="width:100%; height:45px; border:0; background-color: #ffffff;"></div>
+<div class="row" align="center">
+   <div class="col-sm-3">
      <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>
@@ Line 354: / Line 387: @@
    </div>
-   <div class="col-sm-4">
+   <div class="col-sm-3">
      <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>
@@ Line 365: / Line 398: @@
    </div>
-</div>
+   <div class="col-sm-3">
-  <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>
@@ Line 382: / Line 409: @@
    </div>
-   <div class="col-sm-4">
+   <div class="col-sm-3">
      <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>
@@ Line 393: / Line 420: @@
    </div>
-   <div class="col-sm-4">
+</div>
+  <div style="width:100%; height:45px; border:0; background-color: #ffffff;"></div>
+<div class="row" align="center">
+   <div class="col-sm-3">
      <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>
@@ Line 404: / Line 438: @@
    </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="col-sm-3">
      <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>
@@ Line 421: / Line 450: @@
    </div>
-   <div class="col-sm-4">
+   <div class="col-sm-3">
      <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>
@@ Line 432: / Line 461: @@
    </div>
-   <div class="col-sm-4">
+   <div class="col-sm-3">
      <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>
@@ Line 449: / Line 478: @@
 <div class="row" align="center">
-   <div class="col-sm-4">
+   <div class="col-sm-3">
      <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>
@@ Line 460: / Line 489: @@
    </div>
-   <div class="col-sm-4">
+   <div class="col-sm-3">
      <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>
@@ Line 471: / Line 500: @@
    </div>
-   <div class="col-sm-4">
+   <div class="col-sm-3">
      <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>
@@ Line 482: / Line 511: @@
    </div>
-</div>
+   <div class="col-sm-3">
-  <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>
@@ Line 500: / Line 523: @@
    </div>
-   <div class="col-sm-4">
+</div>
+  <div style="width:100%; height:45px; border:0; background-color: #ffffff;"></div>
+<div class="row" align="center">
+   <div class="col-sm-3">
      <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/03/Members.jpg" alt="img"></div>
@@ Line 506: / Line 537: @@
            <div class="info-back">
              <h3><font color="ffffff">Sonam Choedrun<font></h3>
+            <p>བསོད་ནམས་ཆོས་སྒྲོན།</p>
              <p>索朗曲珍</p>
            </div>
@@ Line 519: / Line 551: @@
    <div class="row" align="center">
-   <div class="col-sm-4">
+<div class="col-sm-3">
+</div>
+   <div class="col-sm-3">
      <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>
+             <h3><font color="ffffff" size="4px">Ching Song, Ph.D<font></h3>
              <p>宋青</p>
-             <p>Advisor</p>
+             <p>Professor / Instructor</p>
            </div>
          </div></a></div>
    </div>
-   <div class="col-sm-4">
+   <div class="col-sm-3">
      <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>
+             <h3><font color="ffffff" size="4px">Huai Zhang, Ph.D<font></h3>
              <p>张怀</p>
              <p>Advisor</p>
            </div>
          </div></a></div>
+  </div>
+  <div class="col-sm-3">
    </div>
 </div>
+<hr class="half-rule">
+<div class="container">
+<!--  <a href="#" vertical-align="middle" data-toggle="modal" data-target="#myModal1"><img id="minilogo" src="https://static.igem.org/mediawiki/2014/2/2a/Ustbgroupshotmini.png"></a> -->
+<a href="#"  data-toggle="modal" data-target="#myModal1" class="btn btn-outline btn-lg">View Our Groupshot :)</a>
+  <!-- Modal -->
+  <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-body">
+          <div align="center"><img src="https://static.igem.org/mediawiki/2014/2/27/Ustbgroupshot.JPG" alt="" class="img-responsive"></div>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 </div>
-<!--    <div style="width:100%; height:45px; border:0; background-color: #ffffff;"></div> -->
+<!-- Image Background Carousel
+<div id="myCarousel" class="carousel slide">
-<!-- Footer -->
+    <div class="carousel-inner">
+        <div class="item active">
+            <div class="fill" style="background-image:url('https://static.igem.org/mediawiki/2014/2/27/Ustbgroupshot.JPG');"></div>
+            <div class="carousel-caption">
+                <p></p>
+            </div>
+        </div>
+    </div>
+  </div> -->
-<footer class="bs-docs-footer">
-<div class="container">
-<div align="center"><img id="footerlogo" src="https://static.igem.org/mediawiki/2014/7/74/Headerlogo.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>
+</div>
+<!--    <div style="width:100%; height:45px; border:0; background-color: #ffffff;"></div> -->
+<!-- Footer  -->
+<footer class="bs-docs-footer" role="contentinfo">
+  <div class="container">
+  <div align="center"><img id="footerlogo" src="https://static.igem.org/mediawiki/2014/7/74/Headerlogo.png" alt="" class="img-responsive"></div>
+  <p><br></p>
+  <p><font size=2.5>Built with love<br>By the iGEM14 team of <a href="http://www.ustb.edu.cn/">University of Science and Technology Beijing</a></font></p>
+    </font>
+    </ul>
+  </div>
 </footer>