Team:UST Beijing/Team
From 2014.igem.org
(Difference between revisions)
Liuyingxuan (Talk | contribs) |
Liuyingxuan (Talk | contribs) |
||
(24 intermediate revisions not shown) | |||
Line 28: | Line 28: | ||
<style> | <style> | ||
- | #footerlogo { | + | .modal-backdrop { |
- | + | position: relative; | |
- | + | } | |
- | + | ||
+ | .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: | + | 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: | + | height: 680px; |
background-color: #777; | background-color: #777; | ||
} | } | ||
Line 158: | Line 182: | ||
left: 0; | left: 0; | ||
min-width: 100%; | min-width: 100%; | ||
- | height: | + | 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 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 284: | 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"> | + | <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> | ||
- | |||
+ | <hr class="half-rule"> | ||
- | |||
<div class="row" align="center"> | <div class="row" align="center"> | ||
Line 528: | 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> | + | <p>Professor / Instructor</p> |
</div> | </div> | ||
</div></a></div> | </div></a></div> | ||
Line 549: | 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
Meet the explorers.
Getting to know the explorers who revived human's beloved magic.
View Official Team Profile