Difference between revisions of "Team:Technion HS Israel/teamGallery"

Line 2: Line 2:
 
<html>
 
<html>
 
<link href="//2015.igem.org/Template:Technion_HS_Israel4/Technion_HS_Israel_menu_style?action=raw&ctype=text/css" <rel="stylesheet">
 
<link href="//2015.igem.org/Template:Technion_HS_Israel4/Technion_HS_Israel_menu_style?action=raw&ctype=text/css" <rel="stylesheet">
−
<head> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>Display Slide Show</title> <style> #slideShowImages { border: 1px gray solid; background-color: lightgray; } #slideShowImages img { border: 0.8em black solid; padding: 3px; } </style> </head>
+
<style>
 +
div.img {
 +
    margin: 5px;
 +
    padding: 5px;
 +
    border: 1px solid #0000ff;
 +
    height: auto;
 +
    width: auto;
 +
    float: left;
 +
    text-align: center;
 +
}
  
−
<!--Read more: http://mrbool.com/how-to-create-slideshow-with-html5-and-css/27166#ixzz3m6qz5JuO--!>
+
div.img img {
 +
    display: inline;
 +
    margin: 5px;
 +
    border: 1px solid #ffffff;
 +
}
  
 +
div.img a:hover img {
 +
    border:1px solid #0000ff;
 +
}
 +
 +
div.desc {
 +
    text-align: center;
 +
    font-weight: normal;
 +
    width: 120px;
 +
    margin: 5px;
 +
}
 +
</style>
 +
</head>
 
<body>
 
<body>
−
<div id="slideShowImages">
 
−
<img class='imagem_artigo' src="https://static.igem.org/mediawiki/2015/2/21/Team-Technion_HS_Israel_logo_fresh.png" alt="Slide 1" />
 
−
<img class='imagem_artigo' src="img/photos/2.png" alt="Slide 2" />
 
−
<img class='imagem_artigo' src="img/photos/3.png" alt="Slide 3" />
 
−
<img class='imagem_artigo' src="img/photos/4.png" alt="Slide 4" />
 
−
</div> <button id="slideShowButton"></button> <script src="slideShow.js">
 
−
</script> </body>
 
  
 +
<div class="img">
 +
  <a target="_blank" href="klematis_big.htm">
 +
    <img src="klematis_small.jpg" alt="Klematis" width="110" height="90">
 +
  </a>
 +
  <div class="desc">Add a description of the image here</div>
 +
</div>
 +
<div class="img">
 +
  <a target="_blank" href="klematis2_big.htm">
 +
    <img src="klematis2_small.jpg" alt="Klematis" width="110" height="90">
 +
  </a>
 +
  <div class="desc">Add a description of the image here</div>
 +
</div>
 +
<div class="img">
 +
  <a target="_blank" href="klematis3_big.htm">
 +
    <img src="klematis3_small.jpg" alt="Klematis" width="110" height="90">
 +
  </a>
 +
  <div class="desc">Add a description of the image here</div>
 +
</div>
 +
<div class="img">
 +
  <a target="_blank" href="klematis4_big.htm">
 +
    <img src="klematis4_small.jpg" alt="Klematis" width="110" height="90">
 +
  </a>
 +
  <div class="desc">Add a description of the image here</div>
 +
</div>
 +
 +
</body>
  
  
 
</html>
 
</html>

Revision as of 17:05, 18 September 2015

Technion 2015 HS Team's Wiki

Klematis
Add a description of the image here
Klematis
Add a description of the image here
Klematis
Add a description of the image here
Klematis
Add a description of the image here