Team:Queens Canada/Team

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
{{Template:Queens_Canada/qgemheader}}
 +
 
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 +
<link rel="stylesheet" href="../../Downloads/bootstrap/css/bootstrap.min.css" media="screen" />
 +
<title>Untitled Document</title>
<style>
<style>
-
.outline{
+
#tidal-wave{
-
height:325px;
+
width:100%;
-
margin:3%;
+
background-size:contain;
-
top-padding:2%;
+
float:center;
-
left-padding:5%;
+
overflow:hidden;
-
right-padding:5%;
+
-
bottom-padding:5%;
+
-
border-style:solid;
+
-
border-width:5px;
+
-
overflow:hidden;
+
}
}
-
.bio{
+
.red{
-
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
+
background-color:#ff898c;
 +
padding:10px;
 +
}
 +
.blue{
 +
background-color:#89d7ff;
 +
padding:10px;
 +
}
 +
.yellow{
 +
background-color:#fff889;
 +
padding:10px;
}
}
.name{
.name{
-
font-size:24px;
+
height:40px;
-
margin:5px;
+
text-align:center;
-
padding:5px;
+
font-size:1.5em
}
}
-
.stuff{
+
.grade{
-
font-size:14px;
+
height:15px;
-
margin:5px;
+
text-align:center;
-
padding:5px;
+
font-size:1em
}
}
-
.left-box{
+
.holder{
-
float:left;
+
max-height:400px;
-
width:35%;
+
width:100%;
-
min-width:300px;
+
display:inline-block;
 +
overflow:hidden;
}
}
-
.right-box{
+
.bio{
-
float:right;
+
overflow:auto;
-
width:35%;
+
word-wrap:break-word;
-
min-width:300px;
+
-
 
+
}
}
-
#main-wrap{
+
.span6{
-
overflow:hidden;
+
margin:0;
 +
overflow:auto;
}
}
-
.centered{
+
.right{
-
text-align:center;
+
float:right;
-
vertical-align:text-top;
+
padding:5px;
 +
}
 +
.left{
 +
float:left;
 +
padding:5px;
 +
}
 +
.photo-left{
 +
float:left;
 +
margin:5px;
 +
width:200px;
 +
}
 +
.photo-right{
 +
float:right;
 +
width:200px;
 +
margin:5px;
}
}
</style>
</style>
-
<head>
 
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
-
<title>Untitled Document</title>
 
</head>
</head>
<body>
<body>
-
<table border="1px">
+
<div id="tidal-wave">
-
    <thead>
+
<row>
-
        <tr>
+
<div class="span6 red">
-
            <th colspan="4">QGEM Team</th>
+
         <div class="holder">
-
         </tr>
+
            <div class="left">
-
    </thead>
+
                <div class="photo-left">
-
    <tbody>
+
                <img src="https://dl.dropboxusercontent.com/u/125588631/Henry.png" onmouseover="this.src='https://dl.dropboxusercontent.com/u/125588631/Henry_whim.png'" onmouseout="this.src='https://dl.dropboxusercontent.com/u/125588631/Henry.png'"/>
-
        <tr>
+
                </div>
-
            <td class="centered">Henry Barron <p><img src ="https://dl.dropboxusercontent.com/u/125588631/Henry.png" width="200"/></p></td>
+
            <div class="name"><strong>HENRY BARRON</strong></div>
-
            <td class="centered">James Kim<p><img src ="https://dl.dropboxusercontent.com/u/125588631/James.png" width="200"/></p></td>
+
                This is a test. I really hope this works or I will be very sad. Yep this really sucks. Like big balls.
-
             <td class="centered">Mack Jamieson<p><img src ="https://dl.dropboxusercontent.com/u/125588631/Mack.png" width="200"/></p></td>
+
             </div>
-
            <td class="centered">Sylvester Chiang<p><img src ="https://dl.dropboxusercontent.com/u/125588631/Syl.png" width="200"/></p></td>
+
        </div>
-
         </tr>  
+
    </div>
-
         <tr>
