Team:CityU HK/HumanPractice/Presentation

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
   <link type=text/css" rel="stylesheet" href="https://2014.igem.org/Template:Team:CityU_HK/bootstrap">
+
 
 +
   <link href="https://2013.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 +
</head>  
-
<style>
 
-
.col-md-4 {
 
-
    background-color: green;
 
-
}
 
-
.col-md-8 {
 
-
    background-color: yellow;
 
-
}
 
-
</style>
 
-
</head
 
<body>
<body>
-
 
+
<div id="slider" class="carousel slide">
-
        <img src="https://static.igem.org/mediawiki/2014/1/14/Team_CityU_HK_banner.jpg"/>
+
 
-
 
+
              <div class="carousel-inner">
 +
                <div class="item active"><!-- add the active class to any slider you want shown first -->
 +
                  <img src="https://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-prn2/t1.0-9/10441948_768218456562336_6205322581075245538_n.jpg" style="width:100%;height:100%">
 +
                </div>
 +
 
 +
                <div class="item"><!-- add the active class to any slider you want shown first -->
 +
                  <img src="https://static.igem.org/mediawiki/2013/thumb/a/a4/Algal_Bloom3.jpg/800px-Algal_Bloom3.jpg" style="width:100%;height:100%">
 +
                </div>
 +
 
 +
 
 +
                <div class="item"><!-- add the active class to any slider you want shown first -->
 +
                  <img src="https://static.igem.org/mediawiki/2013/thumb/2/25/Solution3.jpg/800px-Solution3.jpg" style="width:100%;height:100%">
 +
                </div>
 +
              </div>
 +
 
 +
              <!-- the controls for our sliders -->
 +
              <a class="left carousel-control " href="#slider" data-slide="prev">&lsaquo;</a>
 +
              <a class="right carousel-control " href="#slider" data-slide="next">&rsaquo;</a>
 +
            </div>
 +
      </div>
 +
<!-- the neccessary javascript -->
 +
    <script src="http://code.jquery.com/jquery-latest.js"></script>
 +
    <script src="http://www.kyleharrison.co.uk/igem/js/bootstrap.min.js"></script>
-
    <div class="container">
 
-
        <div class="row'>
 
-
          <div class="col-md-4><h2>this is div class=col-md-4</h2></div>
 
-
          <div class="col-md-8"><h2>this is div class=col-md-8</h2></div>
 
-
        </div>
 
-
    </div> <!--end of .container-->
 
</body>
</body>
</html>
</html>

Revision as of 15:26, 20 August 2014

Retrieved from "http://2014.igem.org/Team:CityU_HK/HumanPractice/Presentation"