Team:UST Beijing/Team

From 2014.igem.org

(Difference between revisions)
 
(41 intermediate revisions not shown)
Line 28: Line 28:
     <style>
     <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 */
       /* Removes the mysterious margin of footer */
Line 139: Line 152:
       /* Carousel base class */
       /* 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 {
       .carousel {
-
         height: 550px;
+
         height: 680px;
         margin-bottom: 60px;
         margin-bottom: 60px;
       }
       }
Line 150: Line 174:
       /* Declare heights because of positioning of img element */
       /* Declare heights because of positioning of img element */
       .carousel .item {
       .carousel .item {
-
         height: 550px;
+
         height: 680px;
         background-color: #777;
         background-color: #777;
       }
       }
Line 158: Line 182:
         left: 0;
         left: 0;
         min-width: 100%;
         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/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/Modeling">Modeling</a></li>
 +
                <li><a href="https://2014.igem.org/Team:UST_Beijing/Outreach">Outreach</a></li>
 +
                 <li class="dropdown">
                 <li class="dropdown">
                   <a href="#notebook" class="dropdown-toggle" data-toggle="dropdown">Notebook <span class="caret"></span></a>
                   <a href="#notebook" class="dropdown-toggle" data-toggle="dropdown">Notebook <span class="caret"></span></a>
                   <ul class="dropdown-menu" role="menu">
                   <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/Safety">Safety</a></li>
                       <li><a href="https://2014.igem.org/Team:UST_Beijing/Attributions">Attributions</a></li>
                       <li><a href="https://2014.igem.org/Team:UST_Beijing/Attributions">Attributions</a></li>
Line 278: Line 305:
       </div>
       </div>
     </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 -->
<!-- Team Introduction -->
Line 283: Line 316:
     <div class="bs-docs-featurette">
     <div class="bs-docs-featurette">
       <div class="container">
       <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="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="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="img"><img src="https://static.igem.org/mediawiki/2014/7/73/Moujianqiu.jpg" alt="img"></div>
Line 304: Line 337:
     </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="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="img"><img src="https://static.igem.org/mediawiki/2014/9/91/Xule.jpg" alt="img"></div>
Line 315: Line 348:
   </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="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="img"><img src="https://static.igem.org/mediawiki/2014/1/1b/Kehanzhong3.jpg" alt="img"></div>
Line 326: Line 359:
   </div>
   </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="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="img"><img src="https://static.igem.org/mediawiki/2014/5/59/Liting2.jpg" alt="img"></div>
Line 343: Line 370:
   </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="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="img"><img src="https://static.igem.org/mediawiki/2014/d/dc/Baoran.jpg" alt="img"></div>
Line 354: Line 387:
   </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="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="img"><img src="https://static.igem.org/mediawiki/2014/a/ab/Make.jpg" alt="img"></div>
Line 365: Line 398:
   </div>
   </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="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="img"><img src="https://static.igem.org/mediawiki/2014/4/42/Chenmo.jpg" alt="img"></div>
Line 382: Line 409:
   </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="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="img"><img src="https://static.igem.org/mediawiki/2014/4/43/Yangchunyu.jpg" alt="img"></div>
Line 393: Line 420:
   </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="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="img"><img src="https://static.igem.org/mediawiki/2014/b/ba/Xieruining.jpg" alt="img"></div>
Line 404: Line 438:
   </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="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="img"><img src="https://static.igem.org/mediawiki/2014/4/48/Yufeiyuan.jpg" alt="img"></div>
Line 421: Line 450:
   </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="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="img"><img src="https://static.igem.org/mediawiki/2014/6/63/Zhanghanwen.jpg" alt="img"></div>
Line 432: Line 461:
   </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="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="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="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="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="img"><img src="https://static.igem.org/mediawiki/2014/9/9f/Yxliu.jpg" alt="img"></div>
Line 460: Line 489:
   </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="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="img"><img src="https://static.igem.org/mediawiki/2014/2/2f/Zhangjianbo.jpg" alt="img"></div>
Line 471: Line 500:
   </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="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="img"><img src="https://static.igem.org/mediawiki/2014/6/61/Panboyu.jpg" alt="img"></div>
Line 482: Line 511:
   </div>
   </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="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/7/79/Yunping.jpg" alt="img"></div>
Line 500: Line 523:
   </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="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>
         <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">
           <div class="info-back">
             <h3><font color="ffffff">Sonam Choedrun<font></h3>
             <h3><font color="ffffff">Sonam Choedrun<font></h3>
 +
            <p>བསོད་ནམས་ཆོས་སྒྲོན།</p>
             <p>索朗曲珍</p>
             <p>索朗曲珍</p>
           </div>
           </div>
Line 519: Line 551:
   <div class="row" align="center">
   <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="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="img"><img src="https://static.igem.org/mediawiki/2014/3/35/Songqing.jpg" alt="img"></div>
         <div class="info">
         <div class="info">
           <div class="info-back">
           <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>宋青</p>
-
             <p>Advisor</p>
+
             <p>Professor / Instructor</p>
           </div>
           </div>
         </div></a></div>
         </div></a></div>
   </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="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="img"><img src="https://static.igem.org/mediawiki/2014/0/07/Zhanghuai.jpg" alt="img"></div>
         <div class="info">
         <div class="info">
           <div class="info-back">
           <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>张怀</p>
             <p>Advisor</p>
             <p>Advisor</p>
           </div>
           </div>
         </div></a></div>
         </div></a></div>
 +
  </div>
 +
 +
  <div class="col-sm-3">
   </div>
   </div>
</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>
</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>
 +
 +
<!--    <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>
</footer>

Latest revision as of 16:54, 16 October 2014

USTB iGEM14 Team