+
    <div class="span6 blue">
-
             <td class="centered">Cindy Zhu <p><img src ="https://dl.dropboxusercontent.com/u/125588631/Cindy.png" width="200"/></p></td>
+
    <div class="holder">
-
            <td class="centered">Dylan Piette<p><img src ="https://dl.dropboxusercontent.com/u/125588631/Dylan.png" width="200"/></p></td>
+
        <div class="right">
-
             <td class="centered">Simon Huang<p><img src ="https://dl.dropboxusercontent.com/u/125588631/Simon.png" width="200"/></p></td>
+
  <div class="photo-right">
-
            <td class="centered">Mitangi Parekh<p><img src ="https://dl.dropboxusercontent.com/u/125588631/Mitangi.png" width="200"/></p></td>
+
<img src="https://dl.dropboxusercontent.com/u/125588631/James.png" onmouseover="this.src='https://dl.dropboxusercontent.com/u/125588631/James_whim.png'" onmouseout="this.src='https://dl.dropboxusercontent.com/u/125588631/James.png'"/>                </div>
-
         </tr>  
+
                <div class="name"><strong>JAMES KIM</strong></div>
-
         <tr>
+
Once there lived a tiny octopus in a sand castle. He was pretty sad but one day he found a starfish and they become best friends.
-
             <td class="centered">Tony Zhu <p><img src ="https://dl.dropboxusercontent.com/u/125588631/Tony.png" width="200"/></p></td>
+
                </div>
-
            <td class="centered">Stephanie Chan<p><img src ="https://dl.dropboxusercontent.com/u/125588631/Steph.png" width="200"/></p></td>
+
         </div>
-
            <td class="centered">Andy Song<p><img src ="https://dl.dropboxusercontent.com/u/125588631/Andy.png" width="200"/></p></td>
+
    </div>
-
            <td class="centered">Kyle Sunderland<p><img src ="https://dl.dropboxusercontent.com/u/125588631/Kyle.png" width="200"/></p></td>
+
</row>
-
        </tr> 
+
 
-
        <tr>
+
<row>
-
            <td class="centered">Laura Chu <p><img src ="https://dl.dropboxusercontent.com/u/125588631/Laura.png" width="200"/></p></td>
+
<div class="span6 yellow">
-
         </tr>  
+
         <div class="holder">
 +
             <div class="left">
 +
                <div class="photo-right">
 +
                <img src="https://dl.dropboxusercontent.com/u/125588631/Mack.png" onmouseover="this.src='https://dl.dropboxusercontent.com/u/125588631/Mac_whim.png'" onmouseout="this.src='https://dl.dropboxusercontent.com/u/125588631/Mack.png'"/>
 +
                </div>
 +
            <div class="name"><strong>MACKENZIE JAMIESON</strong></div>
 +
                This is a test. I really hope this works or I will be very sad. Yep this really sucks. Like big balls.
 +
             </div>
 +
        </div>
 +
    </div>
 +
    <div class="span6 red">
 +
    <div class="holder">
 +
        <div class="right">
 +
  <div class="photo-left">
 +
<img src="https://dl.dropboxusercontent.com/u/125588631/Syl.png" onmouseover="this.src='https://dl.dropboxusercontent.com/u/125588631/Syl_whim.png'" onmouseout="this.src='https://dl.dropboxusercontent.com/u/125588631/Syl.png'"/>               
 +
                </div>
 +
                <div class="name"><strong>SYLVESTER CHIANG</strong></div>
 +
Once there lived a tiny octopus in a sand castle. He was pretty sad but one day he found a starfish and they become best friends.
 +
                </div>
 +
         </div>
 +
    </div>
 +
</row>
 +
 
 +
<row>
 +
