Team:UST Beijing/Team

From 2014.igem.org

(Difference between revisions)
 
(6 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 305: 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>
Line 567: 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> -->
 
-
<hr class="half-rule">
+
</div>
 +
 
-
<!-- Full Page Image Background Carousel Header -->
+
<!-- Image Background Carousel
<div id="myCarousel" class="carousel slide">
<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="carousel-inner">
         <div class="item active">
         <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="fill" style="background-image:url('https://static.igem.org/mediawiki/2014/2/27/Ustbgroupshot.JPG');"></div>
             <div class="carousel-caption">
             <div class="carousel-caption">
Line 596: Line 620:
             </div>
             </div>
         </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>
     </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> -->
   </div> -->
 +
 +

Latest revision as of 16:54, 16 October 2014

USTB iGEM14 Team