Difference between revisions of "Team:Queens Canada"

 
(141 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>
 +
 +
 +
img[usemap] {
 +
border: none;
 +
height: auto;
 +
max-width: 100%;
 +
width: auto;
 +
}
  
<body>
 
<div align="center">
 
<div class="column full_size" >
 
<img src="https://static.igem.org/mediawiki/2017/0/0e/T--Queens_Canada--GladiatorBanner1.jpg">
 
</div>
 
</div>
 
 
</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>  
 
<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>  
 
</body>  
Line 30: Line 39:
 
</div>
 
</div>
  
<!-- <div class="clear"></div> -->
+
 
  
 
<div align="center">
 
<div align="center">
  
<img src="https://static.igem.org/mediawiki/2017/4/48/T--Queens_Canada--CircularLogos4.jpg" style="width:100%" 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="204,312,160" 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="567,312,160" 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="935,312,160" 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="1300,312,160" 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="https://github.com/stowball/jQuery-rwdImageMaps.git"></script>
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 +
<script src="jquery.rwdImageMaps.min.js"></script>
 
<script>
 
<script>
 
$(document).ready(function(e) {
 
$(document).ready(function(e) {
    $('img[usemap]').rwdImageMaps();
+
      $('img[usemap]').rwdImageMap();
 
});
 
});
<script>
 
  
 +
</script>
 
</body>
 
</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.