<div class="span6 blue">
 +
         <div class="holder">
 +
             <div class="left">
 +
                <div class="photo-left">
 +
                <img src="https://dl.dropboxusercontent.com/u/125588631/Cindy.png" onmouseover="this.src='https://dl.dropboxusercontent.com/u/125588631/Cindy_whim.png'" onmouseout="this.src='https://dl.dropboxusercontent.com/u/125588631/Cindy.png'"/>
 +
                </div>
 +
            <div class="name"><strong>CINDY ZHU</strong></div>
 +
                This is a test. I really hope this works or I will be very sad. Yep this really sucks. Like big balls.
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="span6 yellow">
 +
    <div class="holder">
 +
        <div class="right">
 +
  <div class="photo-right">
 +
<img src="https://dl.dropboxusercontent.com/u/125588631/Dylan.png" onmouseover="this.src='https://dl.dropboxusercontent.com/u/125588631/Dylan_whim.png'" onmouseout="this.src='https://dl.dropboxusercontent.com/u/125588631/Dylan.png'"/>               
 +
                </div>
 +
                <div class="name"><strong>DYLAN PIETTE</strong></div>
 +
Once there lived a tiny octopus in a sand castle. He was pretty sad but one day he found a starfish and they become best friends.
 +
                </div>
 +
         </div>
 +
    </div>
 +
</row>
 +
<row>
 +
<div class="span6 red">
 +
        <div class="holder">
 +
            <div class="left">
 +
                <div class="photo-right">
 +
                <img src="https://dl.dropboxusercontent.com/u/125588631/Simon.png" onmouseover="this.src='https://dl.dropboxusercontent.com/u/125588631/Simon_whim.png'" onmouseout="this.src='https://dl.dropboxusercontent.com/u/125588631/Simon.png'"/>
 +
                </div>
 +
            <div class="name"><strong>SIMON HUANG</strong></div>
 +
                This is a test. I really hope this works or I will be very sad. Yep this really sucks. Like big balls.
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="span6 blue">
 +
    <div class="holder">
 +
        <div class="right">
 +
  <div class="photo-left">
 +
<img src="https://dl.dropboxusercontent.com/u/125588631/Mitangi.png" onmouseover="this.src='https://dl.dropboxusercontent.com/u/125588631/Mitangi_whim.png'" onmouseout="this.src='https://dl.dropboxusercontent.com/u/125588631/Mitangi.png'"/>               
 +
                </div>
 +
                <div class="name"><strong>MITANGI PAREKH</strong></div>
 +
Once there lived a tiny octopus in a sand castle. He was pretty sad but one day he found a starfish and they become best friends.
 +
                </div>
 +
        </div>
 +
    </div>
 +
</row>
 +
<row>
 +
<div class="span6 yellow">
 +
        <div class="holder">
 +
            <div class="left">
 +
                <div class="photo-left">
 +
                <img src="https://dl.dropboxusercontent.com/u/125588631/Tony.png" onmouseover="this.src='https://dl.dropboxusercontent.com/u/125588631/Tony_whim.png'" onmouseout="this.src='https://dl.dropboxusercontent.com/u/125588631/Tony.png'"/>
 +
                </div>
 +
            <div class="name"><strong>TONY ZHU</strong></div>
 +
                This is a test. I really hope this works or I will be very sad. Yep this really sucks. Like big balls.
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="span6 red">
 +
    <div class="holder">
 +
        <div class="right">
 +
  <div class="photo-right">
 +
<img src="https://dl.dropboxusercontent.com/u/125588631/Steph.png" onmouseover="this.src='https://dl.dropboxusercontent.com/u/125588631/Steph_whim.png'" onmouseout="this.src='https://dl.dropboxusercontent.com/u/125588631/Steph.png'"/>               
 +
                </div>
 +
                <div class="name"><strong>STEPHANIE CHAN</strong></div>
 +
Once there lived a tiny octopus in a sand castle. He was pretty sad but one day he found a starfish and they become best friends.
 +
                </div>
 +
        </div>
 +
    </div>
 +
</row>
-
     </tbody>
