(Replaced content with "{{Freiburg/Styles}} {{Freiburg/Away}} {{Freiburg/Menubar}} {{Freiburg/Main}} <html> <div class="column full_size" > <h5 style="text-align: center"> Lab Journals </h5...") |
|||
Line 6: | Line 6: | ||
<html> | <html> | ||
− | < | + | <style> |
− | + | .base { | |
+ | width: 900px; | ||
+ | height: 450px; | ||
+ | position: absolute; | ||
+ | left:200px; | ||
+ | top:330px; | ||
+ | } | ||
+ | |||
+ | .image img { | ||
+ | transition: all .2s ease; | ||
+ | } | ||
+ | |||
+ | .image img:hover { | ||
+ | cursor: pointer; | ||
+ | -webkit-transform: scale(1.1); | ||
+ | /* Safari and Chrome */ | ||
+ | -moz-transform: scale(1.1); | ||
+ | /* Firefox */ | ||
+ | transition-duration: .2s; | ||
+ | transition-timing-function: linear; | ||
+ | } | ||
+ | |||
+ | .imga { | ||
+ | width: 200px; | ||
+ | position: absolute; | ||
+ | left: 350px; | ||
+ | top: 30px; | ||
+ | } | ||
+ | |||
+ | .imgb { | ||
+ | width: 200px; | ||
+ | position: absolute; | ||
+ | left: 100px; | ||
+ | top: 150px; | ||
+ | } | ||
+ | |||
+ | .imgc { | ||
+ | width: 200px; | ||
+ | position: absolute; | ||
+ | left: 600px; | ||
+ | top: 150px; | ||
+ | } | ||
+ | |||
+ | .imgd { | ||
+ | width: 200px; | ||
+ | position: absolute; | ||
+ | left: 200px; | ||
+ | top: 300px; | ||
+ | } | ||
+ | |||
+ | .imge { | ||
+ | width: 200px; | ||
+ | position: absolute; | ||
+ | left: 500px; | ||
+ | top: 300px; | ||
+ | } | ||
+ | |||
+ | .image img | ||
+ | </style> | ||
− | <div class=" | + | |
+ | <div class="" > | ||
+ | <h5 style="text-align: center"> Our Protocols </h5> | ||
+ | <center> | ||
+ | <div style="height: 400px"> | ||
+ | <div class=base> | ||
+ | <div class="image"> | ||
+ | <a href="#cloning"> <img class="imga" src="https://static.igem.org/mediawiki/2016/1/14/T--Freiburg--CloningLab.png" alt="Smiley face"> </a> | ||
+ | </div> | ||
+ | <div class="image"> | ||
+ | <a href="#spores"> <img class="imgb" src="https://static.igem.org/mediawiki/2016/9/93/T--Freiburg--SporesLab.png" alt="Smiley face"> </a> | ||
+ | </div> | ||
+ | <div class="image"> | ||
+ | <a href="proteins"> <img class="imgc" src="https://static.igem.org/mediawiki/2016/2/23/T--Freiburg--ProteinsLab.png" alt="Smiley face"> </a> | ||
+ | </div> | ||
+ | |||
+ | <div class="image"> | ||
+ | <a href="targeting"> <img class="imgd" src="https://static.igem.org/mediawiki/2016/f/f4/T--Freiburg--TargetingLab.png" alt="Smiley face"> </a> | ||
+ | </div> | ||
+ | <div class="image"> | ||
+ | <a href="delivery"> <img class="imge" src="https://static.igem.org/mediawiki/2016/4/4b/T--Freiburg--DeliveryLab.png" alt="Smiley face"> </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--img src="https://static.igem.org/mediawiki/2016/1/14/T--Freiburg--CloningLab.png" style="width:150px"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/9/93/T--Freiburg--SporesLab.png" style="width:150px"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/2/23/T--Freiburg--ProteinsLab.png" style="width:150px"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/f/f4/T--Freiburg--TargetingLab.png" style="width:150px"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/4/4b/T--Freiburg--DeliveryLab.png" style="width:150px"--><br> | ||
+ | Click on each image to get directly to the method description of each group. | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </center> | ||
+ | |||
+ | <div class="para_center_20"> | ||
− | |||
</div> | </div> |
Revision as of 18:22, 22 September 2016