SarahBabbitt (Talk | contribs) |
|||
(184 intermediate revisions by 3 users not shown) | |||
Line 4: | Line 4: | ||
<html> | <html> | ||
<head> | <head> | ||
− | |||
<style> | <style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | img { | + | img[usemap] { |
− | + | border: none; | |
− | + | height: auto; | |
+ | max-width: 100%; | ||
+ | width: auto; | ||
} | } | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
− | + | </style> | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="column full_size" > <!change this to info about QGEM in general> | <div class="column full_size" > <!change this to info about QGEM in general> | ||
<center> | <center> | ||
− | <h1 style="color:#b0bee1;"><font face="Lucida Sans Unicode" size="+3"> Welcome to QGEM 2017! </h1></center></font> | + | <img src="https://static.igem.org/mediawiki/2017/2/23/T--Queens_Canada--HomePageBanner.jpg" width="100px"> |
+ | <h1 style="color:#b0bee1;"><font face="Lucida Sans Unicode" size="+3"><br> Welcome to QGEM 2017! </h1></center></font> | ||
<center> | <center> | ||
− | <p style="color:#b0bee1;font-size:32px;"><font face="Lucida Sans Unicode">With an average of two oil spills per day, Earth's water is being contaminated at an alarming rate. <br> | + | <p style="color:#b0bee1;font-size:32px;"><font face="Lucida Sans Unicode">With an average of two large Arctic oil spills per day, Earth's water is being contaminated at an alarming rate. <br> |
Watch the video below to find out how QGEM plans to tackle this real world issue. </p></br> | Watch the video below to find out how QGEM plans to tackle this real world issue. </p></br> | ||
+ | |||
+ | <body> | ||
<video width="1000" controls> | <video width="1000" controls> | ||
− | < | + | < |
− | <source src="https://static.igem.org/mediawiki/2017/3/30/T--Queens_Canada--IntroConceptVideo.mp4" | + | <source src="https://static.igem.org/mediawiki/2017/3/30/T--Queens_Canada--IntroConceptVideo.mp4" align> |
</video> | </video> | ||
− | </ | + | </body> |
− | + | ||
+ | |||
+ | |||
+ | |||
</div> | </div> | ||
− | + | ||
<div align="center"> | <div align="center"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/4/48/T--Queens_Canada--CircularLogos4.jpg" width="2838" height="1275" alt="" usemap="#imagemap"/> |
− | <map name=" | + | <map name="imagemap"> |
− | <area shape="circle" coords=" | + | <area shape="circle" coords="204,320,160" href="https://2017.igem.org/Team:Queens_Canada/Meet_the_Team" /> |
− | <area shape="circle" coords=" | + | <area shape="circle" coords="580,320,160" href="https://2017.igem.org/Team:Queens_Canada/Overview" /> |
− | <area shape="circle" coords=" | + | <area shape="circle" coords="956,320,160" href="https://2017.igem.org/Team:Queens_Canada/Model" /> |
− | <area shape="circle" coords=" | + | <area shape="circle" coords="1320,320,160" href="https://2017.igem.org/Team:Queens_Canada/HP/Silver" /> |
</map> | </map> | ||
</div> | </div> | ||
+ | |||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> | ||
+ | <script src="jquery.rwdImageMaps.min.js"></script> | ||
+ | <script> | ||
+ | $(document).ready(function(e) { | ||
+ | $('img[usemap]').rwdImageMap(); | ||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 16:22, 1 November 2017