Team:UST Beijing/Team

From 2014.igem.org

(Difference between revisions)
 
(23 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">
Line 279: Line 306:
     </div>
     </div>
-
<!-- Carousel -->
+
<!-- Carousel
     <div id="myCarousel" class="carousel slide" data-ride="carousel">
     <div id="myCarousel" class="carousel slide" data-ride="carousel">
       <div class="carousel-inner">
       <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 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><!-- /.carousel -->
+
     </div>-->
<!-- Team Introduction -->
<!-- Team Introduction -->
Line 290: Line 317:
       <div class="container">
       <div class="container">
         <h2 class="bs-docs-featurette-title">Meet 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">
Line 534: Line 561:
             <h3><font color="ffffff" size="4px">Ching Song, Ph.D<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>
Line 555: Line 582:
</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>
 +
 +
 +
<!-- Image Background Carousel
 +
<div id="myCarousel" class="carousel slide">
 +
 +
    <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> -->
 +
 +
 +
 +
</div>
</div>
</div>
</div>

Latest revision as of 16:54, 16 October 2014

USTB iGEM14 Team