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 253: / Line 278: @@
                  <span class="icon-bar"></span>
                </button>
-               <a class="navbar-brand" href="#">USTB iGEM14</a>
+               <a class="navbar-brand" href="https://2014.igem.org/Team:UST_Beijing">USTB iGEM14</a>
              </div>
              <div class="navbar-collapse collapse">
@@ 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 325: / Line 358: @@
        </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-3">
-   <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 342: / Line 369: @@
          </div></a></div>
    </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 353: / Line 386: @@
          </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/a/ab/Make.jpg" alt="img"></div>
@@ Line 364: / Line 397: @@
          </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-3">
-   <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 381: / Line 408: @@
        </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/4/43/Yangchunyu.jpg" alt="img"></div>
@@ Line 392: / Line 419: @@
          </div></a></div>
    </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 403: / Line 437: @@
          </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-3">
-   <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>
@@ Line 420: / Line 449: @@
          </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/6/63/Zhanghanwen.jpg" alt="img"></div>
@@ Line 431: / Line 460: @@
          </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/d/de/Zhoumengyun.jpg" alt="img"></div>
@@ Line 442: / Line 471: @@
          </div></a></div>
    </div>
 </div>
@@ Line 448: / Line 477: @@
 <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 459: / Line 488: @@
          </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/2/2f/Zhangjianbo.jpg" alt="img"></div>
@@ Line 470: / Line 499: @@
          </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/6/61/Panboyu.jpg" alt="img"></div>
@@ Line 481: / Line 510: @@
          </div></a></div>
    </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/7/79/Yunping.jpg" alt="img"></div>
+        <div class="info">
+          <div class="info-back">
+            <h3><font color="ffffff">Yonten Phuntsok<font></h3>
+            <p>ཡོན་ཏན་ཕུན་ཚོགས་</p>
+            <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="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/79/Yunping.jpg" alt="img"></div>
+         <div class="img"><img src="https://static.igem.org/mediawiki/2014/0/03/Members.jpg" alt="img"></div>
          <div class="info">
            <div class="info-back">
-             <h3><font color="ffffff">Yonten Phuntsok<font></h3>
+             <h3><font color="ffffff">Sonam Choedrun<font></h3>
-             <p>ཡོན་ཏན་ཕུན་ཚོགས་ 云丹平措</p>
+             <p>བསོད་ནམས་ཆོས་སྒྲོན།</p>
+            <p>索朗曲珍</p>
            </div>
          </div></a></div>
    </div>
-   <div class="col-sm-4">
+</div>
+<div style="width:100%; height:10px; border:0; background-color: #ffffff;"></div>
+<hr class="half-rule">
+   <div class="row" align="center">
+<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/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>
+</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>