+
<row>
-
</table>
+
<div class="span6 blue">
 +
        <div class="holder">
 +
            <div class="left">
 +
                <div class="photo-right">
 +
                <img src="https://dl.dropboxusercontent.com/u/125588631/Andy.png" onmouseover="this.src='https://dl.dropboxusercontent.com/u/125588631/Andy_whim.png'" onmouseout="this.src='https://dl.dropboxusercontent.com/u/125588631/Andy.png'"/>
 +
                </div>
 +
            <div class="name"><strong>ANDY SONG</strong></div>
 +
                This is a test. I really hope this works or I will be very sad. Yep this really sucks. Like big balls.
 +
            </div>
 +
        </div>
 +
     </div>
 +
    <div class="span6 yellow">
 +
    <div class="holder">
 +
        <div class="right">
 +
  <div class="photo-left">
 +
<img src="https://dl.dropboxusercontent.com/u/125588631/Kyle.png" onmouseover="this.src='https://dl.dropboxusercontent.com/u/125588631/Kyle_whim.png'" onmouseout="this.src='https://dl.dropboxusercontent.com/u/125588631/Kyle.png'"/>               
 +
                </div>
 +
                <div class="name"><strong>KYLE SUNDERLAND</strong></div>
 +
Once there lived a tiny octopus in a sand castle. He was pretty sad but one day he found a starfish and they become best friends.
 +
                </div>
 +
        </div>
 +
    </div>
 +
</row>
 +
<row>
 +
<div class="span6 red">
 +
        <div class="holder">
 +
            <div class="left">
 +
                <div class="photo-left">
 +
                <img src="https://dl.dropboxusercontent.com/u/125588631/Laura.png" onmouseover="this.src='https://dl.dropboxusercontent.com/u/125588631/Laura_whim.png'" onmouseout="this.src='https://dl.dropboxusercontent.com/u/125588631/Laura.png'"/>
 +
                </div>
 +
            <div class="name"><strong>LAURA CHU</strong></div>
 +
                This is a test. I really hope this works or I will be very sad. Yep this really sucks. Like big balls.
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="span6 blue">
 +
    <div class="holder">
 +
        <div class="right">
 +
  <div class="photo-right">             
 +
                </div>
 +
                <div class="name"><strong>SOMEBODY</strong></div>
 +
                </div>
 +
        </div>
 +
    </div>
 +
</row>
 +
</div>
</body>
</body>
</html>
</html>

Revision as of 17:43, 31 May 2013

Untitled Document

WE ARE TEAM
iGEM | QUEEN'S

Untitled Document

HENRY BARRON
This is a test. I really hope this works or I will be very sad. Yep this really sucks. Like big balls.
JAMES KIM
Once there lived a tiny octopus in a sand castle. He was pretty sad but one day he found a starfish and they become best friends.
MACKENZIE JAMIESON
This is a test. I really hope this works or I will be very sad. Yep this really sucks. Like big balls.
SYLVESTER CHIANG
Once there lived a tiny octopus in a sand castle. He was pretty sad but one day he found a starfish and they become best friends.
CINDY ZHU
This is a test. I really hope this works or I will be very sad. Yep this really sucks. Like big balls.
DYLAN PIETTE
Once there lived a tiny octopus in a sand castle. He was pretty sad but one day he found a starfish and they become best friends.
SIMON HUANG
This is a test. I really hope this works or I will be very sad. Yep this really sucks. Like big balls.
MITANGI PAREKH
Once there lived a tiny octopus in a sand castle. He was pretty sad but one day he found a starfish and they become best friends.
TONY ZHU
This is a test. I really hope this works or I will be very sad. Yep this really sucks. Like big balls.
STEPHANIE CHAN
Once there lived a tiny octopus in a sand castle. He was pretty sad but one day he found a starfish and they become best friends.
ANDY SONG
This is a test. I really hope this works or I will be very sad. Yep this really sucks. Like big balls.
KYLE SUNDERLAND
Once there lived a tiny octopus in a sand castle. He was pretty sad but one day he found a starfish and they become best friends.
LAURA CHU
This is a test. I really hope this works or I will be very sad. Yep this really sucks. Like big balls.
SOMEBODY

Retrieved from "http://2013.igem.org/Team:Queens_Canada/Team"