Difference between revisions of "Team:Queens Canada"

 
(253 intermediate revisions by 3 users not shown)
Line 6: Line 6:
 
<style>
 
<style>
  
p {
 
      color: white;
 
}
 
  
li {
+
img[usemap] {
      color: white;
+
border: none;
 +
height: auto;
 +
max-width: 100%;
 +
width: auto;
 
}
 
}
  
Line 17: Line 17:
 
</head>
 
</head>
  
 
+
</style>
<div class="column full_size" >
+
<img src="https://static.igem.org/mediawiki/2017/0/0e/T--Queens_Canada--GladiatorBanner1.jpg">
+
</div>
+
 
+
 
+
 
<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;"> Welcome to QGEM 2017! </h1></center>
+
<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;">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" 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 class="clear"></div>
 
  
<div class="column half_size">
 
<img src="https://static.igem.org/mediawiki/2017/4/4c/T--Queens_Canada--MeetTheTeam.jpg" style="width:100%">
 
</div>
 
  
<div class="column half_size">
 
<img src="https://static.igem.org/mediawiki/2017/thumb/1/1c/T--Queens_Canada--WetLab.jpg/638px-T--Queens_Canada--WetLab.jpg" style="width:100%">
 
 
</div>
 
</div>
  
  
  
 +
<div align="center">
  
 +
<img src="https://static.igem.org/mediawiki/2017/4/48/T--Queens_Canada--CircularLogos4.jpg" width="2838" height="1275" alt="" usemap="#imagemap"/>
  
 +
<map name="imagemap">
 +
  <area shape="circle" coords="204,320,160" href="https://2017.igem.org/Team:Queens_Canada/Meet_the_Team" />
 +
  <area shape="circle" coords="580,320,160" href="https://2017.igem.org/Team:Queens_Canada/Overview" />
 +
  <area shape="circle" coords="956,320,160" href="https://2017.igem.org/Team:Queens_Canada/Model" />
 +
  <area shape="circle" coords="1320,320,160" href="https://2017.igem.org/Team:Queens_Canada/HP/Silver" />
 +
</map>
 +
</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.