Difference between revisions of "Team:Tongji China"

(Replaced content with "{{Tongji_China/Head_N_Prefix}} <html> </html> {{Tongji_China/Head_N_Suffix}} {{Tongji_China/Header_N}} <html> <head> </head> <body> </body> </html>")
Line 9: Line 9:
  
 
<head>
 
<head>
−
<style>
+
 
−
.carousel-fade .carousel-inner .item{ 
+
−
    opacity:0.8; 
+
−
    -webkit-transition-property:opacity ; 
+
−
    -moz-transition-property:opacity ; 
+
−
    -ms-transition-property:opacity ; 
+
−
    -o-transition-property:opacity ; 
+
−
    transition-property:opacity ;
+
−
}
+
−
.carousel-fade .carousel-inner .active{ 
+
−
    opacity: 1;
+
−
}
+
−
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{ 
+
−
    left: 0; 
+
−
    opacity: 0;
+
−
}
+
−
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
+
−
    opacity: 1;
+
−
}
+
−
</style>
+
 
</head>
 
</head>
 
<body>
 
<body>
−
<div class="carousel slide carousel-fade" id="myCarousel" data-ride="carousel" data-interval="1000">
 
−
                  <!-- Indicators -->
 
−
                  <ol class="carousel-indicators" style="margin: 0 -30%;">
 
−
                      <li class="active" data-target="#Carousel" data-slide-to="0"></li>
 
−
                      <li data-target="#myCarousel" data-slide-to="1"></li>
 
−
                        <li data-target="#myCarousel" data-slide-to="2"></li>
 
−
<li data-target="#Carousel" data-slide-to="3"></li>
 
−
<li data-target="#Carousel" data-slide-to="4"></li>
 
−
<li data-target="#Carousel" data-slide-to="5"></li>
 
−
<li data-target="#Carousel" data-slide-to="6"></li>
 
−
                  </ol>
 
−
                  <!-- Wrapper for slides -->
 
−
                <div class="carousel-inner" role="listbox">
 
−
                  <div class="item active">
 
−
                  <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2018/9/93/T--Tongji_China--1.jpg">
 
−
                  </div>
 
−
 
−
                  <div class="item">
 
−
                  <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2018/e/ef/T--Tongji_China--2.jpg">
 
−
                  </div>
 
−
<div class="item">
 
−
                  <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2018/e/e0/T--Tongji_China--3.jpg">
 
−
                  </div>
 
−
<div class="item">
 
−
                  <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2018/f/f9/T--Tongji_China--4.jpg">
 
−
                  </div>
 
−
 
−
<div class="item">
 
−
                  <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2018/2/25/T--Tongji_China--5.jpg">
 
−
                  </div>
 
−
<div class="item">
 
−
                  <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2018/f/f7/T--Tongji_China--6.jpg">
 
−
                  </div>
 
−
<div class="item">
 
−
                  <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2018/6/6c/T--Tongji_China--7.jpg">
 
−
                  </div>
 
−
                </div>
 
−
            <!-- Left and right controls -->
 
−
                  <a class="left carousel-control" role="button" href="#myCarousel" data-slide="prev">
 
−
                    <span class="glyphicon" aria-hidden="true"><img style="margin-top:700%" src="https://static.igem.org/mediawiki/2015/d/d1/Peking-left.png"></span>
 
−
                    <span class="sr-only">Previous</span>
 
−
                  </a>
 
−
                  <a class="right carousel-control" role="button" href="#myCarousel" data-slide="next">
 
−
                    <span class="glyphicon" aria-hidden="true"><img style="margin-top:700%" src="https://static.igem.org/mediawiki/2015/f/fc/Peking-right.png"></span>
 
−
                    <span class="sr-only">Next</span>
 
−
                  </a>
 
−
            </div>
 
−
          </div> 
 
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 02:53, 5 October 2018