Difference between revisions of "Team:Queens Canada"

 
(225 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 align="center">
+
<div class="column full_size" >
+
<img src="https://static.igem.org/mediawiki/2017/0/0e/T--Queens_Canada--GladiatorBanner1.jpg" style="width:100%">
+
</div>
+
</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;"><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 class="clear"></div>
 
  
<div align="center">
 
<div class="column full_size">
 
<img src="https://static.igem.org/mediawiki/2017/8/83/T--Queens_Canada--CircularLogos1.jpg" width="2000" height="870" alt="Buttons" usemap="#buttonmap>
 
  
<map name="buttonmap">
 
  <area shape="circle" coords="500,600,100" href="https://2017.igem.org/Team:Queens_Canada/Meet_the_Team" alt="MeetTheTeam">
 
  <area shape="circle" coords="1200,600,100" href="https://2017.igem.org/Team:Queens_Canada/Meet_the_Team" alt="MeetTheTeam">
 
  <area shape="circle" coords="1700,600,100" href="https://2017.igem.org/Team:Queens_Canada/Meet_the_Team" alt="MeetTheTeam">
 
  <area shape="circle" coords="2200,600,100" href="https://2017.igem.org/Team:Queens_Canada/Meet_the_Team" alt="MeetTheTeam">
 
</map>
 
</div>
 
  
 
</div>
 
</div>
Line 58: Line 41:
  
  
 +
<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.