Team:UST Beijing/Team

From 2014.igem.org

(Difference between revisions)
 
(13 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 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">
 
-
 
-
    <!-- Full Page Image Background Carousel Header -->
 
-
    <div id="myCarousel" class="carousel slide">
 
-
        <!-- Indicators -->
 
-
<!--        <ol class="carousel-indicators">
 
-
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 
-
            <li data-target="#myCarousel" data-slide-to="1"></li>
 
-
            <li data-target="#myCarousel" data-slide-to="2"></li>
 
-
            <li data-target="#myCarousel" data-slide-to="3"></li>
 
-
            <li data-target="#myCarousel" data-slide-to="4"></li>
 
-
        </ol> -->
 
-
 
-
        <!-- Wrapper for Slides -->
 
-
        <div class="carousel-inner">
 
-
            <div class="item active">
 
-
                <!-- Set the first background image using inline CSS below. -->
 
-
                <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 class="item">
 
-
                <!-- Set the second background image using inline CSS below.
 
-
                <div class="fill" style="background-image:url('https://static.igem.org/mediawiki/2014/6/64/Outr2.jpg');"></div>
 
-
                <div class="carousel-caption">
 
-
                    <h2></h2>
 
-
                </div>
 
-
            </div> -->
 
-
 
-
        </div>
 
-
 
-
        <!-- Controls -->
 
-
<!--        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
 
-
            <span class="icon-prev"></span>
 
-
        </a>
 
-
        <a class="right carousel-control" href="#myCarousel" data-slide="next">
 
-
            <span class="icon-next"></span>
 
-
        </a>
 
-
      </div> -->
 
 +
<hr class="half-rule">
Line 595: 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>
-
<hr class="half-rule">
 
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UST_Beijing" class="btn btn-outline btn-lg">View official team profile</a>
+
 
 +
</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

USTB iGEM14 Team