Difference between revisions of "Team:Bilkent-UNAMBG/Human Practices"

 
(48 intermediate revisions by 2 users not shown)
Line 34: Line 34:
 
/* Slideshow container */
 
/* Slideshow container */
 
.slideshow-container {
 
.slideshow-container {
−
   max-width: %90;
+
   max-width: 100%;
 
   position: relative;
 
   position: relative;
 
   margin: auto;
 
   margin: auto;
Line 61: Line 61:
 
/* The dots/bullets/indicators */
 
/* The dots/bullets/indicators */
 
.dot {
 
.dot {
 +
  height: 13px;
 +
  width: 13px;
 +
  margin: 0 2px;
 +
  background-color: #bbb;
 +
  border-radius: 50%;
 +
  display: inline-block;
 +
  transition: background-color 1.0s ease;
 +
}
 +
 +
.dot2 {
 
   height: 13px;
 
   height: 13px;
 
   width: 13px;
 
   width: 13px;
Line 110: Line 120:
 
</div>
 
</div>
  
−
<div style="background-color:blue">
+
<div style=" height:100%; width:88%;margin-left:10%">
−
<div class="slideshow-container" style="background-color:yellow; margin-top:5%;width:100%; margin-left:10%">
+
<div class="slideshow-container" style="width:auto; max-height:30%">
  
−
<div class="mySlides fade" style="width:25%; margin: 0 auto">
+
<div class="mySlides fade" style="width:70%;heigth:50%; margin: 0 auto" align="center">
 
   <div class="numbertext"></div>
 
   <div class="numbertext"></div>
−
   <img src="https://static.igem.org/mediawiki/2016/8/8f/T--Bilkent-UNAMBG--hp1.jpg" width="100%" height="250" >
+
   <img src="https://static.igem.org/mediawiki/2016/8/8f/T--Bilkent-UNAMBG--hp1.jpg" style="width:auto; height:33em" >
 
   <div class="text"></div>
 
   <div class="text"></div>
 
</div>
 
</div>
  
−
<div class="mySlides fade" style="width:25%; margin: 0 auto">
+
<div class="mySlides fade" style="width:70%;heigth:50%;margin: 0 auto" align="center">
 
   <div class="numbertext"></div>
 
   <div class="numbertext"></div>
−
   <img src="https://static.igem.org/mediawiki/2016/0/0d/T--Bilkent-UNAMBG--hp2.jpg" width="100%" height="250">
+
   <img src="https://static.igem.org/mediawiki/2016/0/0d/T--Bilkent-UNAMBG--hp2.jpg" style="width:auto; height:33em">
 
   <div class="text"></div>
 
   <div class="text"></div>
 
</div>
 
</div>
  
 +
<div class="mySlides fade" style="width:70%;heigth:50%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/c/c1/T--Bilkent-UNAMBG--hp3.jpg" style="width:auto; height:33em">
 +
  <div class="text"></div>
 +
</div>
 +
 +
<div class="mySlides fade" style="width:70%;heigth:50%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/8/87/T--Bilkent-UNAMBG--hp4.jpg" style="width:auto; height:33em">
 +
  <div class="text"></div>
 +
</div>
 +
 +
<div class="mySlides fade" style="width:70%;heigth:50%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/b/b9/T--Bilkent-UNAMBG--hp5.jpg" style="width:auto; height:33em">
 +
  <div class="text"></div>
 +
</div>
 +
 +
<div class="mySlides fade" style="width:70%;heigth:50%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/f/fd/T--Bilkent-UNAMBG--hp6.jpg" style="width:auto; height:33em">
 +
  <div class="text"></div>
 +
</div>
 +
 +
<div class="mySlides fade" style="width:70%;heigth:50%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/2/28/T--Bilkent-UNAMBG--hp7.jpg" style="width:auto; height:33em">
 +
  <div class="text"></div>
 +
</div>
 +
 +
<div class="mySlides fade" style="width:70%;heigth:50%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/2/2b/T--Bilkent-UNAMBG--hp8.jpg" style="width:auto; height:33em">
 +
  <div class="text"></div>
 +
</div>
 +
 +
<div class="mySlides fade" style="width:70%;heigth:50%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/d/d6/T--Bilkent-UNAMBG--hp9.jpg" style="width:auto; height:33em">
 +
  <div class="text"></div>
 +
</div>
 +
 +
<div class="mySlides fade" style="width:70%;heigth:50%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/1/19/T--Bilkent-UNAMBG--hp10.jpg" style="width:auto; height:33em">
 +
  <div class="text"></div>
 +
</div>
 +
 +
<div class="mySlides fade" style="width:70%;heigth:50%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/e/ec/T--Bilkent-UNAMBG--hp11.jpg" style="width:auto; height:33em">
 +
  <div class="text"></div>
 +
</div>
 +
 +
<div class="mySlides fade" style="width:70%;heigth:50%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/0/0a/T--Bilkent-UNAMBG--hp12.jpg" style="width:auto; height:33em">
 +
  <div class="text"></div>
 +
</div>
 +
 +
<div class="mySlides fade" style="width:70%;heigth:50%;margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/0/0f/T--Bilkent-UNAMBG--hp13.jpg" style="width:auto; height:33em">
 +
  <div class="text"></div>
 +
</div>
 +
 +
<div class="mySlides fade" style="width:70%;heigth:50%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/8/85/T--Bilkent-UNAMBG--hp14.jpg" style="width:auto; height:33em">
 +
  <div class="text"></div>
 +
</div>
 
</div>
 
</div>
 
<br>
 
<br>
 
<div style="text-align:center">
 
<div style="text-align:center">
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 +
  <span class="dot"></span>
 
   <span class="dot"></span>
 
   <span class="dot"></span>
 
   <span class="dot"></span>
 
   <span class="dot"></span>
Line 133: Line 226:
  
 
</div>
 
</div>
 +
<br></br><br></br><br></br>
 +
<div style=" width:88%; margin-left:10%; ">
 +
<div class="slideshow-container" style=" width:90%; height:80% ">
  
−
<div style="background-color:red">
+
<div class="mySlides2 fade" style="width:70%;height:50%; margin: 0 auto" align="center">
−
<div class="slideshow-container" style="background-color:yellow; margin-top:5%; width:100%; margin-left:10%">
+
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/2/24/T--Bilkent-UNAMBG--sbd1.jpg"  style="width:80%;height:auto">
 +
  <div class="text"></div>
 +
</div>
  
−
<div class="mySlides fade" style="width:25%; margin: 0 auto">
+
<div class="mySlides2 fade" style="width:70%; margin: 0 auto" align="center">
 
   <div class="numbertext"></div>
 
   <div class="numbertext"></div>
−
   <img src="https://static.igem.org/mediawiki/2016/8/8f/T--Bilkent-UNAMBG--hp1.jpg" width="100%" height="250" >
+
   <img src="https://static.igem.org/mediawiki/2016/1/1e/T--Bilkent-UNAMBG--sbd2.jpg" style="width:80%;height:auto">
 
   <div class="text"></div>
 
   <div class="text"></div>
 
</div>
 
</div>
  
−
<div class="mySlides fade" style="width:25%; margin: 0 auto">
+
<div class="mySlides2 fade" style="width:70%; margin: 0 auto" align="center">
 
   <div class="numbertext"></div>
 
   <div class="numbertext"></div>
−
   <img src="https://static.igem.org/mediawiki/2016/0/0d/T--Bilkent-UNAMBG--hp2.jpg" width="100%" height="250">
+
   <img src="https://static.igem.org/mediawiki/2016/5/55/T--Bilkent-UNAMBG--sbd3.jpg"  style="width:80%;height:auto">
 +
  <div class="text"></div>
 +
</div>
 +
 
 +
<div class="mySlides2 fade" style="width:70%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/7/76/T--Bilkent-UNAMBG--sbd4.jpg" style="width:80%;height:auto">
 +
  <div class="text"></div>
 +
</div>
 +
 
 +
<div class="mySlides2 fade" style="width:70%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/9/98/T--Bilkent-UNAMBG--sbd5.jpg"  style="width:80%;height:auto">
 +
  <div class="text"></div>
 +
</div>
 +
 
 +
<div class="mySlides2 fade" style="width:70%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/8/84/T--Bilkent-UNAMBG--sbd6.jpg"  style="width:80%;height:auto">
 +
  <div class="text"></div>
 +
</div>
 +
 
 +
<div class="mySlides2 fade" style="width:70%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/4/43/T--Bilkent-UNAMBG--sbd7.jpg"  style="width:80%;height:auto">
 +
  <div class="text"></div>
 +
</div>
 +
 
 +
<div class="mySlides2 fade" style="width:70%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/c/c8/T--Bilkent-UNAMBG--sbd8.jpg"  style="width:80%;height:auto">
 +
  <div class="text"></div>
 +
</div>
 +
 
 +
<div class="mySlides2 fade" style="width:70%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/a/a8/T--Bilkent-UNAMBG--sbd9.jpg"  style="width:80%;height:auto">
 +
  <div class="text"></div>
 +
</div>
 +
 
 +
<div class="mySlides2 fade" style="width:70%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/6/68/T--Bilkent-UNAMBG--sbd10.jpg" style="width:80%;height:auto">
 +
  <div class="text"></div>
 +
</div>
 +
 
 +
<div class="mySlides2 fade" style="width:70%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/1/1f/T--Bilkent-UNAMBG--sbd11.jpg"  style="width:80%;height:auto">
 +
  <div class="text"></div>
 +
</div>
 +
 
 +
<div class="mySlides2 fade" style="width:70%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/3/33/T--Bilkent-UNAMBG--sbd12.jpg"  style="width:80%;height:auto">
 +
  <div class="text"></div>
 +
</div>
 +
 
 +
<div class="mySlides2 fade" style="width:70%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/a/a9/T--Bilkent-UNAMBG--sbd13.jpg" style="width:80%;height:auto" >
 +
  <div class="text"></div>
 +
</div>
 +
 
 +
<div class="mySlides2 fade" style="width:70%; margin: 0 auto" align="center">
 +
  <div class="numbertext"></div>
 +
  <img src="https://static.igem.org/mediawiki/2016/b/b0/T--Bilkent-UNAMBG--sbd14.jpg" style="width:80%;height:auto" >
 
   <div class="text"></div>
 
   <div class="text"></div>
 
</div>
 
</div>
Line 152: Line 317:
 
<br>
 
<br>
 
<div style="text-align:center">
 
<div style="text-align:center">
−
   <span class="dot"></span>
+
   <span class="dot2"></span>
−
   <span class="dot"></span>
+
   <span class="dot2"></span>
 +
  <span class="dot2"></span>
 +
  <span class="dot2"></span>
 +
  <span class="dot2"></span>
 +
  <span class="dot2"></span>
 +
  <span class="dot2"></span>
 +
  <span class="dot2"></span>
 +
  <span class="dot2"></span>
 +
  <span class="dot2"></span>
 +
  <span class="dot2"></span>
 +
  <span class="dot2"></span>
 +
  <span class="dot2"></span>
 +
  <span class="dot2"></span>
 +
 
 
</div>
 
</div>
  
Line 161: Line 339:
 
<script>
 
<script>
 
var slideIndex = 0;
 
var slideIndex = 0;
 +
var slideIndex2 = 0;
 
showSlides();
 
showSlides();
  
Line 166: Line 345:
 
     var i;
 
     var i;
 
     var slides = document.getElementsByClassName("mySlides");
 
     var slides = document.getElementsByClassName("mySlides");
 +
    var slides2 = document.getElementsByClassName("mySlides2");
 +
 
     var dots = document.getElementsByClassName("dot");
 
     var dots = document.getElementsByClassName("dot");
 +
    var dots2 = document.getElementsByClassName("dot2");
 
     for (i = 0; i < slides.length; i++) {
 
     for (i = 0; i < slides.length; i++) {
 
       slides[i].style.display = "none";
 
       slides[i].style.display = "none";
 
     }
 
     }
 +
 +
    for (i = 0; i < slides2.length; i++) {
 +
      slides2[i].style.display = "none";
 +
    }
 +
 
     slideIndex++;
 
     slideIndex++;
 +
    slideIndex2++;
 
     if (slideIndex> slides.length)  
 
     if (slideIndex> slides.length)  
 
{
 
{
 
slideIndex = 1
 
slideIndex = 1
 
}
 
}
 +
    if (slideIndex2> slides2.length)
 +
{
 +
slideIndex2 = 1
 +
}
 +
 
     for (i = 0; i < dots.length; i++) {
 
     for (i = 0; i < dots.length; i++) {
 
         dots[i].className = dots[i].className.replace(" active", "");
 
         dots[i].className = dots[i].className.replace(" active", "");
 +
    }
 +
    for (i = 0; i < dots2.length; i++) {
 +
dots2[i].className = dots2[i].className.replace(" active", "");
 
     }
 
     }
 
     slides[slideIndex-1].style.display = "block";
 
     slides[slideIndex-1].style.display = "block";
 +
    slides2[slideIndex2-1].style.display = "block";
 
     dots[slideIndex-1].className += " active";
 
     dots[slideIndex-1].className += " active";
−
     setTimeout(showSlides, 5000); // Change image every 2 seconds
+
    dots2[slideIndex2-1].className += " active";
 +
     setTimeout(showSlides, 3000); // Change image every 3 seconds
 
}
 
}
 
</script>
 
</script>
 +
 +
<div>
 +
 +
  <table style="width:100%; height:auto">
 +
    <tr style="width:20%; height:auto">
 +
    <td><pre>
 +
        Adress:National Nanotechnology Research Center
 +
                Bilkent University
 +
                06800 Çankaya
 +
                Ankara
 +
                Turkey
 +
        Phone:  +90 555 353 7220
 +
        Email:  unam-igem-2016@googlegroups.com
 +
</pre></td>
 +
    <td align="center"  ><a href="http://w3.bilkent.edu.tr/bilkent/" target="_blank"><img class="logo" src="https://static.igem.org/mediawiki/2016/3/3d/T--Bilkent-UNAMBG--b%C4%B1lkent1.jpg" style="max-height:100px;"></a></td>
 +
    <td align="center" ><a href="http://www.oligomer.com.tr/" target="_blank"><img class="logo" src="https://static.igem.org/mediawiki/2016/c/c5/T--Bilkent-UNAMBG--Oligomer.png" style="max-height:120px"></a></td>
 +
    <td align="center"  ><a href="http://unam.bilkent.edu.tr/" target="_blank"><img class="logo" src="https://static.igem.org/mediawiki/2016/5/5e/T--Bilkent-UNAMBG--unam.png" style="max-height:100px;"></a></td>
 +
    <td align="center"  ><a href="http://www.gen-era.com.tr/" target="_blank"><img class="logo" src="https://static.igem.org/mediawiki/2016/5/50/T--Bilkent-UNAMBG--genera.png" style="max-height:100px;"></a></td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
 +
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:09, 20 October 2016













         Adress:National Nanotechnology Research Center
                Bilkent University
                06800 Çankaya
                Ankara
                Turkey
         Phone:  +90 555 353 7220 
         Email:  unam-igem-2016@googlegroups.com