"
Team:UST Beijing/Team
From 2014.igem.org
(Difference between revisions)
Liuyingxuan (Talk | contribs) |
Liuyingxuan (Talk | contribs) |
||
| (14 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 293: | Line 318: | ||
<h2 class="bs-docs-featurette-title">Meet the explorers.</h2> | <h2 class="bs-docs-featurette-title">Meet the explorers.</h2> | ||
<p class="lead">Getting to know the explorers who revived human's beloved magic.</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> | ||
| + | |||
| + | |||
| + | <hr class="half-rule"> | ||
| - | |||
<div class="row" align="center"> | <div class="row" align="center"> | ||
| Line 553: | Line 581: | ||
</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> | ||
| + | |||
| + | |||
| + | <!-- 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> | ||
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
