Difference between revisions of "Team:Queens Canada"

Line 1: Line 1:
 
{{Queens_Canada}}
 
{{Queens_Canada}}
 +
{{Team:Queens_Canada/QU17_Menu}}
 +
{{Team:Queens_Canada/QU17_Style}}
 
<html>
 
<html>
 
<head>
 
<head>
<meta charset="UTF-8">
+
<style>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
 
<meta http-equiv="X-UA-Compatible" content="ie=edge">
+
 
<link rel="stylesheet" href="https://2018.igem.org/Team:Queens_Canada/CSS?action=raw&ctype=text/css">
+
img[usemap] {
<link rel="stylesheet" href="https://2018.igem.org/Team:Leiden/css/fontawesome-all_min_css?action=raw&ctype=text/css" type="text/css">
+
border: none;
<title>iGem 2017 Queen's Canada</title>
+
height: auto;
 +
max-width: 100%;
 +
width: auto;
 +
}
 +
 
 +
</style>
 
</head>
 
</head>
  
<div class="column full_size">
+
</style>
<h1> Welcome to iGEM 2018! </h1>
+
<div class="column full_size" > <!change this to info about QGEM in general> 
<p>Your team has been approved and you are ready to start the iGEM season! </p><img src="https://static.igem.org/mediawiki/2018/b/b8/T--Queens_Canada--Pacifier.jpg">
+
<center>
</div>
+
<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>
 +
<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>
 +
 
 +
<body>
 +
 
 +
<video width="1000" controls>
 +
<
 +
<source src="https://static.igem.org/mediawiki/2017/3/30/T--Queens_Canada--IntroConceptVideo.mp4" align>
 +
</video>
 +
</body>
 +
 
 +
 
 +
 
  
<div class="column full_size">
 
<br>
 
<p>Need to figure out what we want to display on this front page and what links we want to provide</p>
 
<br>
 
<h1>Text here</h1>
 
<p>image here that links to page the text refers to</p>
 
<br>
 
 
</div>
 
</div>
  
  
  
<h3>Inspiration</h3>
+
<div align="center">
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
<ul>
+
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
</ul>
+
  
 +
<img src="https://static.igem.org/mediawiki/2017/4/48/T--Queens_Canada--CircularLogos4.jpg" width="2838" height="1275" alt="" usemap="#imagemap"/>
  
<div class="column full_size">
+
<map name="imagemap">
  <div id="social_media" align="center">
+
  <area shape="circle" coords="204,320,160" href="https://2017.igem.org/Team:Queens_Canada/Meet_the_Team" />
    <h1 style="padding-bottom:25px">Follow us</h1>
+
  <area shape="circle" coords="580,320,160" href="https://2017.igem.org/Team:Queens_Canada/Overview" />
    <a href="https://www.facebook.com" target="_blank" id="facebook">
+
  <area shape="circle" coords="956,320,160" href="https://2017.igem.org/Team:Queens_Canada/Model" />
      <i class="fab fa-facebook-square" style="font-size:36px;"></i>
+
  <area shape="circle" coords="1320,320,160" href="https://2017.igem.org/Team:Queens_Canada/HP/Silver" />
    </a>
+
</map>
    <a href="https://www.twitter.com" target="_blank" id="twitter">
+
      <i class="fab fa-twitter-square" style="font-size:36px;"></i>
+
    </a>
+
    <a href="https://www.linkedin.com" target="_blank" id="linkedin">
+
      <i class="fab fa-linkedin" style="font-size:36px;"></i>
+
    </a>
+
    <a href="https://www.instagram.com" target="_blank" id="instagram">
+
      <i  class="fab fa-instagram" style="font-size:36px;"></i>
+
    </a>
+
  </div>
+
  <!-- div id="contact">
+
    <h1 style="text-align:center;padding-bottom:20px">Contact us</h1>
+
    <p style="text-align:center;padding:5px 0;">iGEM Team Queen's Canada</p>
+
    <p style="text-align:center;padding:5px 0;"><a href="mailto:director@qgemteam.com" target="_blank">director@qgemteam.com</a></p>
+
  </div -->
+
 
</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>

Revision as of 15:54, 14 June 2018

Template:Team:Queens Canada/QU17 Menu Template:Team:Queens Canada/QU17 Style


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.