Difference between revisions of "Team:Queens Canada"

 
(181 intermediate revisions by 3 users not shown)
Line 3: Line 3:
 
{{Team:Queens_Canada/QU17_Style}}
 
{{Team:Queens_Canada/QU17_Style}}
 
<html>
 
<html>
 +
<head>
 +
<style>
  
  
<div align="center">
+
img[usemap] {
<div class="column full_size" >
+
border: none;
<img src="https://static.igem.org/mediawiki/2017/0/0e/T--Queens_Canada--GladiatorBanner1.jpg">
+
height: auto;
</div>
+
max-width: 100%;
</div>
+
width: auto;
 +
}
 +
 
 
</style>
 
</style>
 +
</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>
<div align="center">
+
<
<source src="https://static.igem.org/mediawiki/2017/3/30/T--Queens_Canada--IntroConceptVideo.mp4" type="video/mp4">
+
<source src="https://static.igem.org/mediawiki/2017/3/30/T--Queens_Canada--IntroConceptVideo.mp4" align>
 
</video>
 
</video>
</center>
+
</body>  
</div>
+
 
 +
 
 +
 
 +
 
 
</div>
 
</div>
  
<!-- <div class="clear"></div> -->
+
 
  
 
<div align="center">
 
<div align="center">
  
<img src="https://static.igem.org/mediawiki/2017/8/83/T--Queens_Canada--CircularLogos1.jpg" width="2000" height="870" alt="Buttons" usemap="#buttonmap">
+
<img src="https://static.igem.org/mediawiki/2017/4/48/T--Queens_Canada--CircularLogos4.jpg" width="2838" height="1275" alt="" usemap="#imagemap"/>
  
<map name="buttonmap">
+
<map name="imagemap">
   <area shape="circle" coords="298,435,181" href="https://2017.igem.org/Team:Queens_Canada/Meet_the_Team">
+
   <area shape="circle" coords="204,320,160" href="https://2017.igem.org/Team:Queens_Canada/Meet_the_Team" />
   <area shape="circle" coords="780,435,181" href="https://2017.igem.org/Team:Queens_Canada/Overview">
+
   <area shape="circle" coords="580,320,160" href="https://2017.igem.org/Team:Queens_Canada/Overview" />
   <area shape="circle" coords="1248,435,181" href="https://2017.igem.org/Team:Queens_Canada/Modelling/Overview">
+
   <area shape="circle" coords="956,320,160" href="https://2017.igem.org/Team:Queens_Canada/Model" />
   <area shape="circle" coords="1718,435,181" href="https://2017.igem.org/Team:Queens_Canada/Human_Practices/Overview">
+
   <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


Welcome to QGEM 2017!

With an average of two large Arctic oil spills per day, Earth's water is being contaminated at an alarming rate.
Watch the video below to find out how QGEM plans to tackle this real world issue.